Change Nav Bar Color (Profile 2.0)

goes in css box.

here is a hex code site that i like to use. http://www.myspacenow.com/colorcodechart.shtml

- the actual navbar colour you can put font colour name or hex codes. .msc {topnav background color} div#topnav, div#googlebar, div#header {background-color:(colour here);} - after youve change the colour these ugly blue lines will appear between each navbar link, this is to change the colour of them lines. .msc {topnav border line color} div#topnav ul#leftNav li, div#topnav ul#leftNav, div#topnav ul#rightNav, div#topnav ul#rightNav li {border-color:(colour here);} - when you hover a link in your nav bar the link font can be changed .msc {topnav hover color} div#topnav ul li a:hover, div#topnav ul#leftNav li a#nav2.open:hover, div#topnav ul#leftNav li a.open:hover, div#topnav ul#leftNav li a.open:hover, div#subnav ul#subNav3 li a:hover, div#subnav ul#subNav4 li a:hover, div#subnav ul#subNav10 li a:hover, div#subnav ul#subNav2 li a:hover {background-color:(font colour here);}

...and it needs to be pasted in the CSS section if you're using the 2.0 profile.

It didn't work as is for me either. I changed the formatting a bit. Here's what I used:

{! BEGIN nav bar color change !}
{! the actual navbar colour you can put font colour name or hex codes.!}
.msc {! topnav background color !}
div#topnav, div#googlebar, div#header
{background-color:#59503A;}

{! after youve change the colour these ugly blue lines will appear between each navbar link, this is to change the colour of them lines. !}
.msc { ! topnav border line color !}
div#topnav ul#leftNav li,
div#topnav ul#leftNav,
div#topnav ul#rightNav,
div#topnav ul#rightNav li
{border-color:#4F4733;}

{! when you hover a link in your nav bar the link font can be changed !}
.msc {! topnav hover color !}
div#topnav ul li a:hover,
div#topnav ul#leftNav li a#nav2.open:hover,
div#topnav ul#leftNav li a.open:hover,
div#topnav ul#leftNav li a.open:hover,
div#subnav ul#subNav3 li a:hover,
div#subnav ul#subNav4 li a:hover,
div#subnav ul#subNav10 li a:hover,
div#subnav ul#subNav2 li a:hover
{background-color:#877A5B;}

{! END nav bar color change !}

not working for me =/

Author	ZOMGitsLauren
Submitted on	May 12, 2009
Page views	27,449
Favorites	36
Comments	3
Reviewer	A1Bassline
Approved on	May 14, 2009

myspace, navbar, colour