Red13_K9 got their homepage at Neopets.com

STOP NO STEALING I WILL CATCH YOU

Backgrounds
Links
Marquees
Textareas
Color Chart
Link me?
--Stealers--
s__jady__s
linda095
TwistedPeppermint
giuliana_dellacosta
Sir_meow_alot
_shoyru_123_
dragonselo

My Affiliates â�¥

Also if you dont play neopets start by clicking the button!

kara's Graphics!!
Kojiou's Goal Counters

Html Help by w8ks8rchick

Want a Cool border like the one on this page?
Here's the code Just change where it says black to the color you want!
<style type="text/css">body {border: 10px solid BLACK;}</style>

The Border above is Solid This one has two colors for the horizontal is purple and the vertical is orange
<BODY style="border-left:#FFB763 5pt solid; border-right:#FFB763 5pt solid; border-bottom:#BD0BFF 5pt solid; border-top: #BD0BFF 5pt solid;">

Want to make your Text Bold?
<b> Text Here </b>

What about this?
<i> Text Here </i>

What about this Underling hehe?
<u> Text Here </u>

Want to Strike out a word ~~Example~~
<strike> Text Here </strike>

You know you want to Change the Text Color!
<font color=FF00CC>text here</font>
(Don't want this color? Just change the Number in the code above use the Color Chart)

want to place the text where ever you want on a page?
DIVE CODE :)
However please do NOT neomail me asking how it works.
<div style="position: absolute; top: 20; left: 10; "> <div class="sense" style="HEIGHT: 300px; OVERFLOW: auto; WIDTH:170px"> text.links.images here </div></div>

Want to make you text big?
<big> TEXT here </big>

This is the Bomb!
<span style="width:80;height:70;font-size:34px;font-family:verdana;color:#000000;font-weight:bold;filter:mask(color=#000000) shadow(color=#FF0080, direction=135) chroma(color=#000000)"> YOUR TEXT HERE </span>

WOW This Code is AWESOME!
Click here To see the Moving Cyan Lines!
<marquee style="position:absolute; width:100px; height:700px; top:0px; left:0px; z-index:1;" direction="right" behavior="alternate" scrolldelay="0" scrollamount="15"><table border="0" cellspacing="0" cellpadding="0" class="dLinev1"><tr><td width="1" height="2000" border="0" cellspacing="0" cellpadding="0"></td></tr></table></marquee><marquee style="position:absolute; width:100px; height:700px; top:0px; left:0px; z-index:1;" direction="right" behavior="alternate" scrolldelay="0" scrollamount="17"><table border="0" cellspacing="0" cellpadding="0" class="dLinev2"><tr><td width="1" height="2000" border="0" cellspacing="0" cellpadding="0"></td></tr></table></marquee><marquee style="position:absolute; width:1000px; height:200px; top:0px; left:0px; z-index:1;" direction="down" behavior="alternate" scrolldelay="0" scrollamount="15"><table border="0" cellspacing="0" cellpadding="0" class="dLineh1"><tr><td width="960" height="1" border="0" cellspacing="0" cellpadding="0"></td></tr></table></marquee><marquee style="position:absolute; width:1000px; height:200px; top:0px; left:0px; z-index:1;" direction="down" behavior="alternate" scrolldelay="0" scrollamount="17"><table border="0" cellspacing="0" cellpadding="0" class="dLineh2"><tr><td width="960" height="1" border="0" cellspacing="0" cellpadding="0"></td></tr></table></marquee> <style type="text/css">marquee table {padding:0px !important; border-width:0px !important;} .dLinev1 {width:1px !important; height:4500px !important;} .dLinev1 td {padding:0px !important; background-color:00FFFF !important; } .dLinev2 {width:1px !important; height:4500px !important;} .dLinev2 td {padding:0px !important; background-color:00FFFF !important; } .dLineh1 {width:1000px !important; height:1px !important;} .dLineh1 td {padding:0px !important; background-color:FF1493!important; } .dLineh2 {width:1000px !important; height:1px !important;} .dLineh2 td {padding:0px !important; background-color:00FFFF!important; } a {position:relative; z-index:3;} a.htmatemovinglines{position:absolute; left:0; top:10; ; height:41px; width:98px;} </style>
(This is a Long Code!)

P
R
E
T
T
Y

C
O
O
L

R
I
G
H
T
?

<MARQUEE DIRECTION="UP" SCROLLDELAY="1" SCROLLAMOUNT="1" WIDTH="100%" STYLE="text-align:justify;filter:wave(add="5", phase="10", freq="5", strength="100");"><center><font color="#FF66FF" size="2"><br>Y<br>O<br>U<br>R<br><br>T<br>E<br>X<br>T<br><br>G<br>O<br>E<br>S<br><br>H<br>E<br>R<br>E</marquee>

4| | |SPIFFY | | |3
<font color="#FF66FF"> <MARQUEE behavior="alternate" direction="left" scrollAmount="3" width="4%"><font face="Webdings">4</font></MARQUEE><MARQUEE scrollAmount="1" direction="left" width="2%">| | |</MARQUEE></font><font color="#33CCFF">SPIFFY</font> <font color="#FF66FF"> <MARQUEE scrollAmount="1" direction="right" width="2%">| | |</MARQUEE><MARQUEE behavior="alternate" direction="right" scrollAmount="3" width="4%"><font face="Webdings">3</font></MARQUEE></font>

hmmm this is Interesting

<table style="filter:dropshadow(color:#FF0000)"><tr><td><font face="comic sans ms"size="2"><font color=#FF33FF>Text and/or images here</font></td></tr></table>

courier font
<FONT FACE="courier">courier font</FONT>

Overlapping
your Text

Flip Text UPSIDE down

Flip text upside down

modern font
<FONT FACE="modern">modern font</FONT>

symbol font
(These are pretty silly.)
<FONT FACE="symbol">symbol font</FONT>

Oh Pretty colors!
For more glitter backgrounds click here
<span style="background: url(http://img.photobucket.com/albums/v226/w8ks8rchick/block10.gif)"> <b>Oh Pretty colors!</b> </span>

BAM
<font size="7" color="yellow"> <strong> <marquee scrollamount="400" scrolldelay="400"> BLINK </marquee> </strong> </font>

Boring Table XD

hmmmmm lol

Dubloons Moons

<table border="3" width="100" height="100"> <tr> <td>hmmmmm</td> <td>lol</td> </tr> <tr> <td>Dubloons</td> <td>Moons</td> </table>

Colorful Table!

Pink Orange

lime Yellow

<table border="3"> <tr> <td bgcolor="#FF00CC">Pink</td> <td bgcolor="#FF66FF">Orange</td> </tr> <tr> <td bgcolor="#33FF00">lime</td> <td bgcolor="#FFFF00">Yellow</td> </table>

Add a background to the table

Name User

Stacie w8ks8rchick

<TABLE CELLPADDING=8 CELLSPACING=1 BACKGROUND="http://img.photobucket.com/albums/v226/w8ks8rchick/blueyep.gif"> <TR> <TD>Name</TD> <TD>User</TD> </TR> <TR> <TD>Stacie</TD> <TD>w8ks8rchick</TD> </TR> </TABLE>

Border with background??

Name User

Stacie w8ks8rchick

<TABLE CELLPADDING=8 CELLSPACING=1 BORDER=BLACK BACKGROUND="http://img.photobucket.com/albums/v226/w8ks8rchick/pinkyep.gif"> <TR> <TD>Name</TD> <TD>User</TD> </TR> <TR> <TD>Stacie</TD> <TD>w8ks8rchick</TD> </TR> </TABLE>

make your textGlow!!
<font style="font-size:24px;letter-spacing:normal;font-style:normal;font-family:verdana;color:#ffffff;filter:Glow(color=#00FF33 ,strength=6);height:36px;">Glow!!</font>

hmmm Kind of neat?
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #33FFCC; filter: alpha(opacity=100, finishopacity=0, style=1, startX=0, startY=0, finishX=200, finishY=0)"> your text here</span>

wingdings font
(As are these.)
<FONT FACE="wingdings">wingdings font</FONT>

â�¥ Comic Sans :]
<font face="Comic Sans MS"> Text Here</font>

Font Sizes! â�¥ â�¥â�¥â�¥â�¥â�¥â�¥ â�¥
<FONT SIZE="4"> Text Here</FONT>

Want to link to some where else? Stacie?
<a href="URL HERE"> TEXT here </a>

More advanced linking? like make it pop up? like this?
<a href="URL HERE" target="new"> TEXT HERE </a>

Change the link font
<font style="font-size:18px;letter-spacing:normal;font-style:italic; font-weight:bold;font-family:verdana;color:#FFFFFF;filter:Glow(color=#8B008B,strength=4);height:22px;"><a href="URL" target="blank">NAME OF LINK</a></font>

Want your links to say something when you hover over them? like this
w8ks8rchick
<a href="LINK URL HERE" target="_blank" title="TEXT HERE">Where it links to here</a>

Anchor on your page like thisBackgrounds will take you straight to my backgrounds here
<a href="#b">Backgrounds</A> Then you put <A NAME="b">
That where you want it to link too

Want it to Sparkle when you hover over a link?

For more Glitters click Here
<style> a:hover, a:hover img{color: #??????; background: url(http://img.photobucket.com/albums/v226/w8ks8rchick/NGMulticolor1.gif); filter:alpha(finishopacity=0, style=2);} </style>

The Basic
Marquee
<marquee>TEXT HERE</marquee>

This is cool
<marquee style="border:BLUE 2px SOLID">TEXT</marquee>

Want to Add a Background Color
To your Marquee?
<marquee bgcolor=aqua>TEXT HERE</marquee>

Makes it go back and forth
<marquee behavior="alternate">Then your text</marquee>

Marquees to the Right! Enjoy ;)
Marquee to the Right?
<MARQUEE WIDTH=100% BEHAVIOR=SCROLL DIRECTION=RIGHT>Marquee to the Right?</MARQUEE>

Add a border :)
w8ks8rchick Loves HTML â�¥
<marquee bgcolor="#CCFF00" width="50" style="border:2px dotted #000000">w8ks8rchick Loves HTML â�¥</marquee>

Marquee a Image!

<marquee> <img src="http://images.neopets.com/template_images/cyodrake_fly.gif"> </marquee>

Hmmm this is intresting

<marquee behavior="alternate"><marquee width="50"><img src='http://images.neopets.com/items/plushie_ruki_green.gif' width=80 height=80 border=0> <img src='http://images.neopets.com/items/plushie_ruki_yellow.gif' width=80 height=80 border=0> <img src='http://images.neopets.com/items/plushie_ruki_blue.gif' width=80 height=80 border=0> <img src='http://images.neopets.com/items/plushie_ruki_red.gif' width=80 height=80 border=0> </marquee></marquee>

Marquee Floatin Up â�¥

Make what ever you want to say float towards the top of the screen!

We

This

is

Fun

â�¥

Believe in
Magic
?
<marquee behavior="alternate"><marquee width="150">TEXT</marquee></marquee>

The boucning ball you can use text instead also
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate"><center> <img src="http://www.shopoklahoma.com/gold1.gif"></marquee></marquee>

Want

Make Lines?

(width is width, size is height)

First lines to confusing?

want one just like that?

Add color to the line

Dashed is kinda cool XD

Want your background in the corner like this one?

<style type="text/css"> body{background:#ffffff url(http://img.photobucket.com/albums/v226/w8ks8rchick/29183.gif) no-repeat right bottom fixed} </style>

Regular Background Code!
<body background="YOUR URL HERE">

Scroll Bar
(change the colors by using the chart below)

<STYLE type="text/css"> BODY {scrollbar-3dlight-color:#00FF00; scrollbar-arrow-color:#8A2BE2; scrollbar-base-color:#FF00FF; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#FF00FF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#00FF00; scrollbar-shadow-color:#8A2BE2} </STYLE>

Make this little guy the bullet in your guild like so?

<style type="text/css"> ul,li{;list-style-image: url(http://img.photobucket.com/albums/v226/w8ks8rchick/120343925d0620d94.gif)} </STYLE>

Falling cyan Hearts
â�¥â�¥â�¥
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120; top:50; width:11; height:450; z-index:645"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170; top:70; width:18; height:300; z-index:645"><font color="cyan"><font size="2">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220; top:90; width:18; height:250; z-index:645"><font color="cyan"><font size="2">â�¥</font></marquee> </font></font><marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120; top:50; width:11; height:450; z-index:645"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170; top:70; width:18; height:300; z-index:645"><font color="cyan"><font size="2">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220; top:90; width:18; height:250; z-index:645"><font color="cyan"><font size="2">â�¥</font></marquee> </font></font><marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:520; top:50; width:11; height:450; z-index:645"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:770; top:70; width:18; height:300; z-index:645"><font color="cyan"><font size="2">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:520; top:90; width:18; height:250; z-index:645"><font color="cyan"><font size="2">â�¥</font></marquee> </font></font>

Falling Pink Hearts
â�¥â�¥â�¥
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120; top:50; width:114; height:450; z-index:645"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170; top:70; width:14; height:300; z-index:645"><font color="FF33FF">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220; top:90; width:14; height:250; z-index:645"><font color="FF33FF">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:720; top:30; width:14; height:370; z-index:645"><font color="FF33FF">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:320; top:30; width:14; height:340; z-index:645"><font color="FF33FF">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:440; top:30; width:14; height:70; z-index:645"><font color="FF33FF">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:340; top:30; width:14; height:50; z-index:645"><font color="FF33FF">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:290; top:30; width:14; height:60; z-index:645"><font color="FF33FF">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:700;top:130; width:14;height:80; z-index:645"><font color="FF33FF">â�¥</font></marquee>

Falling Purple Hearts
â�¥â�¥â�¥
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:120; top:50; width:15; height:450; z-index:645"></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:170; top:70; width:15; height:300; z-index:645"><font color="6600CC">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute;left:220; top:90; width:15; height:250; z-index:645"><font color="6600CC">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:270; top:30; width:15; height:370; z-index:645"><font color="6600CC">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:320; top:30; width:15; height:340; z-index:645"><font color="6600CC">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:240; top:30; width:15; height:70; z-index:645"><font color="6600CC">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:140; top:30; width:15; height:50; z-index:645"><font color="6600CC">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:290; top:30; width:15; height:60; z-index:645"><font color="6600CC">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:500;top:130; width:8;height:80; z-index:645"><font color="6600CC">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:360; top:30; width:15; height:330; z-index:645"><font color="6600CC">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:790; top:50;width:15; height:400; z-index:645"><font color="6600CC">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:740; top:70; width:8; height:300; z-index:645"><font color="6600CC">â�¥</font></marquee> <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:870;top:100; width:15; height:300; z-index:645"><font color="6600CC">â�¥</font></marquee>
Want to remove the annoying ad on top of the page
Well now you can!
<style>#ban{display:none}</style>

Remove Neopets Sidebar
(Must keep some form of navigation or you could be Iced)
<style> #n{display: none;} table, td {background: transparent;} img {filter:alpha(opacity=0);} p img {filter:none alpha(opacity=100) chroma(color=white);} </style>

Basic
Text area box
use this code
Change the " - " to " _ "
<text-area> text here... </text-area>

Want to Change the color of the text?
Change the " - " to " _ "
Like this?
<text-area style="color:#9900FF"> Text here</text-area>

Change the Size of your Textarea

Testing 123 abc that's how easy this can be!
<text-area rows="12" cols="74" name="Code"> type stuff here </text-area>

Make Hearts! â�¥ â�¥

want this Â©?

want this Â® ?

Make bullets for lists and stuff

Make a regular size image even bigger or smaller
<img src="http://images.neopets.com/items/boo_almost_gummy.gif" height="100" width="150">

Make your image Grey!
=
<img src="http://images.neopets.com/items/gelert_plush_blue.gif" style="Filter: Gray">

Make your image blur?
=
<img src="http://images.neopets.com/items/gelert_plush_blue.gif" style="Filter: Blur(Add=0, Direction=225, Strength=10)">

Make your image Wave!?
=
<img src="http://images.neopets.com/items/gelert_plush_blue.gif" style="Filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10)">

this is neat
=
<img src="http://images.neopets.com/items/gelert_plush_blue.gif" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)">

Hmmm Border?

before

After

<img src="http://images.neopets.com/items/plush_kyrii_faerie.gif" style="border-color:#9900FF;border-style:dashed;border-width:5;">

before

After

<img src="http://images.neopets.com/items/plush_kyrii_faerie.gif" style="border-color:#9900FF;border-style:dotted;border-width:5;">

Mouse over Image ^_^ (It talks lol..)

<IMG src="YOURurlHERE.gif" alt="TEXT HERE!">

Want to put the blinkie on your user lookup instead of your user name?

Name:
First you need to put
<u>.</u>
Instead of your name

Next you copy this code into your Description box
<a href="http://www.neopets.com/~alpha_male731"><style> u{background:url(http://i60.photobucket.com/albums/h21/dropkickmurphys33/MOO.gif) no-repeat; height:80; width:105; text-decoration:none; background-position:center bottom; font-size:0px;} </style></a>

Okay for this code you need to put it at the very top of your petpage. (you can also change the colors!)
</head> <body marginwidth=0 marginheight=0 topmargin=0 leftmargin=0> <table width="100%" border="0" cellspacing="0" cellpadding="0" vspace="0" hspace="0" bgcolor="dddd77"> </td></tr></table> <b style=position:absolute;left:2;top:1;font-family:verdana;font-size:7pt;>This is a Useful code click <a href="http://neopets.com/funimages.phtml?type=Bruce">here</a> for the code!</b><style type="text/css">/*</style>

Color Codes
You can copy the 6 digital hexidecimal codes, and paste them into any desired "color" box.

000000

000033

000066

000099

0000CC

0000FF

003300

003333

003366

003399

0033CC

0033FF

006600

006633

006666

006699

0066CC

0066FF

009900

009933

009966

009999

0099CC

0099FF

00CC00

00CC33

00CC66

00CC99

00CCCC

00CCFF

00FF00

00FF33

00FF66

00FF99

00FFCC

00FFFF

330000

330033

330066

330099

3300CC

3300FF

333300

333333

333366

333399

3333CC

3333FF

336600

336633

336666

336699

3366CC

3366FF

339900

339933

339966

339999

3399CC

3399FF

33CC00

33CC33

33CC66

33CC99

33CCCC

33CCFF

33FF00

33FF33

33FF66

33FF99

33FFCC

33FFFF

660000

660033

660066

660099

6600CC

6600FF

663300

663333

663366

663399

6633CC

6633FF

666600

666633

666666

666699

6666CC

6666FF

669900

669933

669966

669999

6699CC

6699FF

66CC00

66CC33

66CC66

66CC99

66CCCC

66CCFF

66FF00

66FF33

66FF66

66FF99

66FFCC

66FFFF

990000

990033

990066

990099

9900CC

9900FF

993300

993333

993366

993399

9933CC

9933FF

996600

996633

996666

996699

9966CC

9966FF

999900

999933

999966

999999

9999CC

9999FF

99CC00

99CC33

99CC66

99CC99

99CCCC

99CCFF

99FF00

99FF33

99FF66

99FF99

99FFCC

99FFFF

CC0000

CC0033

CC0066

CC0099

CC00CC

CC00FF

CC3300

CC3333

CC3366

CC3399

CC33CC

CC33FF

CC6600

CC6633

CC6666

CC6699

CC66CC

CC66FF

CC9900

CC9933

CC9966

CC9999

CC99CC

CC99FF

CCCC00

CCCC33

CCCC66

CCCC99

CCCCCC

CCCCFF

CCFF00

CCFF33

CCFF66

CCFF99

CCFFCC

CCFFFF

FF0000

FF0033

FF0066

FF0099

FF00CC

FF00FF

FF3300

FF3333

FF3366

FF3399

FF33CC

FF33FF

FF6600

FF6633

FF6666

FF6699

FF66CC

FF66FF

FF9900

FF9933

FF9966

FF9999

FF99CC

FF99FF

FFCC00

FFCC33

FFCC66

FFCC99

FFCCCC

FFCCFF

FFFF00

FFFF33

FFFF66

FFFF99

FFFFCC

FFFFFF

Want to link me?

<a href="http://www.neopets.com/~Red13_K9"><img src="http://img.photobucket.com/albums/v226/w8ks8rchick/html.gif" border="0"></a>

<a href="http://www.neopets.com/~Red13_K9"><img src="http://img.photobucket.com/albums/v226/w8ks8rchick/helphtml.gif" border="0"></a>
This was made for a very close friend of mine. who is currently in Iraq If you would like to show you care feel free to post this anywhere (link free)

<img src="http://img.photobucket.com/albums/v226/w8ks8rchick/troop.gif">

Thank you everyone for the awards and neomails!!

Something Has Happened!

Award by Erin47367! W8ks8rchick gets an award for having the best HTML help guide around! Congrats! here to find out.

Image and video hosting by TinyPic
Given out by Come_inuyasha

Thanks kitty_cat_sami

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2010.
® denotes Reg. US Pat. & TM Office. All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions