TwistedPeppermint got their homepage at Neopets.com

Welcome

Welcome to Stephen's HTML help! If this site helped you at all please use my link to link back to me!!

HTML Help!

<br><a href=http://www.neopets.com/~stephensmusic_codes> <img src= http://i131.photobucket.com/albums/p317/stephendali/Stephensgraphicsthingy.gif > </a> <p class=head>HTML Help!</p> <p> <p> <font color=#0000FF> Want a Cool boreder like the one on this page?</font><br> Heres the code Just change where it says black to the color you want!<br><TEXTAREA><style type="text/css">body {border: 10px solid BLACK;}</style>
The Border above is Solid This one has two colors for the horiznal is purple and the veritgal 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 Italic?
<i> Text Here </i>
What about this Underling?
<u> Text Here </u>
Want to Strike out a word ~~Example~~
<strike> Text Here </strike>
Want to make you text really huge?or big?
<big> TEXT here </big>
This is the Rocks!
<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>

Flip Text UPSIDE down

Flip text upside down
<p style="filter:flipv ;font:12pt verdana;color:#000000;width:300px;">TEXT</p>
modern font
<FONT FACE="modern">modern font</FONT>
symbol font
(These are pretty funny.)
<FONT FACE="symbol">symbol font</FONT>
Oh such Pretty colors!
Try it out!!
?
?
<span style="background: url(http://lalaalyssa.com/aly/glitterfills/lalaalyssasglitterfills27.gif)"> <b>Oh such Pretty colors!</b> </span>
Just a Blah Table XD :D :O

oooh yeah woot wooot

Bam! wow!

<table border="3" width="100" height="100"> <tr> <td>hmmmmm</td> <td>lol</td> </tr> <tr> <td>Dubloons</td> <td>Moons</td> </table>
pretty Colorfully 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>
hmmm pretty cool huh?
<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 eles? How About my Graphics page!
<a href="URL HERE"> TEXT here </a>
Want your links to say somthing when you hover over them? like this
Stephen
<a href="LINK URL HERE" target="_blank" title="TEXT HERE">Where it links to here</a>
ooooh 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 sweet
<marquee style="border:BLUE 2px SOLID">TEXT</marquee>
you can 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>
Add a pretty border:)
stephendali5 Loves HTML ♥
<marquee bgcolor="#CCFF00" width="50" style="border:2px dotted #000000">stepehndali5 Loves HTML ♥</marquee>
Marquee a Image!

<marquee> <img src="http://images.neopets.com/template_images/cyodrake_fly.gif"> </marquee>
this is pretty cool!

<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>
Want

To

Make Lines?
<hr width="NUMBER" color="COLOR" size="NUMBER">
(width is width, size is height)
Frist lines to confusing?

want one just like that?
<hr>
Add color to the line

<HR color="#80ff80">
Dashed is kinda cool XD

<HR style="border-color:#0066FF;border-style:dashed 1px;">
Want your background in the corner?

<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>
Take neopets credits of your user lookup or petpage?
<style type=text/css>.sf{display:none;} </style>

Want to remove this anoying add?
Well now you can!
<style>#ban{display:none}</style>
Basic
Text area box
use this code
Chage the " - " to " _ "
<text-area> text here... </text-area>
Want to Change the color of the text?
Chage the " - " to " _ "
Like this?
<text-area style="color:#9900FF"> Text here</text-area>

Make Hearts! ♥ ♥

whant this ©?

want this ® ?

Make bullets for lists and stuff
one

two

three

<li>one</li> <li>two</li> <li>three</li>
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 Usefull code click <a href="http://neopets.com/funimages.phtml?type=Bruce">here</a> for the code!</b><style type="text/css">/*</style>

Lookup By Londdon

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2009.
® 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