PDA

View Full Version : Add banner for Galleries (Not Categories)


MCP-FL
Mar-13-2007, 12:55 PM
I've taken my first customization steps and added different banners for each category in the site. I also read in the how-to guide that the process can be applied all the way down to galleries, but I have not been successful in doing so. Does anyone have a "sample" that I could use to customize on the gallery level?

Thank you so much to those who know for sharing the knowledge!

Marcelo.:clap

Allen
Mar-13-2007, 01:17 PM
I've taken my first customization steps and added different banners for each category in the site. I also read in the how-to guide that the process can be applied all the way down to galleries, but I have not been successful in doing so. Does anyone have a "sample" that I could use to customize on the gallery level?

Thank you so much to those who know for sharing the knowledge!

Marcelo. :wave Welcome to Dgrin.

If you would post the link to your site it would be much easier to help you
solve this.

Is this right?
You want a different banner on each category that flows down to the
galleries below each category?

MCP-FL
Mar-13-2007, 01:52 PM
Dear Allen,
Thanks so much offering your help. What I would like to accomplish is to add a banner that would be unique to a specific gallery or galleries. I am already able to apply different banners for each category and those flow down to the galleries below that category.

I have an unusual use of SmugMug, and my site is not posted to the public. We use it internally and only share through sharegroups. Some galleries fall under different categories, but belong to the same project, so I want those to have a unique banner that identifies that project, regardless of where they are located in the nest.

I hope I am not too confusing. Thanks again!

Marcelo.:dunno




:wave Welcome to Dgrin.

If you would post the link to your site it would be much easier to help you
solve this.

Is this right?
You want a different banner on each category that flows down to the
galleries below each category?

Allen
Mar-13-2007, 02:44 PM
Dear Allen,
Thanks so much offering your help. What I would like to accomplish is to add a banner that would be unique to a specific gallery or galleries. I am already able to apply different banners for each category and those flow down to the galleries below that category.

I have an unusual use of SmugMug, and my site is not posted to the public. We use it internally and only share through sharegroups. Some galleries fall under different categories, but belong to the same project, so I want those to have a unique banner that identifies that project, regardless of where they are located in the nest.

I hope I am not too confusing. Thanks again!

Marcelo.:dunno
I don't know if you can apply different banners to sharegroups and flow
down. The galleries under each could be from anywhere on you site.
Maybe someone else will have an idea. Sorry.

MCP-FL
Mar-13-2007, 02:49 PM
Dear Allen,

Thanks for your help anyway!

I will continue trying on my own in the mean time, but to make sure I conveyed what I wanted to do...

I do not need to do anything with the sharegroups. Just trying to find out if there is a way that I can apply a banner to a gallery. I already got a grip with applying banners to categories.

Marcelo.

DASPort
Mar-14-2007, 11:23 AM
Please Help...I'm having "Banner" trouble! I am trying to use a separate Banner for my Weddings gallery, than the one I'm using on my Home page.

I have tried following http://dgrin.smugmug.com/gallery/1932865. But it hasn't worked for me, and I think it may be because the codes for my original banner is located in the "Header" and not the "CSS". :dunno

MCP-FL
Mar-14-2007, 12:52 PM
Dear Duane,

I would love to help but I am a newbie here. You would be better off posting the question directly to the forum and not inside this thread. I noticed there are a number of knowledgeable people always willing to help there!

Good luck.

Marcelo.


Please Help...I'm having "Banner" trouble! I am trying to use a separate Banner for my Weddings gallery, than the one I'm using on my Home page.

I have tried following http://dgrin.smugmug.com/gallery/1932865. But it hasn't worked for me, and I think it may be because the codes for my original banner is located in the "Header" and not the "CSS". :dunno

Allen
Mar-14-2007, 01:03 PM
Please Help...I'm having "Banner" trouble! I am trying to use a separate Banner for my Weddings gallery, than the one I'm using on my Home page.

I have tried following http://dgrin.smugmug.com/gallery/1932865. But it hasn't worked for me, and I think it may be because the codes for my original banner is located in the "Header" and not the "CSS". :dunno
Don't think your image link is correct.

.category_Weddings #my_banner {
background: url(http://nickname.smugmug.com/photos/87654321-O.gif) no-repeat;
}

DASPort
Mar-14-2007, 01:20 PM
Dear Duane,

I would love to help but I am a newbie here. You would be better off posting the question directly to the forum and not inside this thread. I noticed there are a number of knowledgeable people always willing to help there!

Good luck.

Marcelo.

Thanks Marcelo!

DASPort
Mar-14-2007, 01:26 PM
Don't think your image link is correct.

.category_Weddings #my_banner {
background: url(http://nickname.smugmug.com/photos/87654321-O.gif) no-repeat;
}

I changed it Allen....Still nothing :dunno

Allen
Mar-14-2007, 01:51 PM
I changed it Allen....Still nothing :dunno
Replace this in your header code

<div align="center"><a href="http://www.dasportraits.com"><img alt="" title="" src="http://www.dasportraits.com/photos/135974676-L.jpg" height="100" width="750"></a>

with this

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

Replace this your CSS

.category_Weddings #my_banner {
background: url(http://www.dasportraits.com/photos/135991813-L.jpg) no-repeat;
}

With this

#my_banner {
width: 750px;
height: 100px;
margin: 0 auto;
background: url(http://www.dasportraits.com/photos/135974676-L.jpg) no-repeat;
}

.category_Weddings #my_banner {
width: 600px;
height: 116px;
margin: 0 auto;
background: url(http://www.dasportraits.com/photos/135991813-L.jpg) no-repeat;
}

This creates the div my_banner in the header html and the CSS defines and
formats it.

Holler back if you have any questions.

DASPort
Mar-15-2007, 12:17 PM
Thank You so much Allen :clap !!

How do I center it on the Home Page?? With the same commands it's centered on the "Weddings" page?

Allen
Mar-15-2007, 01:17 PM
Thank You so much Allen :clap !!

How do I center it on the Home Page?? With the same commands it's centered on the "Weddings" page? Use the actual banner image width to center.

#my_banner {
width: 600px;
height: 110px;
margin: 0 auto;
background: url(http://www.dasportraits.com/photos/135974676-L.jpg) no-repeat;
}