CSS Codes
CSS Layouts
IE5+

Rainbow Text

Author: Chris Rickard

Description: Utlizing IE 5's proprietary behavior functionality, Chris' script allows you to apply a live rainbow effect to any block of text (multiple text/page supported)! Extremely easy to set up, and degrades well with all browsers.

Demo:

Merry Christmas, and a Happy New Year!

Directions Developer's View

Step 1: Download the following .htc file, and upload to your webpage directory (by clicking it, or clicking it with Shift key depressed in NS):

rainbow.htc

Step 2: Insert this style sheet into the <HEAD> section of your page:

Select All

Now, to apply the rainbow to a block of text, simply wrap that text in a <SPAN class="rainbow"></SPAN> tag. Example:

<SPAN class="rainbow">Rainbow text</SPAN>

or,

<big><b><SPAN class="rainbow">Merry Christmas</SPAN></b>, and a <b><SPAN class="rainbow">Happy New Year</SPAN></b>!</big>

Pretty nifty hay?

Wordpress Users: Step by Step instructions to add ANY Dynamic Drive script to an entire Wordpress theme or individual Post