Thx to my epic friend blurrycloud he made it back again and thx for shakiro too for the idea and reference and also to dynamicdrive.com for the script :thumbsup: [code]function epicwin(){ epic="<di
You are viewing a post by blurrycloud. View all 176 posts in Thx to my epic friend blurrycloud he made it back again and thx for shakiro too for the idea and reference and also to dynamicdrive.com for the script :thumbsup: [code]function epicwin(){ epic="<di.
2008-02-07 18:08:49
- blurrycloud
- » FTalkAgent
2177
0
1969-12-31
Re: Thx to my epic friend blurrycloud he made it back again and thx for shakiro too for the idea and reference and also to dynamicdrive.com for the script :thumbsup: [code]function epicwin(){ epic="<di
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]
[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)
 |