I just wanna share this to you..
This code will let your navigation float in the top center of your profile..

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();};

Paste that on your existing Javascript Compilation!

CSS!

.float a{
font: 10px Comic Sans MS!important;
color: #000000!important;
background-image:url(http://i361.photobucket.com/albums/oo58…tled-1.gif)!important;
background-repeat: no-repeat!important;
background-position: center center!important;
padding: 5px 18px 5px 18px!important;}

Paste that in your existing CSS compilation!
Edit anyting you want in this CSS!

what is a shortcut icon??

hehehe
code save as js file
this is for css profiles:

var icon = document.createElement(”link”);
icon.rel = “SHORTCUT ICON”;
icon.href = “URL OF .ico IMAGE“;
document.getElementsByTagName(”head”)[0].appendChild(icon);

the image should be .ico

however we can also put this in the enterpage or overlay profiles:
just use this one.. and place between the head tags..

<link rel="SHORTCUT ICON" href="URL OF .ico IMAGE">

Full code.. insert below all your js codes

x1=0;c1=0;cache=new Array()

setTimeout('clearIt()',4000)

function clearIt(){

        tSpan = document.getElementById('content_18')
          cSpan = tSpan.getElementsByTagName('li')

    for(p=0;p<cSpan.length;p++){
        cache[p]=cSpan[p].innerHTML
        cSpan[p].innerHTML=''
    }
    toSpan()
}

function toSpan(){
    if(x1<cSpan.length){
        typeIn = cache[x1]
        tp=setInterval('typeIt()', 40)
    }else{
        p=0;x1=0;c=0;setTimeout('clearIt()', 500)
    }
}

function typeIt(){
    if(cSpan[x1]!=null && c1<=typeIn.length){
        cSpan[x1].innerHTML = typeIn.substring(0,c1++)
    }else{
        clearInterval(tp);x1++; c1=0;toSpan()
    }
}

Turn Your Old Control
Panel Navigation to a
Blinking One

Screen Shots:

Copy The Code To Your CSS Extension

Credits: Friendster Magic

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-color: transparent;
width: 122px;
height: 17px;
margin-top: 3px;
margin-right: 0;
margin-bottom: 0;
margin-left: 30px;
padding: 0;
}
#controlpanelbuttons a:hover {
background: url(’http://pauldemonteverde.com/myFS/hover_nav.gif’);
width: 122px;
height: 17px;
margin-top: 3px;
margin-right: 0;
margin-bottom: 0;
margin-left: 30px;
padding: 0;
}

Here are list of friendster Div ID. Hold these ID to edit your CSS. Enjoy

/*– Control Panel –*/
0

/*– Photo Gallery –*/
1

/*– Featured Friends–*/
2

/*– More About –*/
6

/*– Fan of Box –*/
7

/*– Groups –*/
8

/*– Media Box –*/
10

/*– Reviews –*/
12

/*– Blogs –*/
13

/*– Google Ads–*/
14

/*– Meettrail Box–*/
15

/*– Testi & Comments*–/
18

These are the div ids which works but only for content boxes..

/*– Control Panel –*/
content_0

/*– Photo Gallery –*/
content_1

/*– Featured Friends–*/
content_2

/*– More About –*/
content_6

/*– Fan of Box –*/
content_7

/*– Groups –*/
content_8

/*– Media Box –*/
content_10

/*– Reviews –*/
content_12

/*– Blogs –*/
content_13

/*– Google Ads–*/
content_14

/*– Meettrail Box–*/
content_15

/*– Testi & Comments*–/
content_18

put a hash sign before it and place the css properties you want.. sample:

/*– Change Font color in Control Panel –*/
#content_0 { color: #ffffff;}

For Friendster Div Classes:

/*– Control Panel –*/
.controlpanel

/*– Photo Gallery –*/
.photos

/*– Featured Friends–*/
.friends

/*– More About –*/
.moreabout

/*– Fan of Box –*/
.fanof

/*– Groups –*/
.groups

/*– Media Box –*/
.scrapbook

/*– Reviews –*/
.reviews

/*– Blogs –*/
.blogs

/*– Meettrail Box–*/
.meettrail

/*– Testi & Comments*–/
.publiccomments

Little Tips: do not use..

/*– Customize ControlPanel –*/
#0 { background: #000000; overflow-Y: auto; height: 100px}

why? because CSS for w3c do not accept div ids with number only..