Cut and Paste HTML

Blank Page
<HTML>
<HEAD>
<TITLE>Put Your Title Here</TITLE>
<META NAME="Description" CONTENT="Write a one sentence description here.">
<META NAME="Keywords" CONTENT="Put your keywords here. Very important for many search engines.">
<META NAME="Author" CONTENT="Your Name Here">
</HEAD>
<BODY BACKGROUND="" BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#000080" VLINK="#800080" ALINK="#FF0000">

Put all your info in here.
Leave the quotes in all the meta tags!
Put an image between the quotes in the BODY tag for a background image.

</BODY>
</HTML>


Basic Table
<TABLE BORDER=3 BGCOLOR="#FFCCFF">
<TR>
<TD>Row 1<BR>Col 1</TD>
<TD>Row 1<BR>Col 2</TD>
<TD>Row 1<BR>Col 3</TD>
</TR>
<TR>
<TD>Row 2<BR>Col 1</TD>
<TD>Row 2<BR>Col 2</TD>
<TD>Row 2<BR>Col 3</TD>
</TR>
</TABLE>


Example:
Row 1 Col 1 Row 1 Col 2 Row1 Col 3
Row2 Col 1 Row2 Col 2 Row2 Col 3


Word Link
<A HREF="http://toolittletime.com"> Words That Link </A>

Image Link
<A HREF="http://toolittletime.com">
<IMG BORDER=0 SRC="image.gif" ALIGN=CENTER>
</A>

Mouse Over Red Text
Place this text in the head section:

<SCRIPT LANGUAGE=JavaScript>function title_onmouseover () { pgtitle.style.color = "red"}function title_onmouseout () { pgtitle.style.color = "black"}</SCRIPT>


Place this in with in the body with your text: (the below text is also an example)

<H7>
<A id=pgtitle onmouseover="title_onmouseover();" onmouseout="title_onmouseout();" >
Your Text Here
</A></H7>

To change the text size, change the heading tag (<H7>) to a smaller or larger number.
MultiLink Dropbox
<SCRIPT LANGUAGE="JavaScript">
<!--- Hide from tired old browsers
function jumpBox(list) {location.href =
list.options[list.selectedIndex].value}
// end hiding --->
</SCRIPT>

<FORM>
<SELECT>
<OPTION VALUE=""
>Choose a Topic Here
<OPTION VALUE="/schoolhouse.html" >School House Rock
<OPTION VALUE="/movies.html" >Movies
<OPTION VALUE="/looney.html" >Looney Tunes
<OPTION VALUE="/cartoons.html" >Simpsons
<OPTION VALUE="/tvshows.html" >Television Shows
<OPTION VALUE="/misc.html" >Miscelaneous
<OPTION VALUE="http://www.benchmarkoutsourcing.com/clips/SP/index.html" >South Park
<OPTION VALUE="http://www.benchmarkoutsourcing.com/clips/AP/index.html" >Austin Powers
<OPTION VALUE="http://www.benchmarkoutsourcing.com/clips/WW/index.html" >Wanye's World
<OPTION VALUE="http://www.benchmarkoutsourcing.com/clips/Beavis&BH/index.html" >Beavis & Butthead
</SELECT> <INPUT TYPE="button" VALUE="Go" onClick="jumpBox(this.form.elements[0])"> </FORM>

Example:


Forwarding Page
This code automatically forwards visitors to the specified page.

<HTML>
<HEAD>
<TITLE>Forwarding Page</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="4; URL=http://toolittletime.com">
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<P ALIGN="center">
<FONT SIZE="+2">Hang on and you will be forwarded to our site.<BR>
If not then <A HREF="http://toolittletime.com">click here</A> </FONT>
</P>
</BODY>
</HTML>


Dynamic Animation
NEW
Copy this script into the HEAD section:

<script LANGUAGE="JavaScript" FPTYPE="dynamicanimation">
<!--
dynamicanimAttr = "dynamicanimation"
animateElements = new Array()
currentElement = 0
speed = 0
stepsZoom = 8
stepsWord = 8
stepsFly = 38
stepsSpiral = 64
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>

Make sure to add this in the BODY tag:

<body onload="dynAnimation()">

Use this code in the BODY section with the paragraph code:

<p dynamicanimation="spiral" style="position: relative !important; left: 10000 !important">
<img src="/samples/anilogo.gif">
This allows you to have text and pictures move into the page.<BR>
Everything between the paragraph markers will be included.<BR>
This site created and maintained by <a href="mailto:TLT_Admin@toolittletime.com">Todd Horne</a>
</p>


NOTE: This code covers many different effects. Try replacing the dynamicanimation="spiral" with some of these options.
spiral
flyLeft
flyTop
flyRight
flyBottom
dropWord
zoomIn
zoomOut
flyTopWord
flyTopRightWord
flyBottomRightWord
flyTopLeft
flyTopRight
flyBottomLeft
flyBottomRight



Time/Date Greeting
<SCRIPT LANGUAGE="VBScript"> <!-- ' The next line of code executes when the script tag is parsed. Call PrintWelcome Sub PrintWelcome Dim h h = Hour(Now) If h < 12 then Document.Write "Good morning! " ElseIf h < 17 then Document.Write "Good afternoon! " Else Document.Write "Good evening! " End If Document.Write "You can put your own message here. " Document.Write "Just in case you were wondering, it's " Document.Write Time() & " on " & Date() & "." End Sub --> </SCRIPT>

Example:


Add Background Music
<BGSOUND SRC="yourmidifile.mid"><!--For IE -->
<EMBED SRC="yourmidifile.mid" HIDDEN="True"><!--for netscape-->

Link to TooLittleTime.com
If you like, you can put a link to our site. We would appreciate it. Just copy one of the codes below into your page.

<A HREF="http://toolittletime.com">
<IMG BORDER=0 SRC="/images/button.gif" ALIGN=CENTER>
</A>
Your link will look like this:

<CENTER> <A HREF="http://toolittletime.com">
<IMG BORDER=0 SRC="/images/banner.gif" ALIGN=CENTER>
</A> </CENTER>


Your link will look like this:


More coming soon
This section is under construction.