Happy When it Rains

1st. Place the top image in the same spot as you see it here on your customized tourney page.

Top Image Link:

2nd. The center HTML section is pasted in the large white box in the center of the customize tourney page.

3rd. Color choices for text, ect is your choice and that is accomplished by numbers, example 000000 = black.
For more information on these colors please visit : HYPE's Color or Patti York's Lay out Help

Background color: #

Link color: #

Text color: #

Header background color: #

Header text color: #

Small header color: #

Title color: #

Custom HTML:
Goes below the ad. Case's
Ladder not responsible for any
problems resulting from
custom HTML.

<html>

<head>
<title>Happy When it Rains</title>
</head>
<body bgcolor="#000000" background="http://p2.hostingprod.com/@tdhelpers.com/tourneypics/letitrainbk.gif " bgproperties="fixed">
<p align="center">
<img border="0" src="http://tdhelpers.com/blank2.gif" ><br><br>

hr {display: none; }

</style>

<HTML><HEAD><TITLE>Happy when it rains</TITLE>

<STYLE>BODY {
	MARGIN-TOP: 25px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14pt; 
	BACKGROUND-ATTACHMENT: fixed; 
	COLOR: #183d7a; 
	SCROLLBAR-ARROW-COLOR: #fba536; 
	FONT-FAMILY: "Brio"; 
	SCROLLBAR-BASE-COLOR: #183d7a; 
	BACKGROUND-COLOR: #183d7a
}
DIV {
	FONT-SIZE: 14pt
}
</STYLE>

<BGSOUND balance=0 
src="http://p2.hostingprod.com/@tdhelpers.com/tourneypics/dream.mid" 
volume=-400 loop=infinite>
</HEAD>
<BODY bgColor=#e6e990 
background="http://p2.hostingprod.com/@tdhelpers.com/tourneypics/letitrainbk.gif" 
onload=dynAnimation()>
<SCRIPT language=JavaScript FPTYPE="dynamicanimation">
 dynamicanimAttr = "dynamicanimation"
  animateElements = new Array()
  currentElement = 0
  speed = 0
  stepsZoom = 8
  stepsWord = 8
  stepsFly = 60
  stepsSpiral = 66
  steps = stepsZoom
  step = 0
  outString = ""
  function dynAnimation()
  {
    var ms = navigator.appVersion.indexOf("MSIE")
    ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
    if(!ie4)
    {
      if((navigator.appName == "Netscape") &&
         (parseInt(navigator.appVersion.substring(0, 1)) >= 4))
      {
        for (index=document.layers.length-1; index >= 0; index--)
        {
            layer=document.layers[index]
            if (layer.left==10000)
                layer.left=0
        }
      }
      return
    }
    for (index=document.all.length-1; index >= document.body.sourceIndex; index--)
    {
      el = document.all[index]
      animation = el.getAttribute(dynamicanimAttr, false)
      if(null != animation)
      {
        if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
        {
          ih = el.innerHTML
          outString = ""
          i1 = 0
          iend = ih.length
          while(true)
          {
            i2 = startWord(ih, i1)
            if(i2 == -1)
              i2 = iend
            outWord(ih, i1, i2, false, "")
            if(i2 == iend)
              break
            i1 = i2
            i2 = endWord(ih, i1)
            if(i2 == -1)
              i2 = iend
            outWord(ih, i1, i2, true, animation)
            if(i2 == iend)
              break
            i1 = i2
          }
          document.all[index].innerHTML = outString
          document.all[index].style.posLeft = 0
          document.all[index].setAttribute(dynamicanimAttr, null)
        }
        if(animation == "zoomIn" || animation == "zoomOut")
        {
          ih = el.innerHTML
          outString = "<SPAN " + dynamicanimAttr + "=\"" + animation + "\" style=\"position: relative; left: 10000;\">"
          outString += ih
          outString += "</SPAN>"
          document.all[index].innerHTML = outString
          document.all[index].style.posLeft = 0
          document.all[index].setAttribute(dynamicanimAttr, null)
        }
      }
    }
    i = 0
    for (index=document.body.sourceIndex; index < document.all.length; index++)
    {
      el = document.all[index]
      animation = el.getAttribute(dynamicanimAttr, false)
      if (null != animation)
      {
        if(animation == "flyLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = 0
        }
        else if(animation == "flyRight")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = 0
        }
        else if(animation == "flyTop" || animation == "dropWord")
        {
          el.style.posLeft = 0
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyBottom")
        {
          el.style.posLeft = 0
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "flyTopLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyTopRight" || animation == "flyTopRightWord")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyBottomLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "flyBottomRight" || animation == "flyBottomRightWord")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "spiral")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "zoomIn")
        {
          el.style.posLeft = 10000
          el.style.posTop = 0
        }
        else if(animation == "zoomOut")
        {
          el.style.posLeft = 10000
          el.style.posTop = 0
        }
        else
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = 0
        }
        el.initLeft = el.style.posLeft
        el.initTop = el.style.posTop
        animateElements[i++] = el
      }
    }
    window.setTimeout("animate();", speed)
  }
  function offsetLeft(el)
  {
    x = el.offsetLeft
    for (e = el.offsetParent; e; e = e.offsetParent)
      x += e.offsetLeft;
    return x
  } 
  function offsetTop(el)
  {
    y = el.offsetTop
    for (e = el.offsetParent; e; e = e.offsetParent)
      y += e.offsetTop;
    return y
  } 
  function startWord(ih, i)
  {
    for(tag = false; i < ih.length; i++)
    {
      c = ih.charAt(i)
      if(c == '<')
        tag = true
      if(!tag)
        return i
      if(c == '>')
        tag = false
    }
    return -1
  }
  function endWord(ih, i)
  {
    nonSpace = false
    space = false
    while(i < ih.length)
    {
      c = ih.charAt(i)
      if(c != ' ')
        nonSpace = true
      if(nonSpace && c == ' ')
        space = true
      if(c == '<')
        return i
      if(space && c != ' ')
        return i
      i++
    }
    return -1
  }
  function outWord(ih, i1, i2, dyn, anim)
  {
    if(dyn)
      outString += "<SPAN " + dynamicanimAttr + "=\"" + anim + "\" style=\"position: relative; left: 10000;\">"
    outString += ih.substring(i1, i2)
    if(dyn)
      outString += "</SPAN>"
  }
  function animate()
  {
    el = animateElements[currentElement]
    animation = el.getAttribute(dynamicanimAttr, false)
    step++
    if(animation == "spiral")
    {
      steps = stepsSpiral
      v = step/steps
      rf = 1.0 - v
      t = v * 2.0*Math.PI
      rx = Math.max(Math.abs(el.initLeft), 200)
      ry = Math.max(Math.abs(el.initTop),  200)
      el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx)
      el.style.posTop  = Math.ceil(-rf*Math.sin(t)*ry)
    }
    else if(animation == "zoomIn")
    {
      steps = stepsZoom
      el.style.fontSize = Math.ceil(50+50*step/steps) + "%"
      el.style.posLeft = 0
    }
    else if(animation == "zoomOut")
    {
      steps = stepsZoom
      el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%"
      el.style.posLeft = 0
    }
    else
    {
      steps = stepsFly
      if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
        steps = stepsWord
      dl = el.initLeft / steps
      dt = el.initTop  / steps
      el.style.posLeft = el.style.posLeft - dl
      el.style.posTop = el.style.posTop - dt
    }
    if (step >= steps) 
    {
      el.style.posLeft = 0
      el.style.posTop = 0
      currentElement++
      step = 0
    }
    if(currentElement < animateElements.length)
      window.setTimeout("animate();", speed)
  }
//-->
</SCRIPT>

<P style="LEFT: 10000px! important; POSITION: relative! important" 
dynamicanimation="flyLeft"></P>
<DIV align=center>
<CENTER>
<TABLE borderColor=#fba536 cellSpacing=4 cellPadding=0 width=700 bgColor=#183d7a 
border=4>
  <TBODY>
  <TR>
    <TD style="LEFT: 10000px! important; POSITION: relative! important" 
    width="50%" bgColor=#fba536 dynamicanimation="spiral">
      <DIV align=center vAlign=top><b>Come Relax and Play<br>Enjoy the tourney</b></DIV></TD>
    <TD style="LEFT: 10000px! important; POSITION: relative! important" 
    width="50%" bgColor=#fba536 dynamicanimation="spiral">
      <CENTER><IMG height=373 
      src="http://p2.hostingprod.com/@tdhelpers.com/tourneypics/Figura_10.gif" 
      width=350></CENTER></TD></TR></TBODY></TABLE></CENTER></DIV></FONT><BR>
<SCRIPT language=JavaScript> 
<!-- 
ScrollSpeed = 750;  // milliseconds between scrolls
ScrollChars = 4;    // chars scrolled per time period

function SetupTicker() {
  // add space to the left of the message
  msg = " . . . I'm happy when its a tourney ";
   RunTicker();}

function RunTicker() {
  window.setTimeout('RunTicker()',ScrollSpeed);
  window.status = msg ;
  msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}
SetupTicker();

</body></html>
</SCRIPT>
</BODY></HTML>
<center><a href="http://tdhelpers.com/">
<font color=FBA536 size=4>TD Helpers</center></font></a>

Background Image:

4th. Place the bottom image in the same spot as you see here on your customized tourney page.