just wanna share my personal main navigation codes (external css) #mainnav { border: 5px double #000000; overflow: none; background-image: url( image here if you like, blank if not to be used) !important; background-attachment: fixed !important; repeat: no-repeat !important; position: top left !important; background-color: #000000 !important; font-weight: bold !important; color: #000000 !important; text-align: left; } #mainnav a, a:link, a:visited, a:active { font-weight: bold !important; color: #ffffff !important; } #mainnav a:hover { font-weight: bold !important; color: #999999 !important; text-decoration: none !important; } #mainnav span { font-weight: bold !important; color: #000000 !important; } just edit any part of it to your own preferences... try experimenting... borders, fonts, images, etc... be imaginative, you can also turn that main navigation into a button like navigation... preview here: http://www.friendster.com/42085046 ( test profile )

Last edited by !? (2007-06-22 20:22:22)

[quote=simply of me]Hi Sorry for the Late Replay , Was out Yesterday :-) Here is my Profile :-) www.friendster.com/enis Btw , I just Wan it My Main Navigation To be Moving on the Top I don't have a time Yesterday to fix my Image on my side-bar :-( I'L Try Now Thx's Ekalsyamim :-) [/quote] adjust the bold value... [quote]box.innerHTML = "<div style='background:#000000;float: left !important; position:relative;[b]bottom:26px[/b];float: left !important; position:relative;left:387px;'><p align='<center'><marquee style= 'width:405px;border:0px solid #ffffff; onmouseover='this.stop()' onmouseout='this.start()' scrollamount='1' direction='left' ><input type='button' value='Home' style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/index.php'\"> <input type='button' value='Profile'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/user.php'\"> <input type='button' value='Friends'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/friends.php'\"> <input type='button' value='Explore'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/explore.php'\"> <input type='button' value='Search'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/gallery.php'\"> <input type='button' value='Video'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/video.php'\"> <input type='button' value='Schools'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/editcollege.php'\"> <input type='button' value='Classifieds'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='http://olx.friendster.com/gateway_cobranded.php'\"> <input type='button' value='Jobs'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='http://olx.friendster.com/gateway_cobranded.php?target=jobs'\"> <input type='button' value='Blogs'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/blogs.php'\"> <input type='button' value='Groups'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/group/mygroup.php'\"> <input type='button' value='Invite'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/invite.php'\"> <input type='button' value='Message'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/messages.php'\"> <input type='button' value='Settings'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/editaccount.php'\"> <input type='button' value='Log Out'style='background-color:transparent;border:none;font-family:Comic Sans MS;font-weight:bold;font-size:12;color:#ffffff;' onClick=\"top.location.href='/logout.php'\"> </marquee></p></div>";[/quote]

[b]//@Refresh/Reload[/b] this for buttonize it.. put in JS <"> put in external CSS adjust the style.. <">

Last edited by eykalsyamim (2007-06-24 08:49:18)

[b]//@simply of me[/b] see my previous post for buttonize..

[quote=eykalsyamim][b]//@Refresh/Reload[/b] this for buttonize it.. put in JS <"> put in external CSS adjust the style.. <">[/quote] Thanx Eykals!! damn i'm close!! heheh... Thanx!! my Navi looks so cool now!! another rep for you kid!!

wahhh!! how can i put hover effects on it!!

upss!! sorry for my late reply!! i put this and it's great: <">and i'm trying to have a hover effects by doing this: <">obviously its wrong coz its not working hak hak!!

[quote=eykalsyamim]hehe..you do wrong my frenn.. try this.. [i][b]CSS[/b][/i] <">[i][b]HTML[/b][/i] <">[/quote] where i will put the html code? i dont understand that one pls help thanx

so you mean the html code i will put it in my js code compilation?? I put the css in my external css compilation

Thanx eykals!! heheh... so its still in the js hak hak!! i'm not even close!! my ISP is down for 4 days so my appreciation is kinda late frenn Thanx Again!! gonna check my emails then i'll get down to it...