Customizing Main Navigation Area

Subject: Customizing Main Navigation Area Wed Mar 19, 2008 12:30 am

3rd modification:

NEWEST MAINNAV CODE:

Customizing Main Navigation Area Top22

mainnav code:

Code:: /* FriendsterMagic - Main Navigation */
#mainnav{margin: 0 0px;background:transparent! important;border: transparent!important; width: 800px !important;}
#mainnav ul li ul li.sublink_top {border-top: 0px none transparent!important;}
#mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent;background-color: tranparent!important;}
#mainnav { text-align: center !important; }

.secondary_links {display:none}

/*primary*/

Code:: /* FriendsterMagic - Primary */
#mainnav a {border: 3 outset #B38F00; margin: 0 2 0 2; font:10; text-decoration:none! important;color:#FFB200! important;background:#000000!
important; }
#mainnav a:hover {border:3 inset #B38F00; background:#333333; color:#ffcc00! important;}

/*move to center*/ adjust the px value according to ur liking..

Code:: /* FriendsterMagic - Move to center */
.primary_links { margin-left: 80px !important; }

/*treemenu*/ 3 middle nav

Code:: /* FriendsterMagic - treemenu */
#mainnav .mainfoldericon{
background: url()! important;background-attachment: fixed;
background-repeat: repeat!important;
background-position: top center;
background-color: 000000!important;color:#FFB200!important;}

/*sublink drop down menu*/

Code:: /* FriendsterMagic - Main Nav Drop Down Menu */
#mainnav ul li ul{
left: 0;
position: absolute;
top: 1px;display: block;
visibility: hidden;
background-color: #000000! important;
background-image: url()!important;}
}

to all who wish to show their ryt nav

Customizing Main Navigation Area Rytnav

do the ff:

first remove

Code:: /* FriendsterMagic - Right Navigation */
.secondary_links {display:none}

then add this

Code:: /* FriendsterMagic - Secondary Links */
.secondary_links a, .secondary_links a:link, .secondary_links a:visited, .secondary_links a:active {
padding: 0 10px; font-size: 12px !important;
font-weight: bold!important;
border: 3 outset #CCDAEB;
margin: 0 2 0 2;
text-decoration:none! important;
color:#FFFFFF! important;
background-color:#82A4CE!important;
background-image: url(url here)!important;}

Subject: Re: Customizing Main Navigation Area Tue Apr 29, 2008 8:12 am

galeng galeng talaga ni kamote ^_^ thanks a lot for sharing your codes here ^_^

Subject: Re: Customizing Main Navigation Area Thu May 01, 2008 11:50 am

tHaNks pOh fOr sHarinG. . .

Subject: Re: Customizing Main Navigation Area Thu May 01, 2008 9:32 pm

ynx fpr sharing .. very nice ! apir

Subject: Re: Customizing Main Navigation Area Fri May 02, 2008 8:52 am

waw naman...galeng galeng!!

Subject: Re: Customizing Main Navigation Area Tue May 06, 2008 4:03 am

this code still works..
for those who got problem like 3 nalang button just remove this part sa
file nyo

#mainnav span, #mainnav_left, #mainnav_right {display:none;}

Subject: Re: Customizing Main Navigation Area Fri May 09, 2008 11:34 am

tnx 4 sharin

Subject: Re: Customizing Main Navigation Area Tue Aug 05, 2008 3:24 am

thank you thank you

dami ku nang nalalaman

Subject: Re: Customizing Main Navigation Area Sun Oct 19, 2008 10:11 am

thanks for sharing ! :)

Subject: Re: Customizing Main Navigation Area Mon Oct 27, 2008 9:47 am

thanx 4 sharing i like it this code