artist band film maroon menu nav bar myspace

Maroon menu navigation bar Artist (Band, Film) pages

MySpace Band Page, Top Area, Ad Banner, Search, Main Menu, Music Nav Bar

Most of the content which was on this page, is now no different than on the standard page, please see this article:
MySpace Top ad/search/menu area styleing and more

This code was tested, and still working, on September 13th 2008.

This article still covers the maroon navigation artist menu:
How the music nav bar (and its code) is Structured
Hide the maroon music menu nav bar
Fade the maroon music menu nav bar so it is semi-transparent
Style the maroon music menu nav bar Logo, replace with color and/or your own image
Style the maroon music menu nav bar

How the music nav bar (and its code) is Structured
For a diagram showing the structure (showing borders of divs, tables, cells along with classes) go here:
mySpace page showing Artist Band page Structure
The maroon nav bar background coloring is done at this level:
div table

The navbar contains a background, a bottom border, an image, links, and text (the pipe things between each link which look like vertical lines). The text is not defined as font, or bold or any thing easy to isolate it with. The links can be addressed using the a, but the pipes between them are more of a problem.
The image, within the maroon bar is addressable as:
div table a.navbar img
We can isolate the actual links with this:
div table a

and then undo the effect on the main menu by addressing it like this:
div.profileWidth table div a

It has a unique id assigned to it, and can be address like this:
table#musicnav
(However now that they are blocking the pound sign, even in non safe mode, I can no longer take advantage of this.)

Hide the maroon music menu nav bar
It is now easier to hide, because the content that used to be at the same level, has had additional classification added to it.

One can now do this:

<a class=i href="xiii.us/ms/ad-search-menu">
myspace hide maroon music menu nav bar</a>
<style>
div table, .i,  i  i.x {display:none;}
div.profileWidth table {display:block}
table div table {display:block;}
</style>
<i class=i>!!! End Code to Style Top Ad/Search/Menu !!!</i>

Fade the maroon music menu nav bar to semi or completely transparent

<a class=i href="xiii.us/ms/ad-search-menu">
myspace fade maroon music menu nav bar transparent</a>
<style>
div table {filter:alpha(opacity=13); opacity:0.13} 
.i,  i  i.x {display:none;}
div.profileWidth table,
table div table {filter:none; opacity:0.99999;}
</style>
<i class=i>!!! End Code to Style Top Ad/Search/Menu !!!</i>

Change opacity values closer to 0 to fade more, or higher to fade less.


Style the maroon music menu nav bar Logo

<i class=i>!!START code to style music nav bar logo !!</i>
<a class=i href="http://xiii.us/ms/band-navbar">
myspace artist music band nav bar logo style code by Eileen</a>

<style>
a.navbar {background-color:green !important; display:block;
 background-image:url(http://i30.tinypic.com/2vm7tkg.gif); 
background-repeat:no-repeat;
background-position: center center;}
a.navbar img, i i i.x {visibility:hidden;}
.i {display:none;}
</style>

<i class=i>!!! END CODE to style music nav bar logo</i>

Style the maroon music menu nav bar
You can style (color, fonts and such) the maroon navigation bar, HOWEVER it does effect other elements, UNLESS you also apply style for those elements.

You can style the music nav bar DIFFERENT from the top menu and calendar ONLY IF you also add style code for those elements.
I did NOT add that style code below. I suggest you read my articles on styling the calendar, and the top menu, and style those areas to your liking.

The code block below sets the style of the multiple elements on the navigation bar.
By applying the below code block, you will easily see its effects on the bar.
From that point you can change the colors, fonts, and such until you get the look you want.

<i class=i>!!START code to style music nav bar !!</i>
<a class=i href="http://xiii.us/ms/band-navbar">
myspace artist music band nav bar style code by Eileen</a>

<style>
{! style applied to music nav bar effects shows and main menu and shows. This can be reversed by styling these areas with additional code. !}

{! remove maroon background and black bottom border from music bar !}
div table {background-color:white !important; border-bottom:0px !important}
x.i i, .i {display:none;}
{! font of music nav bar !}
div table td a {color:darkgreen !important; font-family:comic sans ms; font-size:11px;}
</style>
<i class=i>!!END code to style music nav bar !!</i>

To now style the shows go here:
MySpace Band Page Shows

To style the new top Menu (what used to be in class navigationbar) go here:
MySpace style the New Top Menu

Thank you for Visiting; Have a Nice Day :-)

hide or style maroon artist navigation bar