By Fixer-1 on

I would like to use a graphic as a background to my main menu on my website. I am currently using zen-classic as the theme.

Ideally, I would like to be able to have an image extend down the left column, underneath all the blocks. I would not need to stretch, just go back to the default colour when the image ended. If that is impossible, I would be haapy with the image in just the main menu block.

I've seen this on other sites where the image is very transparent, maybe 15% to 25%, and the menu items sit on top of the image, and the image fades out at the bottom to blend with the default colour which covers the rest of the webpage.

I have searched the site and have found nothing that discusses this area.

⋅ Categories: Drupal 5.x

Comments

TapocoL’s picture

TapocoL commented

This is involved with theming, and knowledge of CSS. Depending on your theme, you can edit the main *.css file. Then just use the correct CSS selector. For example, on Garland edit themes/Garland/style.css:

#sidebar-left { background: #ffffff url('images/bg-image.gif') no-repeat; }

Change #sidebar-left to the correct CSS selector.
Change #ffffff to the hexadecimal color for the normal background.
Change images/bg-image.gif to the path and filename of your image (Beginning at the location of the style.css, not from your root homepage).

-Craig Jackson
-Web Developer

Fixer-1’s picture

Fixer-1 commented

Thanks Craig. Your solution worked!

I'm not acting surprised... I'm an accountant by trade, so when I'm able to get my website to do the things I want it to, it can be quite exciting.