[SOLVED] Applying page menu background with hover opacity
By reading a previous thread I've figured out how to apply a page menu background, but what I'd really like to know is how to apply some opacity / semi-transparent color for when each menu item is hovered over.
Also, if I want 2 menus, like one above the logo area that says "home | about | contact" and one below the header image that has the "meat" of the site, is this possible too? |
try adding
HTML Code:
filter:alpha(opacity=60); |
Juggledad, any thoughts on my 2nd question? ;)
|
It's can be done (anything is) but not without messing with a bunch of code - which would not make it transparent during a release change of Atahualpa - you would have to change the code again.
You will have to play with bfa_header_config.php - take a look at how it builds the current menubar and set something like it up for your custom menubar. |
Seems to me that as long as it's static menu items you might be able to generate the appropriate HTML then put it in the Body Top area in HTML/CSS Inserts with CSS going into the CSS Insert area.
It's outside the bulk of the page and you'd have to deal with more details of formatting (plus change IDs, etc.) but it'd be portable between versions. |
"try adding
HTML Code: filter:alpha(opacity=60); -moz-opacity:.60; opacity:0.6;to the css items where you set the background" I would like the hover to have opacity too, I'm struggling to find where I insert it, I have lots of places, but no go. Thanks :) |
I did it! :p
:) |
All times are GMT -6. The time now is 09:54 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.