Problems adding a 2nd banner.....

[MichaelKirk]

I read thru Ivars tutorial http://dgrin.smugmug.com/gallery/1932865 about how to add a 2nd banner and it appears when I started my customization - my banner code is different. I played around with it for a while trying what I thought would work, but unable to add a 2nd banner to a new gallery.

I am trying to add this banner:
http://mlkimages.smugmug.com/photos/128610011-L.jpg

To ONLY this gallery (and all subs cats):
http://www.mlkimages.smugmug.com/KCSD%202007%20Sports

Can anyone help a tiny bit :wink

Michael

[Barb]

I read thru Ivars tutorial http://dgrin.smugmug.com/gallery/1932865 about how to add a 2nd banner and it appears when I started my customization - my banner code is different. I played around with it for a while trying what I thought would work, but unable to add a 2nd banner to a new gallery.

I am trying to add this banner:
http://mlkimages.smugmug.com/photos/128610011-L.jpg

To ONLY this gallery (and all subs cats):
http://www.mlkimages.smugmug.com/KCSD%202007%20Sports

Can anyone help a tiny bit :wink

Michael

Hi Michael,

Replace what you have in your CSS with this:

#my_header {
display: none;
}

#my_header {
width:700px;
height:150px;
background: url(http://mlkimages.smugmug.com/photos/126985596-L.jpg) no-repeat;
border:0;
}

.category_KCSD_2007_Sports #my_header {display: block;
background: url(http://mlkimages.smugmug.com/photos/128610011-L.jpg) no-repeat;
}

Then in your header code box, remove this:

<div align="center">
<img src="http://mlkimages.smugmug.com/photos/126985596-L.jpg" width="700" height="150">
</div>

<div id="my_header">
<a href="http://mlkimages.smugmug.com/"><img src="/img/spacer.gif" /></a>
</div>

And add this:

<div id="my_header"><a href="http://mlkimages.smugmug.com"><img src="/img/spacer.gif" width="700" height="150" border="0" /></a></div>

I think that will fix it for you.

[MichaelKirk]

Barb,
WOW, thanks for the FAST reply.
I added and changed the code buy I lost my main banner (disappeared), but I did gain the 2nd banner, but it is not centered.

Ideas?
Michael






Hi Michael,

Replace what you have in your CSS with this:

#my_header {
display: none;
}

#my_header {
width:700px;
height:150px;
background: url(http://mlkimages.smugmug.com/photos/126985596-L.jpg) no-repeat;
border:0;
}

.category_KCSD_2007_Sports #my_header {display: block;
background: url(http://mlkimages.smugmug.com/photos/128610011-L.jpg) no-repeat;
}

Then in your header code box, remove this:

<div align="center">
<img src="http://mlkimages.smugmug.com/photos/126985596-L.jpg" width="700" height="150">
</div>

<div id="my_header">
<a href="http://mlkimages.smugmug.com/"><img src="/img/spacer.gif" /></a>
</div>

And add this:

<div id="my_header"><a href="http://mlkimages.smugmug.com"><img src="/img/spacer.gif" width="700" height="150" border="0" /></a></div>

I think that will fix it for you.

[Barb]

Barb,
WOW, thanks for the FAST reply.
I added and changed the code buy I lost my main banner (disappeared), but I did gain the 2nd banner, but it is not centered.

Ideas?
Michael

Hi,

Oops - sorry :)

I fixed it. I added the red to your code:

#my_header {
display: none;
}

#my_header {display: block;
width:700px;
height:150px;
background: url(http://mlkimages.smugmug.com/photos/126985596-L.jpg) no-repeat;
border:0;
margin: 0 auto;
}

.category_KCSD_2007_Sports #my_header {display: block;
background: url(http://mlkimages.smugmug.com/photos/128610011-L.jpg) no-repeat;
margin: 0 auto;
}

[MichaelKirk]

perfect!

so in the future if I want to add a different banner to a new gallery, all I need to add to my CSS is the following?:

.category_NEW GALLERY NAME #my_header {display: block;
background:
url(http://PHOTO LINK.jpg (http://PHOTO LINK.jpg)) no-repeat;
margin: 0 auto;
}




Michael


Hi,

Oops - sorry :)

I fixed it. I added the red to your code:

#my_header {
display: none;
}

#my_header {display: block;
width:700px;
height:150px;
background: url(http://mlkimages.smugmug.com/photos/126985596-L.jpg) no-repeat;
border:0;
margin: 0 auto;
}

.category_KCSD_2007_Sports #my_header {display: block;
background: url(http://mlkimages.smugmug.com/photos/128610011-L.jpg) no-repeat;
margin: 0 auto;
}

[Barb]

perfect!

so in the future if I want to add a different banner to a new gallery, all I need to add to my CSS is the following?:

.category_NEW GALLERY NAME #my_header {display: block;
background:
url(http://PHOTO LINK.jpg (http://PHOTO%20LINK.jpg)) no-repeat;
margin: 0 auto;
}




Michael

Yes, or to a certain gallery, change .category to .gallery_XXXXX, the x's being the gallery number.