Bro Shirow and @All... here's the code for the design when links are hovered... wakakakaaw

[b]Added Style For Floating Navigation[/b]

[b]FOR JS[/b]
Look for this code and change the bold part if you want
[quote]function epicwin(){
epic="<div id='divStayTopLeft' style='position:absolute;z-index:50;'>"+
"<table border='[b]2px[/b]' width='130' cellspacing='0' cellpadding='0' color='yellow'><tr><td width='100%' bgcolor='[b]#000000[/b]'>"+
"<p align='center'><b><font size='[b]3[/b]'; color='[b]yellow[/b]'>Navigation</font></b></td></tr><tr><td width='100%'>"+[/quote]

Step 2: Insert this code [b]<div id='coolmenu'>[/b] refer below for location
and change [b][color=red]frombottom[/color][/b] to [b][color=green]fromtop[/color][/b]
[quote]"<p align='left'>"+
"[b]<div id='coolmenu'>[/b]<a href='http://www.friendster.com'>Home</a><br>"+
"<a href='http://profiles.friendster.com/user.php'>Profile</a><br>"+
"<a href='http://friendster.com/explore.php'>Explore</a><br>"+
"<a href='http://olx.friendster.com/gateway_cobranded.php?country=PH'>
Classifieds</a><br>"+
"<a href='http://www.friendster.com/messages.php'>Messages</a><br>"+
"<a href='http://www.friendster.com/logout.php'>
Logout</a><br></td></tr></table></div>";
flow=document.getElementById('flo_wrapper');
river=document.createElement("div");
river.innerHTML=epic;
flow.parentNode.insertBefore(river,flow);
//in this part you can change it into "frombottom" or "fromtop"
var verticalpos="[color=red]frombottom[/color]"[/quote]

Finally Insert this inside your CSS and edit some bold part if you like...
[quote]#coolmenu{
border: 1px solid [b]yellow[/b];
width: 130px;
background-color: [b]black[/b] ;
}
#coolmenu a{
font: [b]bold 10px Georgia[/b];
padding: 1px;
color: [b]#00ff00[/b];
text-decoration: none;
border-bottom: 1px;
}
#coolmenu a{ /*Non IE rule*/
width: auto;
}
#coolmenu a:hover{
background-color: [b]#000000[/b];
color: [b]red[/b];
}[/quote]
Preview here: [url=http://profiles.friendster.com/53375466]Game Over[/url]
Last edited by blurrycloud (2008-02-07 18:12:51)