TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

User

Welcome to TinyPortal. Please login or sign up.

Stats

Members
  • Total Members: 3,963
  • Latest: BiZaJe
Stats
  • Total Posts: 195,917
  • Total Topics: 21,308
  • Online today: 790
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 1
  • Guests: 703
  • Total: 704
  • tino

Game Scoring

Started by brianjw, February 06, 2007, 03:29:19 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

brianjw

February 06, 2007, 03:29:19 AM
This will be an easy whipp up but here it is:

Code Select

<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

RoarinRow

#1
February 06, 2007, 04:34:44 AM
Cool, thanks for that Brian   8)

SMF 2.0 RC3
TP 1.0 beta 5-1
Wordpress 3.0

brianjw

#2
February 07, 2007, 02:30:58 AM
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
Print
Go Up Pages1
User actions

This website is proudly hosted on Crocweb Cloud Website Hosting.