[b]Side Bar With Image Link, Description and with MArquee Effect[/b]
[quote]if (!attachOnLoadHandler(function(){copy()})) parent.onload = function(){copy()};
function attachOnLoadHandler(func)
{
if(parent.attachEvent)
{
//win 5.0-6.0
parent.attachEvent('onload',func);
return true;
}
if(parent.addEventListener)
{
//moz,opera & safari
parent.addEventListener('load',func,false);
return true;
}
return false;
}
function copy() {
var links= "<div align='center'>"+
"<p align='<center'><marquee style= 'width:200px; border:0px solid black; onmouseover='this.stop()' onmouseout='this.start()' scrollamount='2' direction='up'>"+
"<center><a href='[b]LINK[/b]' target='_blank'><img src='[b]IMAGE URL[/b]'></a></center>"+
"<center>[b]Description of Link[/b]<center>"+
"</marquee></p>"+
"</div>";
addSideBar("NAME OF BOX",links,"Links");
}
//Alter this below if you want
function addSideBar(head,htm,div_id) {
var browser=navigator.appName;
var mic="Microsoft Internet Explorer";
var innerHtm=htm;
var cont="<div id='"+div_id+"' class='commonbox "+div_id+"'>"+
"<div class='commonbox'>"+
"<h2>"+head+"</h2>"+
innerHtm+
"</div>"+
"</div>";
if (browser==mic){
var obj=parent.document.createElement("<li>");
var x=parent.document.getElementById("friends_2_2");
x.parentNode.parentNode.appendChild(obj);
obj.innerHTML=cont;
}
else
{
var obj=parent.document.createElement("li");
obj.innerHTML=cont;
var x=parent.document.getElementById("friends_2_2");
x.parentNode.parentNode.appendChild(obj);
}
}[/quote]
Just change the link, image link and Description.
Add the code in your js file.
preview [url]http://www.friendster.com/azt3r4k1zt4h[/url]
Look at the links below after completely loaded.
Last edited by Ephemeral (2007-04-16 10:53:57)