I just wanna share this to you..
This code will let your navigation float in the top center of your profile..
[b]Preview:[/b]
[url]http://profiles.friendster.com/86006449[/url]
Screen SHot!
[spoiler][align=center][img]http://h1.ripway.com/rbnumb/pre.jpg[/img][/align][/spoiler]
[b]Code:[/b]
Javascript!
[spoiler]flow=document.getElementById('flo_wrapper');
river=document.createElement("div");
river.innerHTML="<div class=float id='divStayTopLeft' style='position:relative;z-index:50;'><center><a href=http://www.friendster.com/>Home</a><a href=http://www.friendster.com/user.php>Profile</a><a href=http://www.friendster.com/friends.php>Friends</a><a href=http://www.friendster.com/explore.php>Explore</a><a href=http://www.friendster.com/gallery.php>Search</a><a href=http://www.friendster.com/video.php>Video</a><a href=http://www.friendster.com/editcollege.php?A=s>Schools</a><a href=http://olx.friendster.com/gateway_cobranded.php>Classifieds</a><a href=http://www.friendster.com/blogs.php>Blogs</a><a href=http://www.friendster.com/group/mygroup.php>Groups</a><a href=http://www.friendster.com/invite.php>Invite</a></center></div>";
flow.parentNode.insertBefore(river,flow);
//in this part you can change it into "frombottom" or "fromtop"
var verticalpos="fromtop"
function lutaw()
{
var startX = 0;
var startY = 10;
function ml(id)
{
if (document.getElementById)
{
var wek=document.getElementById(id);
}
else if (document.all)
{
var wek=document.all[id];
}
else
{
var wek=document.layers[id];
}
if(document.layers)
{
wek.style=wek;
}
wek.sP = function(x,y) {shino(x,y);};
function shino(x,y)
{
wek.style.left=x;
wek.style.top=y;
}
wek.x = startX;
if (verticalpos=="fromtop")
{
wek.y = startY;
}
else{
if (navigator.appName.indexOf("Netscape") != -1)
{
wek.y = pageYOffset + innerHeight;
}
else
{
wek.y = document.body.scrollTop + document.body.clientHeight;
}
wek.y -= startY;
}
return wek;
}
window.stayTopLeft = function () {boyant();};
function boyant()
{
if (verticalpos=="fromtop"){
if (navigator.appName.indexOf("Netscape") != -1)
{
var tenten = pageYOffset;
}
else
{
var tenten = document.body.scrollTop;
}
ftlObj.y += (tenten + startY - ftlObj.y)/1;
}
else{
if (navigator.appName.indexOf("Netscape") != -1)
{
var tenten = pageYOffset + innerHeight;
}
else
{
var tenten = document.body.scrollTop + document.body.clientHeight;
}
ftlObj.y += (tenten - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
wakoko=setTimeout("stayTopLeft()", 50);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
window.onload = function() {lutaw();};[/spoiler]
[b]Paste that on your existing Javascript Compilation![/b]
CSS!
[spoiler].float a{
font: 10px Comic Sans MS!important;
color: #000000!important;
background-image:url(http://i361.photobucket.com/albums/oo58/rbnumb/Untitled-1.gif)!important;
background-repeat: no-repeat!important;
background-position: center center!important;
padding: 5px 18px 5px 18px!important;}[/spoiler]
[b]Paste that in your existing CSS compilation![/b]
Edit anyting you want in this CSS!
[quote]Delete this thread if it is already Existing!!![/quote]
Last edited by mega25 (2008-10-18 01:03:21)