danz
Webmaster
Age : 32
Registration date : 2009-03-02
Number of posts : 86
Location : Dimatagpuan City,lolz
Job/hobbies : LAYOUT DESIGNING
Humor : very happy
|
Subject: customized your main navigation(pure css) Tue Mar 10, 2009 2:14 am |
|
|
credits to: ate switpotatojust adjust the value according to ur likingcode: - 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;}
compile it on your css file extension. screenshot: |
|
[AKOSIAMICK]
VIP
Age : 27
Registration date : 2009-03-11
Number of posts : 60
Location :
Job/hobbies :
Humor :
|
Subject: Re: customized your main navigation(pure css) Fri Mar 13, 2009 2:58 am |
|
|
wow! tahnks for this |
|
danz
Webmaster
Age : 32
Registration date : 2009-03-02
Number of posts : 86
Location : Dimatagpuan City,lolz
Job/hobbies : LAYOUT DESIGNING
Humor : very happy
|
Subject: Re: customized your main navigation(pure css) Fri Mar 13, 2009 3:53 am |
|
|
np..just sharin it here. mybe ill post soon the boxlike css ..the MOVEOVER designing,.so that your fs will be look like on the above screenshot. |
|
[AKOSIAMICK]
VIP
Age : 27
Registration date : 2009-03-11
Number of posts : 60
Location :
Job/hobbies :
Humor :
|
Subject: Re: customized your main navigation(pure css) Fri Mar 13, 2009 3:54 am |
|
|
^okay sir |
|
Sponsored content
|
Subject: Re: customized your main navigation(pure css) |
|
|
|
|