Replace Footer with slide show,mp3,video,etc

by RedjieH Sun Jul 05, 2009 12:28 pm

just want to share for your fs

just paste it in ur JS extension

Code:: function footer() { foot = "<iframe src=' URL OF UR HTML ' frameborder='no' width='500px' height='400px' overflow='auto'></iframe><br>"; document.getElementById("footer_container").innerHTML= "<center><table><tr><td>"+foot+"</td></tr></table></center>"; } window.onload=function() { footer(); } document.write("<style>#footer_container {width:800px !important;height:[b]???[/b]px !important;align:center;background-color:transparent !important;border:none !important;display:block !important;}</style>");

just chage the height

width:800px !important;height:70px

create a new txt file name us footer.html

Code:: </head> <body> <div id="Footers links"> <ul> </div> <div id="footnotes"> /* Don't remove the message below */ <p> </p> </font></p> <p><font color=red size=1> <div align=center> About Us | Blog | Developers | Share Your Profile | Help | Report Offensive Content | Advertise New | The Friendster Loop | Terms of Service | Privacy Policy <br> Copyright 2002-2009 Friendster, Inc. </div> </font></p> <div align=center> /* start editing here */ <a href=" [b] Links for the site [/b]" title=" [b]message here for toolteps[/b] " alt="" style="border: 0px;"><img src="[b]image url here [/b]" style="width: 24px; height: 24px; border: 0;"></a> <a href=" [b] Links for the site [/b]" title="[b]message here for toolteps[/b]" alt="" style="border: 0px;"><img src=" [b]image url here[/b] " style="width: 24px; height: 24px; border: 0;"></a> <a href=" [b] Links for the site [/b]" title=" [b]message here for toolteps[/b] " alt="" style="border: 0px;"><img src=" [b]image url here[/b]" style="width: 24px; height: 24px; border: 0;"></a> <a href=" [b] Links for the site [/b] " title="[b]message here for toolteps[/b] " alt="" style="border: 0px;"><img src=" [b]image url here[/b]" style="width: 24px; height: 24px; border: 0;"></a> <a href=" [b] Links for the site [/b] " title="[b]message here for toolteps[/b]" alt="" style="border: 0px;"><img src=" [b]image url here[/b]" style="width: 24px; height: 24px; border: 0;"></a> <a href=" [b] Links for the site [/b] " title="[b]message here for toolteps[/b] " alt="" style="border: 0px;"><img src=" [b]image url here[/b]" style="width: 24px; height: 24px; border: 0;"></a> <a href=" [b] Links for the site [/b] " title="[b]message here for toolteps[/b] " alt="" style="border: 0px;"><img src=" [b]image url here[/b]" style="width: 24px; height: 24px; border: 0;"></a> <a href=" [b] Links for the site [/b]" title="[b]message here for toolteps[/b]" alt="" style="border: 0px;"><img src=" [b]image url here[/b]" style="width: 24px; height: 24px; border: 0;"></a> <a href=" [b] Links for the site [/b] " title="[b]message here for toolteps[/b]" alt="" style="border: 0px;"><img src=" [b]image url here[/b]" style="width: 24px; height: 24px; border: 0;"></a> <a href=" [b] Links for the site [/b]" title="[b]message here for toolteps[/b]" alt="" style="border: 0px;"><img src=" [b]image url here[/b]" style="width: 24px; height: 24px; border: 0;"></a> <a href=" [b] Links for the site [/b] " title=" [b]message here for toolteps[/b] " alt="" style="border: 0px;"><img src=" [b]image url here[/b]" style="width: 24px; height: 24px; border: 0;"></a> <a href=" [b] Links for the site [/b]" title=" [b]message here for toolteps[/b] " alt="" style="border: 0px;"><img src=" [b]image url here[/b]" style="width: 24px; height: 24px; border: 0;"></a> <br> <font color=red size=2> <blink> any message here </blink></font> <br> /* [b] your slide show,mp3,video etc here [/b] */ </div> </body> </html>

paste this to your html

Code:: <script language=javascript src=" url js url here"></script>

Code:: //set the resolution info div's position(topright,topleft,bottomright,bottomleft,topcenter,bottomcenter) var corner = "topleft"; var rTimer; var sTime; var eTime; var duration; var ele; var dSec =0; var dMin =0; var dHrs =0; var wid = screen.width; var hght = screen.height; var os; if(document.layers) os = "n4"; else if(document.getElementById&&!document.all) os = "n6"; else if(document.all) os = "ie"; sTime = new Date(); sHrs = sTime.getHours(); sMin = sTime.getMinutes(); sSec = sTime.getSeconds(); document.write("<div id=ddd style=\" background-color:#000000; text-align:center; visibility: visible; top: 5px; left:5px; color:red; font-family:arial,verdhana; font-size:11; font-weight:bold; width:158px;\">Time since you have entered this page<br><a href=\"http://hscripts.com\"><input id=dur type=text style=\" border:0px; background-color:#000000; text-align:center; cursor:pointer; color:Red; font-family:arial,verdhana; font-size:11; border-color:green; font-weight:bold\"></a></div>"); if(os == "ie"){ pwidth = window.document.body.offsetWidth; pheight = window.document.body.offsetHeight; stop = document.body.scrollTop; sleft = document.body.scrollLeft; }else{ pwidth = window.innerWidth; pheight = window.innerHeight; stop = window.pageYOffset; sleft = window.pageXOffset; } calculateDuration(); function calculateDuration() { eTime = new Date(); eHrs = eTime.getHours(); eMin = eTime.getMinutes(); eSec = eTime.getSeconds(); if(eSec<sSec) { eSec +=60; eMin--; } if(eMin<sMin) { eMin +=60; eHrs--; } if(eHrs<sHrs) { eHrs +=24; } dSec = eSec - sSec; dMin = eMin - sMin; dHrs = eHrs - sHrs; if(dSec<=9) dSec = '0'+ dSec; if(dMin<=9) dMin = '0'+ dMin; if(dHrs<=9) dHrs = '0'+ dHrs; ele = document.getElementById('dur'); ele.value = dHrs+":"+dMin+":"+dSec; if(rTimer) { clearTimeout(rTimer); } rTimer = setTimeout('calculateDuration()', 100); }

you don't need to resize your image ...
if you want the image to make it bigger find the code below
"width: 24px; height: 24px;
Links for the site== website url
message here for toolteps== any message that you want
image url here== url of your image