A while back you folks helped me get my smugmug page dialed in...thank you!! You guys rock!

I am growing now...and I have a special blog that is separate from my main site. As not to confuse customers, I would like to have my blog point to a gallery (got that working) but, I would like that gallery to have a menu designed like my blog.

My blog and my main site share the same basic template. Logo difference, and menu items difference. Is it possible to have two different menus for two different galleries on one account? If so, can someone briefly point me in the right direction to do the customization?

Here is my main site... http://adwheelerphotography.com If you click the galleries menu, it will bring you to my current menu on smugmug.

Here is my blog site... http://TheArtOfDecay.com Here you can see the subtle differences. Please let me know if this makes sense to you.

Yes you can have two different menu bars. So you have right now that <div class="menu"> for your nav.

You would then create a menu2 or menuB or something like that. There you would create the second nav bar including adding the css for #menu2 and all the html in the Custom Header box for <div class="menu2">.

Then in your CSS you would add a rule to show and hide them in the proper locations. Say you wanted the original menu to show everywhere but in your wildlife non-limited gallery. In that gallery you want the menu2 to show. So the CSS would look like this:

/* hides the original menu in that gallery */
.gallery_22447814 .menu {
display: none;
}

/* hides the second menu on all other pages */
.menu2 {
display: none;
}

/* shows the second menu for that single gallery */
.gallery_22447814 .menu2 {
display: block;
}


Make sense?

Yes Eric, it does actually. I will get to coding and code copying and see if I can get it to go....stay tuned and thanks once again!

Eric, I have most of the code done except the CSS rules...

How do I get the MENU2 on just this page:

http://adwheeler.smugmug.com/TheArtofDecay

And of course the subcats under that? I don't see a # and have no idea what code to use for the rule.

Okay, I think what I need is a different menu for two categories.....

Because your menus are so similar and can use one set of CSS (.menu) I'd use classes to display the differences.

<li class="menu1"><a href="http://limited.adwheelerphotography.com" title="">Limited Prints</a></li>
<li class="menu2"><a href="http://limited.adwheelerphotography.com" title="">Other Limited Prints</a></li>

Use CSS to define what class shows on pages or categories.
.menu1 would be the default everywhere.

.menu2 {display:none;}
.gallery_12345678 .menu2 {display:block;}
.gallery_12345678 .menu1 {display:none;}
.category_Nature .menu2 {display:block;}
.category_Nature .menu1 {display:none;}

Thanks... I think I have it..

And I need a new logo for each page. Is that .logo?

Originally Posted by ADWheeler And I need a new logo for each page. Is that .logo?

This is what ECZ created hidden in your CSS

#customLogo { background-color: transparent; background-image: url(http://adwheeler.smugmug.com/photos/i-pzst2Tp/0/O/i-pzst2Tp.png); background-repeat: no-repeat; background-position: top center; }

You should be able to change to a different photo for specific galleries by adding this to your CSS.

.gallery_1234566 #customLogo { background-color: transparent; background-image: url(http://adwheeler.smugmug.com/photos/i-pzst2Tp/0/O/i-pzst2Tp.png); background-repeat: no-repeat; background-position: top center; }

Nice Allen, I will give it a shot. Are you using inspect element in Firefox to grab this info?

Okay....got it all...and it is working.. one last request....how can I also get different backgrounds that do not scroll per gallery. I have searched the code but I have no idea what tags do what... sorry.. I am learning from everything you are helping me with though.

Originally Posted by ADWheeler Okay....got it all...and it is working.. one last request....how can I also get different backgrounds that do not scroll per gallery. I have searched the code but I have no idea what tags do what... sorry.. I am learning from everything you are helping me with though.

Have no idea what you mean by "do not scroll per gallery".

Sorry.. A different background photo for each category... (I only have 2)

And I would like the background to be fixed and not scroll with the page...

You can set the background with a line like this for each category in your CSS. With the category name in the first line and a link to the image in the code:

.category_XXXXXX body {
background-image: url("/photos/XXXXXX_YYYYY-O.jpg");
}

Thanks Eric!

premature celebration....not working..

Any ideas why? http://adwheeler.smugmug.com/galleries

Originally Posted by ADWheeler Any ideas why? http://adwheeler.smugmug.com/galleries

Try it this way.

body.category_Non-Limited_Prints {background-image: url("/photos/i-GHCxM58/0/X3/DSC09011And13more-Edit-Edit-X3.jpg");}