My banner image on custom theme

[daveRen]

I would like to create custom themes that has different colors and banner images for each custom theme that I create.
I can add the banner image using ".cateragory _Travel" but then the look of that customized page stays with the home page look. I get how to add the banner image using the Customization Page that allows you to put in the header HTML, but how would I best do it by making customized themes?
There doesn't appear to be a way of creating my own <div> to make a space for the banner under Customize Theme. :scratch

I have even tried replacing the SmugMug Logo at the top, but that is probably a really tacky way to do it.

I am trying to have my homepage design reflected in different categories or "subjects" (i.e. Mexico, Deserts, British Columbia, etc.) but with different colors and unique banners that label the category.

Presently I am constructing:
http://daveren.smugmug.com/gallery/4327418_cruZL#253804740_dnAb2



Thanks, .......... Dave

[daveRen]

OK, I am close.
Everything would look very sharp if I can put a "Theme Banner" on a "Custom Theme".
I got the Mexico theme background image on the Mexico pages, but can't get the Mexico banner to show up using my custom "Mexico" Theme.

My home page with the blue-green stripes and Home Banner:
http://daveren.smugmug.com

My Mexico 2007 Gallery with brown stripes, with my Mexico Theme Banner :
http://daveren.smugmug.com/gallery/4000703_YxYjj#232709080_g8vUh
This is what I want but the brown stripes are going on over the green stripes (maybe its not a big deal.)
Note I am using a "custom" appearance, not my "Mexico" theme and have modified the main customization page.


My Mexico 2008 Gallery with brown stripes, but the Mexico Theme Banner does not show up:
http://daveren.smugmug.com/gallery/4327418_cruZL#253804740_dnAb2
This would be perfect if I could get my Mexico banner image to show up.

I think it would be much more straight-forward to use custom themes instead of adding code to the home page customization.
However, it doesn't seem to work by putting ".category_Mexico #mybanner .....etc....etc......." into the custom theme CSS block.

Do you set the Gallery to "custom" or "smugmug"?
Do you include the ".homepage #my_banner {display: block;}" in the main CSS block?
Am I missing something really simple?

Thanks, ........................ Dave

[richW]

For the gallery not showing the banner you'll need to change the gallery setting to 'apperance - custom'.

For the background in the Mexico category, try:
.category_Mexico {
margin-top: 0px;
background-color: #000;
background-image: url(http://daveren.smugmug.com/photos/314271969_sxi4A-O.gif); (http://daveren.smugmug.com/photos/314271969_sxi4A-O.gif%29;)
background-attachment: fixed;
_background-attachment: scroll;
}

Adjust as needed.

You can use a custom theme for each section, this will allow you the ability to style each sections look & feel.

If all you are going to need to change is the background image and banner, adding all the css in your css section will work too. Maybe less work.

[daveRen]

Thanks for the code, Rich.
I pretty well have it working the way I want using my "main" CSS section.

The only way I can get "my Mexico banner image" onto a custom THEME assigned page is with this code and using an image where the top 50pix are transparent:

#header {
width: 750px;
height: 100px;
background: url(http://daveren.smugmug.com/photos/335654402_5mv9r-O.gif) no-repeat;
}

It is a bit of a hack - putting the banner image behind the SmugMug stuff in the header block. But everything seems to work OK - any problem doing it this way?
I still think a better way would be to assign a space (div #my_banner) for a user's custom banner with the THEME CSS. Adding a banner is suggested in your "custom theme" information as well as your comment:


You can use a custom theme for each section, this will allow you the ability to style each sections look & feel.

If all you are going to need to change is the background image and banner, adding all the css in your css section will work too. Maybe less work.
Using the "main CSS section" I was able to assign the Category with a custom banner as well as my custom background stripes. However, I am not able to get a single large background image to work by modifying the code you provided. Any suggestions there?

By using my Mexico CUSTOM THEME, this gallery uses my hacked-in banner image and a single background image behind the whole page::wink

http://daveren.smugmug.com/gallery/4003085_cfn9y#232916295_Vjqu5

...... but will it work OK for all page configurations?

Thanks, ................ Dave