TinyPortal
Development => Block Codes => Topic started by: brianjw on February 06, 2007, 03:29:19 AM
This will be an easy whipp up but here it is:
<head>
<style type="text/css">
<!--
.style1 {
color: #FFFFFF;
font-weight: bold;
font-size: 24px;
font-family: "Matisse ITC";
}
.style2 {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
}
.style3 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
.style4 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
-->
</style>
</head>
<table width="355" border="0">
<tr>
<td width="349" bordercolor="#000000" bgcolor="#000000"><div align="center" class="style1">Scores</div></td>
</tr>
</table>
<table width="355" border="0">
<tr>
<td width="349" bordercolor="#000000" bgcolor="#000000"><div align="left"><span class="style2">Team 1 </span></div></td>
<td width="349" bordercolor="#000000" bgcolor="#000000"><div align="right" class="style2">Team 2 </div></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#000000" class="style3">29</td>
<td bordercolor="#000000" bgcolor="#000000"><div align="right" class="style3">17</div></td>
</tr>
</table>
<table width="352" border="0">
<tr>
<td bgcolor="#000000" class="style4">Last Update: <script language="JavaScript1.2">
//Specify the marquee's width (in pixels)
var marqueewidth="200px"
//Specify the marquee's height
var marqueeheight="15px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//configure background color:
var marqueebgcolor="#000000"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
var marqueecontent='<nobr><font class="style4" color="white" face="Arial">On February 5, 2007 at 10:12 PM</nobr>'
////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script></td>
</tr>
</table>
Just find the code inside it because it's pure html and you can change it to whatever you want ;)
No special files needed for this.
USE IN SCRIPT BLOCK
Demo: http://brianjwilson.com/demo.scores.html
(remember: the demo shows it on a white background, you are copying the black table code nothing to do with the current background you have.)
Brianjw
Cool, thanks for that Brian 8)
Quote from: RoarinRow on February 06, 2007, 04:34:44 AM
Cool, thanks for that Brian 8)
I just like giving back to the community when I can and also help the noobs... ;)
Brianjw