Oohtml_babiioO on Xanga

Oohtml_babiioO
read my profile sign my guestbook Message: message me Member Since: 2/6/2005

SubscriptionsSites I Read
Subscribe to Oohtml_babiioO Get trial subscription LaYoUt_BaBii

Blogrings
LaYoUt_BaBii previous - random - next

Posting Calendar

\|<< oldest \| newest >>\|
view all weblog archives

Sunday, February 06, 2005

MOUSEOVERS

3D-Box..
<br /><STYLE type="text/css"></STYLE> <br />
Border..
<br /><style><br />a:hover<br />{border: 1px solid #ANY COLOR YOU WANT IN A HEX CODE;}<br /></style><br /><br />
Cursor Changes..
<br /> <style type=text/css></style><br /><br />
Pulls Up..
<br /> <style type=text/css></STYLE> <br />
Pushes Down..
<br /> <STYLE type="text/css"></STYLE> <br />
Spaced Out Words..
<br /><style type="text/css"></style><br />
Blue Sparkley Stars..
<br /><style type="text/css">a:hover {background:url(http://img.photobucket.com/albums/v377/glittersigns/stars.gif); text-decoration: none;}</style><br />
Blue Sparkley Stars..
<br /><style type="text/css">a:hover {background:url(http://img84.exs.cx/img84/2232/starline1.gif); text-decoration: none;}</style><br />
Bubbles..
<br /><style type="text/css">a:hover {background:url(http://atlas.walagata.com/w/justdream/BubbleHover.gif); text-decoration: none;}</style><br />
Pink Hearts..
<br /><style type="text/css">a:hover {background:url(http://img101.exs.cx/img101/564/hearts5.gif); text-decoration: none;}</style><br />
Purple Hearts..
<br /><style type="text/css">a:hover {background:url(http://members.asianavenue.com/risa-cute-image/purple_heart.gif); text-decoration: none;}</style><br />
Red Sparkly Stars..
<br /><style type="text/css">a:hover {background:url(http://img81.exs.cx/img81/7976/red_spark.gif); text-decoration: none;}</style><br />
Silver Sparkly Stars..
<br /><style type="text/css">a:hover {background:url(http://members.asianavenue.com/risa-cute-image/starglow.gif); text-decoration: none;}</style><br />

Changes Font Color
<font color=COLORHERE>TEXT HERE</font>
Click here for a hex code list with colors
Changes Font Size
<font size=NUMBER>TEXT HERE</font>

Changes Font Face
<font face="FONTNAME">TEXT HERE</font>

Combining It All
<font face="FONT" size=NUMBER color=COLORHERE>TEXT HERE</font>

Extras
<i>italics</i>
<s>~~slashout~~</s>
<b>bold</b>
<u>underline</u>
<sup>^SuperScript</sup>
<sub>_{_subscript}</sub>

Your Basic Marquee<marquee>YOUR TEXT HERE</marquee>

Marquee With Border
<MARQUEE width="100" style="border:2pxdotteddeeppink">writing</MARQUEE>

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

Marquee With Background Color

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

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

Marquee Speed
<marquee scrollamount=NUMBER>TEXT HERE</marquee>

Marquee Width
<marquee width=percent OR number>TEXT HERE</marquee>

When Your Mouse Goes Over the Marquee it Changes Speed
<marquee onMouseover="this.scrollAmount=#" onMouseout="this.scrollAmount=#">TEXT</marquee>

Marquee that Stops
<marquee behavior=slide>TEXT</marquee>

A Normal Graphic
<img src=URL OF GRAPHIC>

Linking Graphic
<a href="URL OF LINK"> <img src="URL OF GRAPHIC"border=0> </a>

Blurred Graphic
<IMG SRC="IMAGE URL" STYLE="filter:Blur(strength=50)">

Black and White Graphic
<img src="address" id="GRAY1" border=0 style="align:center;width:?px;height:?px;filter:Gray">

Graphic blur more to the left
<img src="address" style="filter:Alpha(Style=1)">

Circle around the graphic is blurred
<img src="address" style="filter:Alpha(Style=2)">

Mirror Graphic
<TABLE STYLE="filter:FlipH()"><TR><TD align="center"><IMG SRC="address"></TD></TR></TABLE>

Flipped Graphic
<DIV STYLE="width:100%;filter:FlipV()"><IMG SRC="address"></DIV>

Basic Table
<MARQUEE width="100" style="border:2pxdotteddeeppink">writing</MARQUEE>

Three Layered Border in the Table
<TABLE bgcolor="#ff0033"> <TBODY><TR><TD bgcolor="#ffffff"><TABLE bgcolor="#ff6600"> <TBODY><TR><TD bgcolor="#ffffff"><TABLE bgcolor="#ffff00"><TBODY><TR><TD bgcolor="#ffffff">writing</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

3D Table
<table border cellpadding="3"cellspacing="0"width="150"bgcolor="#?"bordercolor="#ffffff"bordercolordark="#ffffff"bordercolorlight="#000000"><tr><td><table border cellspacing="0"width="100%"bordercolor="#ffffff"bordercolordark="#ffffff"bordercolorlight="#000000"><tr><td bgcolor="#ffffff"><p align="center">writing<BR></td></tr></table></td></tr></table>

Round Blur with Text in the Middle
<table width=130 height=130 style="filter: alpha(opacity=100,finishopacity=0,style=2);"><tr><td align=center bgcolor=deepskyblue>writing</td> </tr></table>

Square Blur with Text in the Middle
<table width=150 height=150 style="filter: alpha(opacity=100,finishopacity=8,style=3);"><tr><td align=center bgcolor=deeppink><PRE>writing</PRE></td></tr></table>

3 Lines on one Side
<TABLE bgcolor="#000000" cellspacing=1 CELLPADDING=3><TBODY><TR> <TD bgcolor="#ff1493"width="2"height="100"></TD><TD bgcolor="#ff69b4"width="2"height="100"></TD><TD bgcolor="#ffaacc"width="2"height="100"></TD><TD bgcolor="#ffffff"height="100"align="center"width="225">writing</TD></TR></TBODY></TABLE>

Fades more to the left
<table width=150 height=150 style="filter: alpha(opacity=100,finishopacity=10,style=1);"><tr><td align=center bgcolor=skyblue><PRE>writing</PRE></td></tr></table>

Table Background Color
<TABLE border="1" bgcolor="000000" bordercolor="skyblue" cellspacing="1" cellpadding="5" width="130"><tr> <TD bgcolor="skyblue" align="center">writing<BR></TD></tr></TABLE>

Double Border Around Table
<TABLE width="208" border="0" style="border:double 4px;border-color:bebebe;"><tr> <TD bgcolor="ffffff" align="center">writing<br></TD></tr></TABLE>

¢ = Alt 0162
¤ = Alt 0164
¥ = Alt 0165
¦ = Alt 0166
§ = Alt 0167
£ = Alt 0163
¨ = Alt 0168
© = Alt 0169
« = Alt 0171
« = Alt 0170
¬ = Alt 0172
® = Alt 0174
¯ = Alt 0175
° = Alt 0176
± = Alt 0177
² = Alt 0178
³ = Alt 0179
´ = Alt 0180
µ = Alt 0181
¶ = Alt 0182
· = Alt 0183
¸ = Alt 0184
¹ = Alt 0185
º = Alt 0186
» = Alt 0187
¼ = Alt 0188
½ = Alt 0189
¾ = Alt 0190
¿ = Alt 0191
À = Alt 0192
Á = Alt 0193
Â = Alt 0194
Ã = Alt 0195
Ä = Alt 0196
Å = Alt 0197
Æ = Alt 0198
Ç = Alt 0199
È = Alt 0200
É = Alt 0201
Ê = Alt 0202
Ë = Alt 0203
Ì = Alt 0204
Í = Alt 0205
Î = Alt 0206
Ï = Alt 0207
Ð = Alt 0208
Ñ = Alt 0209
Ò = Alt 0210
Ó = Alt 0211
Ô = Alt 0212
Õ = Alt 0213
Ö = Alt 0214
× = Alt 0215
Ø = Alt 0216
Ù = Alt 0217
Ú = Alt 0218
Û = Alt 0219
Ü = Alt 0220
Ý = Alt 0221
Þ = Alt 0222
ß = Alt 0223
à = Alt 0224
á = Alt 0225
â = Alt 0226
ã = Alt 0227
ä = Alt 0228
å = Alt 0229
æ = Alt 0230
ç = Alt 0231
è = Alt 0232
é = Alt 0233
ê = Alt 0234
ë = Alt 0235
ì = Alt 0236
í = Alt 0237
î = Alt 0238
ï = Alt 0239
ð = Alt 0240
ñ = Alt 0241
ò = Alt 0242
¡ = Alt 0161
ó = Alt 0243
ô = Alt 0244
õ = Alt 0245
ö = Alt 0246
÷ = Alt 0247
ø = Alt 0248
ù = Alt 0249
ú = Alt 0250
û = Alt 2051
ü = Alt 0252
ý = Alt 0253
þ = Alt 0254
û = Alt 0255

In the code below, change NAME to one of these and hover to see what it looks like.

Remember not everyone's settings looks like yours.
N-Resize
NE-Resize
E-Resize
SE-Resize
S-Resize
SW-Resize
W-Resize
NW-Resize
Move
Wait
CrossHair
Text
Help
Hand

ex:

CODE

Hex Code Color

#FFFFFF

#FFFFCC

#FFFF99

#FFFF66

#FFFF33

#FFFF00

#FFCCFF

#FFCCCC

#FFCC99

#FFCC66

#FFCC33

#FFCC00

#FF99FF

#FF99CC

#FF9999

#FF9966

#FF9933

#FF9900

#FF66FF

#FF66CC

#FF6699

#FF6666

#FF6633

#FF6600

#FF33FF

#FF33CC

#FF3399

#FF3366

#FF3333

#FF3300

#FF00FF

#FF00CC

#FF0099

#FF0066

#FF0033

#FF0000

Hex Code Color

#66FFFF

#66FFCC

#66FF99

#66FF66

#66FF33

#66FF00

#66CCFF

#66CCCC

#66CC99

#66CC66

#66CC33

#66CC00

#6699FF

#6699CC

#669999

#669966

#669933

#669900

#6666FF

#6666CC

#666699

#666666

#666633

#666600

#6633FF

#6633CC

#663399

#663366

#663333

#663300

#6600FF

#6600CC

#660099

#660066

#660033

#660000

Hex Code Color

#CCFFFF

#CCFFCC

#CCFF99

#CCFF66

#CCFF33

#CCFF00

#CCCCFF

#CCCCCC

#CCCC99

#CCCC66

#CCCC33

#CCCC00

#CC99FF

#CC99CC

#CC9999

#CC9966

#CC9933

#CC9900

#CC66FF

#CC66CC

#CC6699

#CC6666

#CC6633

#CC6600

#CC33FF

#CC33CC

#CC3399

#CC3366

#CC3333

#CC3300

#CC00FF

#CC00CC

#CC0099

#CC0066

#CC0033

#CC0000

Hex Code Color

#33FFFF

#33FFCC

#33FF99

#33FF66

#33FF33

#33FF00

#33CCFF

#33CCCC

#33CC99

#33CC66

#33CC33

#33CC00

#3399FF

#3399CC

#339999

#339966

#339933

#339900

#3366FF

#3366CC

#336699

#336666

#336633

#336600

#3333FF

#3333CC

#333399

#333366

#333333

#333300

#3300FF

#3300CC

#330099

#330066

#330033

#330000

Hex Code Color

#99FFFF

#99FFCC

#99FF99

#99FF66

#99FF33

#99FF00

#99CCFF

#99CCCC

#99CC99

#99CC66

#99CC33

#99CC00

#9999FF

#9999CC

#999999

#999966

#999933

#999900

#9966FF

#9966CC

#996699

#996666

#996633

#996600

#9933FF

#9933CC

#993399

#993366

#993333

#993300

#9900FF

#9900CC

#990099

#990066

#990033

#990000

Hex Code Color

#00FFFF

#00FFCC

#00FF99

#00FF66

#00FF33

#00FF00

#00CCFF

#00CCCC

#00CC99

#00CC66

#00CC33

#00CC00

#0099FF

#0099CC

#009999

#009966

#009933

#009900

#0066FF

#0066CC

#006699

#006666

#006633

#006600

#0033FF

#0033CC

#003399

#003366

#003333

#003300

#0000FF

#0000CC

#000099

#000066

#000033

#000000

A Complete Guide to Borders

border: 1px none silver;
No border. This value forces the computed value of 'border-width' to be '0'.

border: 1px hidden silver;
Same as 'none'

border: 1px solid silver;
The border is a single line segment.

border: 2px dotted silver;
The border is a series of dots.

border: 2px dashed silver;
The border is a series of short line segments.

border: 3px double silver;
The border is two solid lines. The sum of the two lines and the space between them equals the value of 'border-width'.

border: 10px ridge silver;
The opposite of 'grove': the border looks as though it were coming out of the canvas.

border: 10px groove silver;
The border looks as though it were carved into the canvas.

border: 10px inset silver;
The border makes the entire box look as though it were embedded in the canvas.

border: 10px outset silver;
The opposite of 'inset': the border makes the entire box look as though it were coming out of the canvas.

Border Around Window

<STYLE TYPE="text/css"> p {align=justify} BODY{cursor: url(http://www.freepgs.com/kti2k/cursors2/cur1.ani);} a {cursor: url(http://www.freepgs.com/kti2k/cursors2/cur1.ani);} </STYLE> <b style=position:absolute;left:107;top:2;ptsize:3pt;></i>Cursor by kti2k</b>

Sparkly Cursors

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

<style>  </style>

2:02 PM - 56 views - 42 eprops - 25 comments - email it