Jump to content
Sign in to follow this  
esensio

Base Menu Bar Colors

Recommended Posts

cmunns    16
cmunns

The active state in general is only apparent in certain browsers...can you tell us which browser you see this in bc in Safari and Chrome things look perfectly fine.

Share this post


Link to post
Share on other sites
esensio    0
esensio

on mac: - Safari 5.0.5 (6533.21.1) - OK - Firefox 3.6.18 - not OK on windows - firefox 3.6.18 - not OK - IE 8 - not OK I can check tomorrow how's on Chrome.

Share this post


Link to post
Share on other sites
esensio    0
esensio

don't know how's on Firefox 4 & 5 and Opera

Share this post


Link to post
Share on other sites
esensio    0
esensio

Adam, do you know where to check for such DOM events in the HTML, such as onblur, onmousedown, etc. Also right click on any button from the menu simulates the color change, which I see during loading of the page I was left clicked.

Share this post


Link to post
Share on other sites
esensio    0
esensio

Firefox 5 on mac - not OK

Share this post


Link to post
Share on other sites
esensio    0
esensio

So, as I mentioned above the page background color is messing around with menu background color - platformpro/css/dynamic.css on line 74,75

body #page, .sf-menu li, #primary-nav ul.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .commentlist ul.children .even, .alt #commentform textarea{background-color:#e7f3ff;}
We do not want to modify platformpro files, so I will add the following lines of code into platformbase/style.css
#primary-nav ul#menu-main-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background-color: #3573b2; color: #FFFFFF; }

And the case is solved....no more blinking, background changing when clicked on menu buttons. *** Maybe it's better page background color to be declared separately from the menu classes in platformpro css files.

Share this post


Link to post
Share on other sites
ernest8888    0
ernest8888

Could you please tell the code to get a main nav bar like the one in iBlogPro EMac

Share this post


Link to post
Share on other sites
esensio    0
esensio

Just use the code above and replace colors

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×