HTML

Scrollbox

TEXT/LINK/PICTURE/HTML HERE
TEXT/LINK/PICTURE/HTML HERE
TEXT/LINK/PICTURE/HTML HERE
TEXT/LINK/PICTURE/HTML HERE
TEXT/LINK/PICTURE/HTML HERE

<div id="scroll3" style="width:200;height:50; background-color:white; overflow:auto" style="border-style:solid; border-width:1px; border-color:black"> <FONT face="tahoma" color="000000"><FONT size="1">TEXT/LINK/PICTURE/HTML HERE <br>TEXT/LINK/PICTURE/HTML HERE <br>TEXT/LINK/PICTURE/HTML HERE <br>TEXT/LINK/PICTURE/HTML HERE <br>TEXT/LINK/PICTURE/HTML HERE </FONT></FONT></div>

Tables

TITLE

TEXT/LINK/PICTURE/HTML HERE

<TABLE width="200" style="border:2 solid black" bgcolor="#ffffff"> <TR> <TD bgcolor="black"><FONT face="tahoma" color="ffffff"><FONT size="1">TITLE</FONT></FONT></TD> </TR> <TR> <TD bgcolor="ffffff"><FONT face="tahoma" color="000000"><FONT size="1"> TEXT/LINK/PICTURE/HTML HERE </FONT></FONT></TD></TR></TABLE>

TITLE

TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
<TABLE><TR><TD BGCOLOR="black"><P ALIGN="left"><FONT FACE="tahoma" SIZE="1" COLOR="ffffff"><B>TITLE</B></P></FONT></TD></TR> <td bgcolor='#ffffff' width="200" style="border:1 solid black"><font face='tahoma'><font size='1'><font color='#000000'> TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE </font></font></font></td> </tr></TABLE>

TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE

<TABLE border="2" borderColor="black" width="200"><TBODY><TR><TD><CENTER><font face="tahoma"><font size="1"><font color="black">TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE </font></font></font></CENTER></TD></TR></TBODY></TABLE>

Transparent

TEKST/LINK/BILDE/HTML HER
TEKST/LINK/BILDE/HTML HER
TEKST/LINK/BILDE/HTML HER
<p style="width:200px;text-align:center;border:1px solid black;padding:3px;font-weight:bold;color:black;background:black;filter:alpha(opacity=50);opacity:.50;"><font face="tahoma"><font size="1"><font color="white">TEKST/LINK/BILDE/HTML HER<BR>TEKST/LINK/BILDE/HTML HER<BR>TEKST/LINK/BILDE/HTML HER</p></font></font></font>

Simpel Table

TEXT HERE

<div style="border: 1px solid #000000; width:200; height:8; background:#COLOURHERE"><font face="terminal"><font color="#000000"><font size="1"> TEXT HERE</font></font></font></div>

ScrollBar Whith 3D frame

TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE

<DIV dir="RT 1" style="text-align:center;width:200px;height:80px;border:skyblue 4px outset;overflow:auto"><font face="tahoma"><font color="black"><font size="1"><center>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE </center></font></font></font></DIV>

Table

TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE

<table style="background:#000000;border:#999999 6px double" width="200"><tr><td bgcolor="#000000" style="border:#FFFFFF 2px dotted"><font face="tahoma"><font color="white"><font size="1"><center><br> TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE<br><br></center></font></font></font></td></tr></table>

TITLE

TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE

<div style="border: 0px solid #FBBD93; width:250; height:8; background:#ffffff"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR:#000000 ; FONT-FAMILY:tahoma ; LETTER-SPACING: 0px; LINE-HEIGHT: 9px"> <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE </FONT></div>

TITLE

TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
<div style="border: 0px solid #749674; border-bottom: 4px solid #808080; text-align: right; width:200; height:8; background:#404040"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR:#ffffff ; FONT-FAMILY:verdana ; LETTER-SPACING: 1px; TEXT-TRANSFORM: uppercase; background-image:url(); background-repeat: repeat; background-position: top right; background-attachment: fixed; width=200"> TITLE </FONT></font></font></div></font> <div style="border: 0px solid #749674; border-bottom: 2px dotted #808080; border-left: 4px solid #808080; width:200; height:8; background:#c0c0c0"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR:#000000 ; FONT-FAMILY:tahoma ; LETTER-SPACING: 0px; LINE-HEIGHT: 9px"> <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE </FONT></div>

TITLE

TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
<div style="border: 0px solid #749674; border-bottom: 4px dashed #000000; text-align: right; width:200; height:8; background:#808080"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR:#ffffff ; FONT-FAMILY:verdana ; LETTER-SPACING: 1px; TEXT-TRANSFORM: uppercase; background-image:url(); background-repeat: repeat; background-position: top right; background-attachment: fixed; width=200"> TITLE </FONT></font></font></div></font> <div style="border: 0px solid #749674; border-bottom: 2px dotted #000000; border-left: 4px dashed #000000; width:200; height:8; padding:2px; background:#eaf7c1"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR:#000000 ; FONT-FAMILY:tahoma ; LETTER-SPACING: 0px; LINE-HEIGHT: 9px"> <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE</FONT></div>

TITLE

TITLE2

TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE

<div style="border: 0px solid #749674; border-bottom: 4px dashed #000000; text-align: right; width:200; height:8; background:#808080"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR:#ffffff ; FONT-FAMILY:verdana ; LETTER-SPACING: 1px; TEXT-TRANSFORM: uppercase; background-image:url(); background-repeat: repeat; background-position: top right; background-attachment: fixed; width=200"> TITLE </FONT></font></font></div></font> <div style="border: 0px solid #000000; border-left: 4px dashed #000000; height:8; width:196; background:#fc9db3"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 8px; COLOR:#000000 ; FONT-FAMILY:small fonts ; LETTER-SPACING: 1px; TEXT-TRANSFORM: uppercase; background-image:url(); background-repeat: repeat; background-position: top right; background-attachment: fixed; width=196"> TITLE2 </FONT></font></font></div></font> <div style="border: 0px solid #5c4e72; border-bottom: 2px dotted #000000; border-left: 4px dashed #000000; width:200; height:8; padding:2px; background:#eaf7c1"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR:#000000 ; FONT-FAMILY:tahoma ; LETTER-SPACING: 0px; LINE-HEIGHT: 9px"> <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE </FONT></div>

Title
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
TEXT/LINKS/IMAGES/HTMLS HERE
<fieldset style="border:1px solid black; width:200;"><legend>Title</legend><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR:#000000 ; FONT-FAMILY:tahoma ; LETTER-SPACING: 0px; LINE-HEIGHT: 9px"> <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE <br>TEXT/LINKS/IMAGES/HTMLS HERE </FONT></fieldset>

Scrollbars

Pink
<style type="text/css"> body {scrollbar-face-color: #FF82BD; scrollbar-darkshadow-color: #FF0079; scrollbar-shadow-color: #FF4AA0; scrollbar-3dlight-color: #FF82BD; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #FFB0D6; scrollbar-highlight-color: #WHITE; </style>

Orange
<style type="text/css"> body {scrollbar-face-color: #FE7A18; scrollbar-darkshadow-color: #D15901; scrollbar-shadow-color: #FE6C01; scrollbar-3dlight-color: #FE7A18; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #FFC69B; scrollbar-highlight-color: #WHITE; </style>

Purple
<style type="text/css"> body {scrollbar-face-color: #CB40FF; scrollbar-darkshadow-color: #9300CA; scrollbar-shadow-color: #AE00F0; scrollbar-3dlight-color: #CB40FF; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #E6A4FF; scrollbar-highlight-color: #WHITE; </style>

Red
<style type="text/css"> body {scrollbar-face-color: #CC0000; scrollbar-darkshadow-color: #910000; scrollbar-shadow-color: #A40000; scrollbar-3dlight-color: #CC0000; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #FFC1C1; scrollbar-highlight-color: #WHITE; </style>

Green
<style type="text/css"> body {scrollbar-face-color: #8BFF17; scrollbar-darkshadow-color: #39AD01; scrollbar-shadow-color: #69D200; scrollbar-3dlight-color: #8BFF17; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #C8FF91; scrollbar-highlight-color: #WHITE; </style>

Yellow
<style type="text/css"> body {scrollbar-face-color: #FFE02F; scrollbar-darkshadow-color: #D2B300; scrollbar-shadow-color: #E8C500; scrollbar-3dlight-color: #FFE02F; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #FFF19F; scrollbar-highlight-color: #WHITE; </style>

Black
<style type="text/css"> body {scrollbar-face-color: #5D5D5D; scrollbar-darkshadow-color: #303030; scrollbar-shadow-color: #454545; scrollbar-3dlight-color: #5D5D5D; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ACACAC; scrollbar-highlight-color: #WHITE; </style>

Blue
<style>  </style>
�

Status and titlebar

Normal Statusbar
<script language="JavaScript"> statuss(); function statuss() { window.status = "UR TEXT GOES HERE"; setTimeout("statuss()", 0); } </script>

Typing
<script language="JavaScript"> var current = 0 var x = 0 var speed = 100 var speed2 = 100 function initArray(n) { this.length = n; for (var i =1; i <= n; i++) { this[i] = ' ' } } typ = new initArray(4) typ[0]="PUT YOUR TEXT HERE(1)" typ[1]="PUT YOUR TEXT HERE(2)" typ[2]="PUT YOUR TEXT HERE(3)" typ[3]="PUT YOUR TEXT HERE(4)" function typewrite() { var m = typ[current] window.status = m.substring(0, x++) + "" if (x == m.length + 1) { x = 0 current++ if (current > typ.length - 1) { current = 0 } setTimeout("typewrite()", speed2) } else { setTimeout("typewrite()", speed) } } typewrite() // --> </script>

Scrolling
<script language="JavaScript">  </script>

Time and date
<script language="JavaScript">  </script>

Titlebar

Normal Titlebar

Moving Arrows

//Arrow Head title- By Dynamic Drive
//Based on status bar script by Jason Rex (wonil4@hotmail.com, http://www.syred.net)
//Visit http://www.dynamicdrive.com for full source code

//change title text to your own
    var titletext="MY WEBISTE NAME"
    var thetext=""
    var started=false
    var step=0
    var times=1

function showstatustext(txt)
    {
      thetext = txt;
      setTimeout("welcometext()",4000)
      times++
    }

function anim()
    {
      step++
      if (step==7) {step=1}
      if (step==1) {document.title='>==='+thetext+'===<'}
      if (step==2) {document.title='=>=='+thetext+'==<='}
      if (step==3) {document.title='>=>='+thetext+'=<=<'}
      if (step==4) {document.title='=>=>'+thetext+'<=<='}
      if (step==5) {document.title='==>='+thetext+'=<=='}
      if (step==6) {document.title='===>'+thetext+'<==='}
      setTimeout("anim()",200);
    }

if (document.title)
window.onload=onload=welcometext
</script>

Typing

Text Effects

underline
<u> TEXT HERE </u>

Slashout
<s> TEXT HERE </s>

italic
<i> TEXT HERE </i>

Bold
<b> TEXT HERE </b>

Font Change
<FONT face='georgia'><FONT size='3'><FONT color='#000000'> <font face="FONTNAME"> TEXT HERE </font></FONT></FONT></FONT>

Background colour
<font color="#colorhere" style="BACKGROUND-COLOR:#colorhere">TEXT HERE</font><br>

Close together Text

<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 80pt; COLOR: #000000; LINE-HEIGHT: 100pt; FONT-FAMILY: Georgia; LETTER-SPACING: -12px">TXST HERE</FONT>

Blur text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #ff00cc; filter: shadow(color=#00ff00, direction=200)">TEXT HERE</span>

Dropshaddow Text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #000000; filter: dropshadow(Color=#00ff00, OffX=2, OffY=2, positive=2)">TEXT HERE</span>

Flip Text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #000000; filter: flipv">TEXT HERE</span>

Glow Text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #888888; filter: glow(color=#00ff00, strength=10)">TEXT HERE</span>

Opacity Text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #000000; filter: alpha(opacity=100, finishopacity=0, style=1, startX=0, startY=0, finishX=200, finishY=0)">TEXT HERE</span>

Shaddow Blur Text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #ff00cc; filter: blur(add = 1, direction = 220, strength = 10)">TEXT HERE</span>

Wave Text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #000000; filter: wave(add=0, freq=1, lightstrength=20, phase=10, strength=10)">TEXT HERE</span>

Vertical text
<style type="text/css"> .verticaltext{ font: bold 13px book antiqua; /absolute positioning is not allowed./ right: 3px; top: 20px; width: 15px; writing-mode: tb-rl; } </style> <SCRIPT type="text/javascript"> //Enter desired vertical text: var myverticaltext='<div class="verticaltext"><font color="black"><font size="4"><b>TEXT HERE</b></font></a></div>' var bodycache=document.body if (bodycache && bodycache.currentStyle && bodycache.currentStyle.writingMode) document.write(myverticaltext) </b></font></font></div></b></font></font></div></b></font></font></div></b></font></font></div></b></font></font></div></b></font></font></div></script>

Overlapping Text
<FONT style="font-size:55px;line-height:18px;color: Black;font-family: Trebuchet MS;">Text Here<BR><FONT style="font-size:45px;color: Pink;font-family: Trebuchet MS;">Text Here</FONT></FONT>

Script Text
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 80pt; COLOR: #000000; LINE-HEIGHT: 88pt; FONT-FAMILY: script; LETTER-SPACING: -2px">TEKST HER</FONT>
Digital Text
<FONT style="FONT-SIZE: 20pt; COLOR:black; FONT-FAMILY: small fonts;" style="line-height:15px;">TEXT HERE</FONT>

IMAGE EFFECTS

Transparent ;

<IMG src="PICTURE URL" style="filter:alpha(opacity=50)">
Faded edges ;

<img src="URL" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)"align="left">