1 customized main navigation(version 2 pure css) Sat Sep 19, 2009 3:46 pm
danilodeleon
Administrative Team
just ad this css code on your css file extension you cant edit the editable values:)
SCRRENSHOT:
- Spoiler:
- /***********
MAINNAV CODE
***********/
/*REMOVE BLUE HORIZONTAL BAR*/
#mainnav{margin: 0 0px; background:transparent! important; border: transparent!important; text-align: center; }
/*REMOVE CLASSIFIED,JOB,INVITE*/
.secondary_links {display:none}
/*CENTER MAINNAV- IE ONLY*/
.primary_links { margin-left: 160px !important;}
/* HOME , My Apps , Search */
#mainnav ul li span.noSubMenu a
{ background-color:transparent! important; padding-right: 0px; color: #8B4513;/* u may put bg, border codes here*/}
/* MY PROFILE , MY CONNECTION , EXPLORE*/
#mainnav ul li a
{ display: inline; margin-right: 0px! important; padding-bottom: 0pt;
padding-left: 0px; text-decoration: none; color: #8B4513! important;
font-size: 12px; line-height: 20px; font-weight: bold; white-space: nowrap;
/* u may put bg, border codes here*/}
/*HOVER- PRIMARY LINKS*/
#mainnav ul li a:hover
{ color: #CD853F! important; background: transparent! important;
text-decoration: none;/* u may put bg, border codes here*/ }
/*REMOVE or CUSTOMIZE Arrow to BULLETS or BG*/
#mainnav .mainfoldericon
{ background-color: transparent! important; background-image: url()! important;
background-repeat: no-repeat; background-attachment: scroll;}
/*SUBLINK DROP DOWN MENU*/
#mainnav ul li ul li a
{display: block; padding-top: 1px; padding-right: 0pt; padding-bottom: 1px; padding-left: 0px; background:#FDF5E6; color:#8B4513; border:2px outset #FFFFFF; margin: 3px 0 0 0; text-align:center! important /* u may put bg codes here*/}
/*SUBLINK DROP DOWN MENU- Hover*/
#mainnav ul li ul li a:hover
{color:#CD853F; border:2px inset #FFFFFF; background-color:#FDF5E6! important;
text-decoration: none; /* u may put bg code here*/}
/*REMOVE BLUE BACKGROUND SUBLINK CONTAINER*/
#mainnav ul li ul
{left: 0pt;position: absolute;top: 20px;display: block;visibility: hidden;
padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;
background-color: transparent;width: 150px;/* u may put bg codes here*/}
/*REMOVE DOTTED BORDER*/
#mainnav ul li ul li
{border-width: 0px! important;border-style: none! important;border-color: transparent! important;}
SCRRENSHOT: