PDA

View Full Version : Problem with custom headers


rharris
Aug-25-2009, 02:30 AM
Hello!

First post here, so apologies for getting it all wrong already.

I'm trying to replace the headers that you can add in the 'easy customizer', with smaller images/banners that are clickable (to different galleries). I've sorted out the image and the codes to get the 'small banner' up, but I can't get it in the right place. I followed the FAQ & tutorial for reference, but neither mention alignment.

css

<div id="my_banner"><a href="http://rharris.smugmug.com/Other/Landscapes/8835835_z2HSq#585518335_kQYiD"><img src="http://rharris.smugmug.com/photos/629048155_w8Cz3-M.jpg" width="140" height="40" border="0" /></a></div>

custom header

<div id="my_banner"> </div>

The problem is that the this just appears below the main banner at the top left of my screen, where I want it to appear at the top right, level with it, along with three other 'headers'. I haven't added it yet, as I can't get it in the right place. if anyone could advise me on what I'm doing wrong it would be much appreciated.

Thanks for your time!

Allen
Aug-25-2009, 05:04 AM
Hello!

First post here, so apologies for getting it all wrong already.

I'm trying to replace the headers that you can add in the 'easy customizer', with smaller images/banners that are clickable (to different galleries). I've sorted out the image and the codes to get the 'small banner' up, but I can't get it in the right place. I followed the FAQ & tutorial for reference, but neither mention alignment.

css

<div id="my_banner"><a href="http://rharris.smugmug.com/Other/Landscapes/8835835_z2HSq#585518335_kQYiD"><img src="http://rharris.smugmug.com/photos/629048155_w8Cz3-M.jpg" width="140" height="40" border="0" /></a></div>

custom header

<div id="my_banner"> </div>

The problem is that the this just appears below the main banner at the top left of my screen, where I want it to appear at the top right, level with it, along with three other 'headers'. I haven't added it yet, as I can't get it in the right place. if anyone could advise me on what I'm doing wrong it would be much appreciated.

Thanks for your time! To start with remove all the red from your CSS

********>
var ssConfig = {
AlbumID: '8835835',
newWindow: 'false',
transparent: 'true',
splash: 'http://www.smugmug.com/img/ria/ShizamSlides/smugmug_black.png',
showLogo: 'false',
clickToImage: 'true',
showThumbs: 'true',
showButtons: 'true',
crossFadeSpeed: '350'
};

SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</scritp>

********>
.gallery_9379986.pageNav {
display: none;
}</********

i think you are going to have problems mixing Easy Customizer html with
header html. If it was me I'd remove all reference of the banners from EC
and do it in your header.

rharris
Aug-25-2009, 05:33 AM
Thanks for the help. I worked it out in the end. I removed all the 'easy customizer' settings on the banner/header - made it a lot easier in the end.