Re: [b]update:[/b] I improved the onload function so that it is compatible with the tracker code
[b]update 2:[/b] It floats now
[b]Sexy profile in 5 steps[/b] :cool: :thumbsup: Works in IE & FF. Please
shame I like this trick so much but still cant get it work in my test profile=| maybe a little bit of help from you to look at my codes below pls... and thanks
js file
function onProfileLoad() {
//onload handler
//(pattern) addBox("L-R","Header",htm,"cssid","sibling");
addBox("RIGHT",pageOwnerFName+"'s Visitors",TRACKER.div.innerHTML,"tracker",null);
var credits="<a href=\"http://chibibo.elementfx.com\" target=\"_new\"><img src=\"http://img207.imageshack.us/img207/3594/creditedps6.jpg\"></a></div>";
addBox("RIGHT","Customize you own!", credits, "credito", null);
var icecream = document.getElementById("controlPanelButtons");
var lollipop = "<div align='center' id=content_controlpanel_1_1></div>"+
"<input type='button' value='Send Message' onClick=\"top.location.href='http://www.friendster.com/sendmessage.php?uid=27645813'\" class=\"cincin\"><br>"+
"<input type='button' value='Send Smile' onClick=\"top.location.href='http://www.friendster.com/sendmessage.php?uid=27645813&action=sendsmile'\" class=\"cincin\"><br>"+
"<input type='button' value='Add as Friend ' onClick=\"top.location.href='http://www.friendster.com/addfriendrequest.php?uid=27645813'\" class=\"cincin\"><br>"+
"<input type='button' value='Invite to Group' onClick=\"top.location.href='http://www.friendster.com/group/inviteone.php?uid=27645813'\" class=\"cincin\"><br>"+
"<input type='button' value='Add Comment' onClick=\"top.location.href='http://www.friendster.com/comments.php?uid=27645813'\" class=\"cincin\"><br>"+
"<input type='button' value='Add Bookmark' onClick=\"top.location.href='http://www.friendster.com/bookmarks.php?action=add&uid=27645813'\" class=\"cincin\"><br>"+
"</div>";
icecream.innerHTML = lollipop;
function sideslide(){
sexy="<a href='javascript:extendContract()' id='sideBarTab'><img src='http://h1.ripway.com/renrhen04/slide-button/slide-button.gif ' alt='sideBar' title='sideBar' /></a><div id='sideBarContents' style='width:0px;'><div id='sideBarContentsInner'><h2>side<span>bar</span></h2><ul><li><a href='http://www.friendster.com/'>Home</a></li><li><a href='http://theftalk.com/'>Friendstertalk</a></li><li><a href='http://profiles.friendster.com/55384988'>2nd Yr Courage Profile</a></li><li><a href='http://www.friendster.com/photos/27645813'>My Photos</a></li><li><a href='http://www.friendster.com/logout.php'>Log out</a></li></ul></div></div>"; sidemenu=document.createElement("div"); sidemenu.innerHTML=sexy; sidemenu.id="sideBar"; flow=document.getElementById('flo_wrapper'); flow.parentNode.insertBefore(sidemenu,flow); var cowtools = document.createElement("script"); cowtools.type = "text/javascript"; cowtools.src = "http://h1.ripway.com/renrhen04/mootools.js"; document.getElementsByTagName("head")[0].appendChild(cowtools); var menuside = document.createElement("script"); menuside.type = "text/javascript"; menuside.src = "http://h1.ripway.com/renrhen04/sidebar.js"; document.getElementsByTagName("head")[0].appendChild(menuside); }
if (!attachOnLoadHandler(function(){sideslide();})) window.onload = function(){sideslide();};
function sideslidetimer() {
setTimeout("sideslide()",5000);
}
window.onload=sideslidetimer;
css file
body {
position:relative;
padding:0px;
}
#sideBarContentsInner h2{
color:#FFFFFF;
font-size:90%;
font-family:comic sans;
margin:10px 10px 10px 10px;
font-weight:bold;
}
#sideBarContentsInner h2 span{
font-size:90%;
font-weight:normal;
}
#sideBarContentsInner ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBarContentsInner ul li{
margin:0px 10px 3px 10px;
padding:2px;
list-style-type:none;
display:block;
background-color:#FFCCCC;
width:177px;
}
#sideBarContentsInner ul li a{
width:100%;
}
#sideBarContentsInner ul li a:link,
#sideBarContentsInner ul li a:visited{
color:#FFFFFF;
font-family:comic sans;
font-size:90%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0px;
width:100%;
}
#sideBarContentsInner ul li a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#sideBar{
position: absolute;
width: auto;
height: auto;
top: 200px;
right:-7px;
background-image:url(images/background.gif);
background-position:top left;
background-repeat:repeat-y;
z-index: 250001;
}
#sideBarTab{
float:left;
height:137px;
width:28px;
}
#sideBarTab img{
border:0px solid #FFFFFF;
}
#sideBarContents{
overflow:hidden !important;
float:left;
}
#sideBarContentsInner{
width:200px;
}