>>*HTML Help*<<
(Profile viewed 142849 times.)








Bold
<b>TEXT</b>

Italics
<i>TEXT</i>

SubScript
<sub>TEXT</sub>

SuperScript
<sup>TEXT</sup>

Strike
<s>TEXT</s>

Underlined
<u>TEXT</u>

Paragraph
<p>TEXT</p>

Typriter Text
<tt>TEXT</tt>

Background Behind Text
<span style="background-color: #ffffff">TEXT</span>


Small Headline
<h6>TEXT</h6>

Large Headline
<h1>TEXT</h1>

Change Font Size
<font size=NUMBER>TEXT</font>


Center All Text
<center> Just Put That At The Very Top Of Your Page

Text Aligned to Right
<p align=right>


Glowing Text
<table border=1 style="filter:glow(color=COLOR,strength=4)"><font size="2" color=COLOR>TEXT</table></font>

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

Blurry Text
<table style="filter:blur"><tr><td><font face="century gothic"size=3><font color=#000000>TEXT HERE</font></td></tr></table>

Shadowed Text
<table style="filter:shadow(#B22222)"><tr><td><font face="century gothic"size=3><font color=#000000>TEXT HERE</font></td></tr></table>

Dropshadow Text
<table style="filter:dropshadow(#B22222)"><tr><td><font face="century gothic"size=3><font color=#000000>TEXT HERE</font></td></tr></table>

Upsided Down
<p style="filter:flipv;font:14px;font-family:verdana;color:#FF0000;width:300px">UR TEXT/PICS</p>

Reverse
<p style="filter:fliph;font:14px;font-family:verdana;color:#FF0000;width:300px">TEXT</p>

Spaced Words
<font style="letter-spacing:2px">TEXT</font>

Fading Text
<DIV STYLE="filter:blur(Strength=30); width:100";>TEXT</DIV>



Text Box with Border
<div id="scroll3" style="width:NUMBER;height:NUMBER;overflow:auto; border:5px solid #NUMBER;background:#COLOR"><font color=COLOR>TEXT</font></div>

Dotted Text Box
<div id="scroll3" style="position:absolute;top:NUMBER;left:NUMBER;width:NUMBER;height:NUMBER;overflow:auto; color:COLOR; border:dotted; border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;">TEXT</div>

Ugly Text Box
<textarea>TEXT</textarea>

Ugly Textbox with Specified Size
<textarea rows=# cols=#>TEXT GOES HERE</textarea>

Borderless Text Box
<div id="scroll3" style="width:200;height:200;background-color:;overflow:auto" style="position: absolute; top:200; left:200; z-index: 1000;">TEXT HERE</div>

Transparent Text Box
<div id="scroll3" style="width:200;height:200;background-color:;overflow:auto"style="filter:alpha(opacity=45)" style="position: absolute; top:200; left:200; z-index: 1000;">TEXT</div>

Fieldset
FieldsetThis is a wonderful fieldset... lol... :D

<fieldset style="border:#FF0000 1px solid;height:85px;width:275px"><legend align="left" style="font-family:century gothic;color:#FF0000;font-size:15px">TITLE</legend><font style="font-family:century gothic;color:#FF0000;font-size:14px;text-align:center">TEXT OR PICS GO HERE</font></fieldset>


Regular Background
<body background="URL">


Fixed Backgrond
<body background="URL" bgproperties="fixed">

Background Using Hex Code Color
<body bgcolor="COLOR/NUMBER">




Regular Marquee
<marquee>TEXT</marquee>

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

Change the Speed
<marquee scrollamount=NUMBER>TEXT</marquee>

Background Color
<marquee bgcolor=COLOR>TEXT</marquee>

A Wavy Shadowing Marquee

T
E
X
T
<marquee direction=up scrollAmount=0scrollDelay=0 style="filter:wave(add=10,phase=1,freq=2,strength=30)" width=100 height=225><font color=COLOR size=3><center><b><br>T<br>E<br>X<br>T</font></marquee>


This Wierd Marquee
1st MARQUEE2nd MARQUEE3rd MARQUEE4th MARQUEE



<<The Arrows>>



>| | | These Things| | |<


<| | |Different Things| | |>


>>Bouncing Arrows<<


Dotted Border on Marquee
Isn't it pretty?
<marquee width="250" style="border:#YOUR COLOR 2px dotted">TEXT</marquee>


Transparent Marquee



Funky Marquee
<marquee width="200" scrollamount="150">TEXT</marquee>

Stop And Go
<marquee behavior="alternate" width="25" scrolldelay="450">TEXT HERE</marquee>


Bounce Up and Down
<MARQUEE behavior=alternate direction=up height=22 width="30%"><FONT face=Arial size=1>TEXT</font></marquee></font>

Bounce Up and Down
<marquee direction="up" behavior="alternate">TEXT</marquee>

Going Up
<marquee direction="up">TEXT HERE</marquee>

Going Down
<marquee direction="down">TEXT</marquee>





Insert a Picture

<img src="URL">


Make Picture be a Link


<a href="THA URL YOU WANT THA GRAPHIC TO LINK TO"><img src="THA URL OF YOUR PICTURE"></a>



Picture Slides



Falling Pics at the Top Of your Page



Make Pic Transparent

<img src="THA URL OF YOUR PIC" style="filter:alpha(opacity=50)">


Emboss
<img src="THE URL" style="filter:progid:dximagetransform.microsoft.emboss">


Invert
<img src="THE URL" border="0" style="filter:invert">


Gray
<img src="picture url" id="GRAY" border=1 style="align:center;width:?px;height:?px;filter:gray">

Flip Picture

<img src="THA URL OF YOUR PIC" border="0" style="filter:fliph">


Border On Pic

<img style="border:#ff99cc 7px THE NAME OF THE BORDER YOU WANT" src="THE URL">

Inset


Solid


Outset


Double


Groove


Ridge


Dashed


Dotted





Pop-Up for when Entering
<body onload="alert('TEXT')">


Pop-up for Coming in and Leaving
<BODY onLoad="alert('TEXT FOR WHEN COMING IN');"onUnload="alert('TEX FOR WHEN LEAVING');">



Right Click Block, Pop-Up, and boot out to another site
<body oncontextmenu=`alert("THA ALERT YOU WANT IT TO SAY");location.replace("THA SITE URL YOU WANT IT TO TAKE YOU TO");window.event.returnValue=false`>


Right Click block, Logout
<BODY oncontextmenu=`alert(" TEXT HERE");location.replace("http://www3.buddy4u.com/login.php?msg=logout");status=("RIGHT CLICK");return false;` onselectstart="return false" ondragdrop="return false"; background=personalpage_files/404.htm topMargin=0>


Right Click Block, Pop-up
<BODY oncontextmenu=`alert("YOUR TEXT");status=("right click");returnfalse;` ondragdrop="return false">


Right Click Block, refresh
<bodyoncontextmenu="location=self.location;return false" ondragdrop="return false" onselectstart="return false">


Silent Right Click Block
<body oncontextmenu="return false;">


No Highlighting
<body onselectstart="return false">




Transition Code
<META http-equiv="Page-Exit" content="revealTrans(Transition=NUMBER,Duration=1.000)">


The Transition Numbers
0-Box In
1-Box Out
2-Circle In
3-Circle Out
4-Wipe Up
5-Wipe Down
6-Wipe Left
7-Wipe Right
8-Vertical Blinds
9-Horizontal Blinds
10-Checkerboard Accross
11-Checkerboard Down
12-Dissolve
13-Split Vertical In
14-Split Vertical Out
15-Split Horizontal In
16-Split Horizontal Out
17-Strips left down
18-Strips left up
19-Strips right down
20-Strips right up
21-Random Bars Horizontal
22-Random Bars Vertical
23-Random


Star Transition
<META http-equiv="Page-Exit" content=progid:DXImageTransform.Microsoft.Iris(duration=2,irisStyle=STAR)>




Border Around Page
<STYLE type=text/css><!--body{border color:#FFEFF8 10px solid} //--></STYLE>

Border with More than one Color
<style type=text/css><!-- body{border-right:#COLOR 10px outset;border-left:#COLOR 10px outset;border-top:#COLOR 10px outset;border-bottom:#COLOR 10px outset} //--></style>




Colored Scrollbar
<STYLE type="text/css"><!--BODY {scrollbar-face-color:COLOR; scrollbar-shadow-color:COLOR; scrollbar-highlight-color:COLOR; scrollbar-3dlight-color:COLOR; scrollbar-darkshadow-color:COLOR; scrollbar-track-color:COLOR; scrollbar-arrow-color:COLOR}--></STYLE>


Scrollbar on Left side
<body dir="rtl">


Pink Scrollbar
<STYLE type="text/css"><!--BODY {scrollbar-face-color:F95DAE; scrollbar-shadow-color:F95DAE; scrollbar-highlight-color:ffffff; scrollbar-3dlight-color:F95DAE; scrollbar-darkshadow-color:FC128B; scrollbar-track-color:FFDDEF; scrollbar-arrow-color:ffffff}--></STYLE>

Light Blue Scrollbar
<STYLE type="text/css"><!--BODY {scrollbar-face-color:5ACEFF; scrollbar-shadow-color:5ACEFF; scrollbar-highlight-color:ffffff; scrollbar-3dlight-color:5ACEFF; scrollbar-darkshadow-color:10B5FF; scrollbar-track-color:DEF7FF; scrollbar-arrow-color:ffffff}--></STYLE>

Dark Blue Scrollbar
<STYLE type="text/css"><!--BODY {scrollbar-face-color:5A9CFF; scrollbar-shadow-color:5A9CFF; scrollbar-highlight-color:ffffff; scrollbar-3dlight-color:5A9CFF; scrollbar-darkshadow-color:0052FF; scrollbar-track-color:DEEFF; scrollbar-arrow-color:ffffff}--></STYLE>

Purple Scrollbar
<STYLE type="text/css"><!--BODY {scrollbar-face-color:7B29FF; scrollbar-shadow-color:7B29FF; scrollbar-highlight-color:ffffff; scrollbar-3dlight-color:7B29FF; scrollbar-darkshadow-color:5A00DE; scrollbar-track-color:E7CEFF; scrollbar-arrow-color:ffffff}--></STYLE>

Orange Scrollbar
<STYLE type="text/css"><!--BODY {scrollbar-face-color:FF945A; scrollbar-shadow-color:FF945A; scrollbar-highlight-color:ffffff; scrollbar-3dlight-color:FF945A; scrollbar-darkshadow-color:FF6310; scrollbar-track-color:FFEFDE; scrollbar-arrow-color:ffffff}--></STYLE>

Yellow Scrollbar
<STYLE type="text/css"><!--BODY {scrollbar-face-color:EFEE7F; scrollbar-shadow-color:F1EF65; scrollbar-highlight-color:FFFFFF; scrollbar-3dlight-color:F6F5CA; scrollbar-darkshadow-color:F6F448; scrollbar-track-color:F6F5CA; scrollbar-arrow-color:FFFFFF}--></STYLE>

Green Scrollbar
<STYLE type="text/css"><!--BODY {scrollbar-face-color:51F1D5; scrollbar-shadow-color:01F9CD; scrollbar-highlight-color:FFFFFF; scrollbar-3dlight-color:B3F5E9; scrollbar-darkshadow-color:03EDC4; scrollbar-track-color:B3F5E9; scrollbar-arrow-color:FFFFFF}--></STYLE>

Scrollbar With One Color
<style type="text/css"><!-- body{scrollbar-base-color:#FF0000} //--></style>




Regular Easy Layout
<img src=LAYOUT URL HERE><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 STYLE="position:absolute;top:NUMBER HERE;left:NUMBER HERE;"><div id="scroll3" style="overflow:auto"><span style="overflow:auto;height:NUMBER HERE;width:NUMBER HERE;border:0px solid black;filter:alpha(opacity=100);">

Another Layout Code, I like this one better
<span style="position:absolute; left:NUMBER; top:NUMBER;"><img border=0 src=LAYOUT URL></span><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 STYLE="position:absolute;top:NUMBER;left:NUMBER;"><div id="scroll3" style="width:NUMBER;height:NUMBER;overflow:auto">




Put Music on Your Page
<bgsound src="THA URL OF YOUR MUSIC" autoplay="true" loop="infinite">

To get music codes, visit... Musicville!



Get a Cursor from Below
<style>body{cursor:CURSOR NAME CHOSEN FROM BELOW}</style>

n-resize
ne-resize
nw-resize
s-resize
se-resize
sw-resize
e-resize
w-resize
wait
vertical-text
progress
pointer
not-allowed
no-drop
help
default
crosshair
col-resize
auto
all-scroll
hand

Get your own Cursor
<STYLE TYPE="text/css">BODY{cursor: url('URL OF YOUR CURSOR');}</STYLE>



Text following Around your Cursor
<script src="http://www.boomspeed.com/htmlcodes/texttrail.js"language=javascript id="properties"message="TEXT HERE" colour="COLOR HERE" font="FONT HERE"></script>



Color Chart





Make a New Link
<a href ="URL">TEXT</a>

Make a Mailto Link
<a href="mailto:E-MAIL ADDRESS">TEXT</a>

Make an AIM Link
<a href="aim:goim?screenname=SCREENNAME&message=MESSAGE">The link Text</a>

Get your own Hover Image
<style type="text/css">A,TD,P,font {COLOR:none;FONT-FAMILY: arial; FONT-SIZE:8pt; TEXT-DECORATION: none}A:link { text-decoration:none; color:COLOR}A:visited { text-decoration:none; color:COLOR}A:hover { text-decoration:none; color:COLOR; background-color:transparent; background-image:url(THA URL OF YOUR PIC);}</style>

Have no Line Under Link
<style type="text/css">A,TD,P,font {COLOR:none; TEXT-DECORATION: none}A:link { text-decoration:none}A:visited { text-decoration:none; color:COLOR}</style>

Remove All Links
<style type="text/css">


*Hover Codes*

Blurry
<style type="text/css"><!-- a:hover{filter:blur(color:#B22222, strength=3);height:0px;width:inherit} //--></style>

Glow
<style type="text/css"><!-- a:hover{filter:glow(color:#FF0000, strength=3);height:0px;width:inherit} //--></style>

Flip The Words
<style type="text/css"><!--a:hover{height:0; filter:fliph}--></style>

Shadow
<style type="text/css"><!-- a:hover{filter:shadow(color:#000000, strength=3);height:0px;width:inherit} //--></style>

Upside down
<style type="text/css"><!-- a:hover{filter:fliph(color:#FF0000, strength=3);height:0px;width:inherit} //--></style>

Border
<style type="text/css"><!-- a:hover {border:#FF0000 1px solid;} --></style>

Background
<style type="text/css"><!-- a:hover {background:#COLOR url()} --></style>

Change Letter Spacing
<style type="text/css"><!-- a:hover {letter-spacing:4px} --></style>

Change Text Size
<style type="text/css"><!-- a:hover {font-size:16px} --></style>

Capital Letters
<style type="text/css"><!-- a:hover {text-transform:uppercase;} --></style>

Lowercase Letters
<style type="text/css"><!-- a:hover {text-transform:lowercase;} --></style>


Page Divider

<hr color="#FF0000" size="3" width="85%">








Video on Your Page
<img dynsrc="url of movie" autostart="true" loop="-1">


Drop Down List



<| | |*Credits*| | |>
An extra thanks to Janey! She helped me with the cursor thing because it wouldn't go into the box! I love you very much Janey!



Text

Cool Effects On Text

Text Boxes

Change Text Size

Text Alignment

Backgrounds

Fixed Background

Marquees

Transparent Marquee

Different Colors on Marquee

Strange Marquees

Up and Down Marquees

Arrows and Dotted Marquee

Pictures

Make A Pic A Link

Pic SlideShow

Rain Effect on Pic

Borders On Pic

Pic Effects

Pop-Ups

Entering Pop-up

Entering and Leaving Pop-up

No Stealing

Right Click Block, Logout

Right Click Block, Pop-Up

Right Click Block, Refresh

Silent Right Click Block

Highlight Block

Transitions

Star Transition

Borders

Scrollbars

Scrollbar on Left Side

Premade Scrollbars

Layouts

Music

Cursors

Text Around Cursor

Color Chart

Links

Hovers

Buttons

Drop Down List

Video

Credits




User Poll
Was This Page... Good?
1: --Yes, Of Course
2: -- Ehh, It`s Oki
3: -- No, It`s bad
(View Results)

Information
[AIM Me] [Add To Buddy List]
[Sign xXx HTML xXx's Guestbook] [View xXx HTML xXx's Guestbook]

If you IM, you NEED Buddy4u!