Chris's Site
Cool HTML Stuff
Home | Paintball | Linkin Park | Music | Downloads | Jokes | Computer Games | School | Warhammer 40k | Cams | My Life | Guest Page | Links | Cool HTML Stuff

While building my website, I stumbeled on to some cool things. I decided to share this stuff. I'd like to thank Funky-Chickens.com for most of this. Just copy and paste the HTML code from the box and paste it on your website for really cool stuff.

Text


Text With BG Color


TEXT TEXT TEXT

TEXT TEXT


<span style=background:COLOR> TEXT GOES HERE</span>


Fancy Texts


DropShadow

Glow

Shadow
<TABLE STYLE="filter:___(color=____, strength=___)"> <TR><TD><center> TEXT GOES HERE</TABLE>FILL IN THE BLANKS (in order):
#1. dropshadow, glow, or shadow.
#2. Any color
#3. A number 1-10


Another Fancy Text

Wavy Text
<DIV ID="waveText"style="width:#; height:#;font-size:#pt;color:COLOR; filter:wave(add=0,phase=4,freq=5, strength=2)">TEXT HERE</DIV>


Aligning Text

Aligned Left

Aligned Center

Aligned Right
<p align=DIRECTION>TEXT</p>in DIRECTION, put left, right,
or center. OR, a simple
code for just centering: <center>


Spacing Text

Big space:

text text text

Little space:
text text text

Big space:<p>Little space:<br>



Spacing Letters

TEXT HERE
<H3 STYLE="LETTER-SPACING:#em"> TEXT HERE</H3>The H3 can be changed to anything from 1-6, 1 being the biggest. The # can also be changed (its the amount of space between the letters).


Indenting Text

This text is not indented.
This text IS indented.
<dl><dd>INDENTED TEXT HERE</dl>

Marquees

Your Basic Marquee

TEXT HERE
<marquee>TEXT HERE</marquee>


Bouncy Marquee

TEXT HERE
<marquee behavior=alternate>TEXT HERE</marquee>


Marquee With Bgcolor

TEXT HERE
<marquee bgcolor=aqua>TEXT HERE</marquee>


Marquee Directions

TEXT HERE TEXT HERE
<marquee direction=right, left,up,or down>TEXT HERE</marquee>


Marquee Speed

TEXT (speed 50) TEXT (speed 4)
<marquee scrollamount=NUMBER>TEXT HERE</marquee>


Marquee Width

33% 33% 33% width=149
<marquee width=percent OR number>TEXT HERE</marquee>Ex: width=33% OR width=102



Mouseover Speed Marquee


Put your mouse here

<marquee onMouseover="this.scrollAmount=#" onMouseout="this.scrollAmount=#">TEXT</marquee>
The onmouseOVER # is when you put your mouse
ON it, the onmouseOUT # is when its normal


Marquee W/ Loop #


This will go around 6 times

<marquee loop=#>Text</marquee>


Marquee That Stops


Text goes, stops

<marquee behavior=slide>TEXT</marquee>


Combining It All

lime, w=105, speed 3, right yellow, w=45%, speed 5, left
w=90, speed 8, down, loop=7
<marquee bgcolor=COLOR width=#scrollamount=# direction=L,R,U,orD>TEXT HERE</marquee>

Marquee on Toolbar

<SCRIPT LANGUAGE="JavaScript"> <!--// Use these to set up the message:var msg = "TEXT GOES HERE!"var delay = 30var startPos = 100// Don't touch these variables:var timerID = nullvar timerRunning = falsevar pos = 0// Crank it up!StartScrolling()function StartScrolling(){ // Make sure the clock is stopped StopTheClock() // Put in spaces to get "start" position for (var i = 0; i < startPos; i++) msg = " " + msg // Off we go... DoTheScroll()}function StopTheClock(){ if(timerRunning) clearTimeout(timerID) timerRunning = false}function DoTheScroll(){ if (pos < msg.length) self.status = msg.substring(pos, msg.length); else pos=-1; ++pos timerRunning = true timerID = self.setTimeout("DoTheScroll()", delay)}file://--></SCRIPT>

Enter supporting content here