Text Effects

To center your text
<center>TEXT HERE</center>

For Close Together Text
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; COLOR: COLOR HERE; LINE-HEIGHT: 20pt; FONT-FAMILY: Georgia; LETTER-SPACING: -5px"> TEXT HERE</FONT>

To make the font a different colour
<font color="COLOR HERE">TEXT HERE</font>

To make the font italic
<i>TEXT HERE</i>

To make the font bold
<b>TEXT HERE</b>

To make the font underlined
<u>TEXT HERE</u>

To make the font ~~strikeout~~
<s>TEXT HERE</s>

Rollercoaster text
<script> /* Roller Coaster Script- By JavaScript Kit Over 200+ free scripts here! */ var fs=1 var direction="right" function rollertext(whichone){ var thetext=whichone for (i=0;i-thetext.length;i++){ document.write(thetext.charAt(i).fontsize(fs)) if (fs-7&&direction=="right") fs++ else if (fs==7){ direction="left" fs-- } else if (fs==1){ direction="right" fs++ } else if (fs-1&&direction=="left") fs-- } } //Change below text to your won rollertext(" CHANGE TEXT HERE ") </script>

Matrix text
<style type="text/css"> .matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;} </style> <script type="text/javascript" language="JavaScript">  </script> <div id="matrix">TEXT HERE</div>

Dropshadow text
<TABLE STYLE="filter:dropshadow(color=#ff0000, strength=10)"> <TR><TD><center> TEXT HERE</center></TD></TR></TABLE>

Glow text
<TABLE STYLE="filter:glow(color=#cc0000, strength=10)"> <TR><TD><center> Glow</center></TD></TR></TABLE>

Shadow text
<TABLE STYLE="filter:shadow(color=#cc0000, strength=10)"> <TR><TD><center> Shadow</center></TD></TR></TABLE>

Chunky text
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: red; Filter: Shadow(Color=#0000FF, Direction=225)">YOUR TEXT HERE!!</span>

Spaced text
<H3 STYLE="LETTER-SPACING:9">spaced text</H3>

Posh text
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 35pt; COLOR: #ffffff; LINE-HEIGHT: 30pt; FONT-FAMILY: script; LETTER-SPACING: -1px">Overrated</FONT>

Symbols

M

N

J

K

L

Y

8

7

~

h

«

Image Effects

To add an image

To link a picture

To make a picture transparent

To make an image upside down

To mirror an image

To make an image black and white

To make an image blurred

To add an image with a border

To resize an image

Cursors

HOVER HERE

Borders

For a purple border

For a pink border

For a peach border

For a blue border

For a yellow border

For a black border

For a red border

For a green border

For a silver border

Page Transitions

Box horizontal lines

Box vertical lines

Circle in

Circle out

Pixelate

Fade

Curtain up

Curtain down

Curtain left

Curtain right

Lines

Slide

Diagonal bottom left

Diagonal top left

Disolve

Elevator close

Elevator open

Zigzag

Strips

Wheel

Star

Spiral

Stretch

Gradientwipe

Background Effects

Gradient background

Gradient background 2

Fixed background

Shaking page on entry

Background colour

Changes background image for each time

Changes background colour for each time

Different background after the clock

<!-- Hide From Old Browsers

/* ?1996-98 JavaScript written by Steve Thompson @ http://www.w8r.com --- e-mail: thompson@w8r.com or myclone@hotmail.com --- This simple script changes the background image four times a day -- It can be altered to include other page attributes such as text colors and individual page items such as on the example page - Use freely but keep this entire credit line intact. */

day=new Date()     //..get the date

x=day.getHours()    //..get the hour

if(x>=0 && x<4) {

document.write('<body background="put your first image file name here such as 1.jpg">')

} else

if(x>=4 && x<12) {

document.write('<body background="put your second image file name here such as 2.jpg">')

} else

if(x>=12 && x<18) {

document.write('<body background="put your third image file name here such as 3.jpg">')

} else

if (x>=18 && x<24) {

document.write('<body background="put your last image file name here such as 4.jpg">')

}

</script>

Disco effect

<body onload="disco()"><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script></body>

Menus

Tree Menu

<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 7px; COLOR:000000 ; FONT-FAMILY: small fonts ; LETTER-SPACING: 1px"><style>

</style>
<script language="JavaScript1.2">
<!--

//Smart Folding Menu tree- By Dynamic Drive (rewritten 03/03/02)
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"

var ns6=(document.getElementById&&!document.all||window.opera)
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

function checkcontained(e){
var iscontained=0
cur=ns6? e.target : event.srcElement
i=0
if (cur.id=="foldheader")
iscontained=1
else
while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){
if (cur.id=="foldheader"||cur.id=="foldinglist"){
iscontained=(cur.id=="foldheader")? 1 : 0
break
}
cur=ns6? cur.parentNode : cur.parentElement
}

if (iscontained){
var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]
if (foldercontent.style.display=="none"){
foldercontent.style.display=""
cur.style.listStyleImage="url(open.gif)"
}
else{
foldercontent.style.display="none"
cur.style.listStyleImage="url(fold.gif)"
}
}
}

if (ie4||ns6)
document.onclick=checkcontained

//-->
</script>

<ul>
   <li id="foldheader">TITLE HERE</li>
   <ul id="foldinglist" style="display:none" style="&{head};">

</ul>

</ul></FONT></FONT>

Menu Box

Piczo

Link Effects

Text Effects

Symbols

Image Effects

Cursors

Borders

Page Transitions

Background Effects

Menus