Icy_Snow555 got their homepage at Neopets.com

Coltzan's Shrine
Fruit Machine
Tombola
Deserted Tomb
Healing Springs
Giant Omelette
Wise Old King
Grumpy Old King
Snowager
Lunar Chart
King Altador
(You can only do King Altador if you completed the Altador Plot.)

Feedback
My Lookup
My Mom
My Sis

nasse9412 - 10/10
dragon_mist22 - 9/10
cupotrevor - 9.7/10
nickienicole9 - 10/10
_secretsanta_andelf - 8/10
soup__faerie13 - 9/10
fresh_air_elemental - 7/10
horse_freak2299 - 10/10

If you want to rate my page, NM me with a rating from 1 to 10!

Counter Started: February 1, 2007

Welcome guest! I see you've found my HTML/CSS help page! By some blind chance did you happen to see one of my buttons or links to take you here? I hope so, for I'm trying to advertise my page. :) There is only one rule to follow for using my page.

1: These codes are put here for you to use, maybe help you make your own lookup. You may alter the codes to change color, size, shape, ect. of what you are trying to do. But please, if you use my codes please put one of my buttons on your page to advertise my site. Thanks!

A BIG THANKS TO w8ks8rchick FOR LETTING ME USE SOME OF HER CODES!

Codes are what people use to tell computers what to do. Neopets uses two types of codes, HTML and CSS. While CSS might be a little more complicated than HTML, you can do more things with it. These are just the basics to get you started. If you already know the basics, I suggest you skip these and go on. If not, keep reading.

Want to change your boring shop or lookup into what you've always dreamed it to be? Well, with HTML and CSS you can! I've already laid out the codes here. Just copy and paste the code underneath what you want into your shop or userlookup description, change the COLORHERE, SIZEHERE, ect. into what you want, and bingo there you go! If you need some more help or one of my codes does not work, click the Feedback button on the left and I will get to you as soon as possible!

Bold Text
TEXT

Italic Text
TEXT

Underlined Text
TEXT

Creates a new line

Creates a paragraph

Back to the Top ^

Ok, so you know the basics. Now you want to learn how to change your text? Read on guest!

Change the color of your Text
HTML Version
TEXT
CSS Version
<style>p{color: "COLORHERE";}</style>
To change the color of your text, you must change COLORHERE to a color name. To find a complete list of colors, go here.

Change the size of your Text
HTML Version
TEXT
CSS Version
<style>p{font-size: "NUMBERHERE" px;}</style>
To change the size of your text, change SIZEHERE to a size. You can only make it size 1 through 7.

Verdana Text
HTML Version
TEXT
CSS Version
<style>p{font-family: verdana;}</style>

Courier Text
HTML Version
TEXT
CSS Version
<style>p{font-family: courier;}</style>
For some reason unless the words in the HTML code are bold, the code does not work. Don't change it except for the TEXT part.

Modern Text
HTML Version
TEXT
CSS Version
<style>p{font-family: modern;}</style>

Symbol Text
HTML Version
TEXT
CSS Version
<style>p{font-family: symbol;}</style>

Wingding Text
HTML Version
TEXT
CSS Version
<style>p{font-family: wingdings;}</style>
I don't suggest using these for more than a secret code. I just put them here because the looked fun. :)

Comic Sans Text
HTML Version
TEXT
CSS Version
<style>p{font-family: Comic Sans MS;}</style>

~~Strike out your text!~~
HTML Version
<strike>TEXT</strike>
CSS Version
<style> p {text-decoration: line-through;}</style>

Bigger Text
<big>TEXT</big>

3D Text
TEXT

Shadow Text

<table style="filter:dropshadow(color:"COLORHERE")"><tr><td>TEXT</td></tr></table>

Overlapping
Text

Upside down Text

Glowing Text
TEXT

Fading Text
TEXT

Text with a Background
TEXT
For more glitters, click here.

Back to the Top ^

Changing your font not enough? Add some of your favorite images!

Add an image!

<img src="http://images.neopets.com/neoboards/avatars/waterfaerie.gif">
To change the image, you must change the url. The url is the "http://" thing. To find that url of an image, right-click on the image you want, and click properties. The url of the image will be in the center of the pop-up window. Copy and paste that into the code, and there you go!

Add a border to your image!

<img src="http://images.neopets.com/neoboards/avatars/waterfaerie.gif" style="border-color:#00ccff;border-style:dotted;border-width:5;">

Make your image BIGGER

or SMALLER

<img src="http://images.neopets.com/neoboards/avatars/waterfaerie.gif" height="80" width="80">

Make your image gray!

<img src="http://images.neopets.com/neoboards/avatars/waterfaerie.gif" style="Filter: Gray">

Fade your images!

<img src="http://images.neopets.com/neoboards/avatars/waterfaerie.gif" style="Filter: Alpha(Opacity=100, FinishOpacity=20, Style=2, StartX=50, StartY=60, FinishX=0, FinishY=0)">

Blur your images!

<img src="http://images.neopets.com/neoboards/avatars/waterfaerie.gif" style="Filter: Blur(Add=0, Direction=150, Strength=6)">

Wavy image

<img src="http://images.neopets.com/neoboards/avatars/waterfaerie.gif" style="Filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=5)">

Make your image talk! (Roll over the image :)
I love bubbles!
<IMG src="http://images.neopets.com/neoboards/avatars/waterfaerie.gif" alt="TEXT">
I've heard this only works on Internet Explorer, but since I have IE, I really can't tell.

Back to the Top ^

Want to write something cool that moves? Marquee is your code!

This is a basic marquee. Weeeee!
<marquee>TEXT</marquee>

Add a border to your marquee!
<marquee style="border:"COLORHERE" 2px solid">TEXT</marquee>

Give it a colored background!
<marquee bgcolor="COLORHERE">TEXT</marquee>

Make it bounce!
<marquee behavior="alternate">TEXT</marquee>

You can marquee images too!
<marquee><img src="http://images.neopets.com/neoboards/avatars/waterfaerie.gif"></marquee>

Put it in a box!
<marquee bgcolor="COLORHERE" width="60" style="border:2px dotted #000000">TEXT</marquee>

Make your marquee go a different direction!
<marquee direction="up" width="100" height="100" scrolldelay="1" scrollamount="1" style="text-align=center;">TEXT</marquee>

M
A
K
E

Y
O
U
R

T
E
X
T

G
H
O
S
T
L
Y
!

Floating Ghost Marquee
<MARQUEE DIRECTION="UP" SCROLLDELAY="1" SCROLLAMOUNT="1" WIDTH="100%" STYLE="text-align:justify;filter:wave(add="5", phase="25", freq="5", strength="100");"><center> T E X T </marquee>

4| | |This is a cool marquee... | | |3
 <MARQUEE behavior="alternate" direction="left" scrollAmount="3" width="4%">4</MARQUEE><MARQUEE scrollAmount="1" direction="left" width="2%">| | |</MARQUEE>This is a cool marquee... <MARQUEE scrollAmount="1" direction="right" width="2%">| | |</MARQUEE><MARQUEE behavior="alternate" direction="right" scrollAmount="3" width="4%">3</MARQUEE>

Scrolling Window Marquee
<marquee behavior="alternate"><marquee width="50"><img src='http://images.neopets.com/neoboards/avatars/waterfaerie.gif' width=50 height=50 border=0> <img src='http://images.neopets.com/neoboards/avatars/earth_faerie.gif' width=50 height=50 border=0> <img src='http://images.neopets.com/neoboards/avatars/darkfaerie.gif' width=50 height=50 border=0> <img src='http://images.neopets.com/neoboards/avatars/firefaerie.gif' width=50 height=50 border=0> <img src='http://images.neopets.com/neoboards/avatars/light_faerie.gif' width=50 height=50 border=0> </marquee></marquee>

Let it Snow! (on your page!)
 <marquee direction="down" style="position:absolute;left:20px;color:#4DD6FB;" height="525">T </marquee> <marquee direction="down" style="position:absolute;left:120px;color:#3333FF;" height="525">T</marquee> <marquee direction="down" style="position:absolute;left:220px;color:#33CCFF;" height="525">T </marquee> <marquee direction="down" style="position:absolute;left:320px;color:#66FFFF;" height="525">T </marquee> <marquee direction="down" style="position:absolute;left:420px;color:#0AFDE0;" height="525">T </marquee> <marquee direction="down" style="position:absolute;left:520px;color:#CAE9FF;" height="525">T </marquee> <marquee direction="down" style="position:absolute;left:620px;color:#9BC7FC;" height="525">T </marquee> <marquee direction="down" style="position:absolute;left:720px;color:#06F8F8;" height="525">T </marquee> <marquee direction="down" style="position:absolute;left:820px;color:#ADE8F0;" height="525">T </marquee> <marquee direction="down" style="position:absolute;left:920px;color:#CCCCFF;" height="525">T </marquee> 
Please note this code only works in shops and petpages.
Code by: clubdirthill002

Back to the Top ^

Neopets.com
Create a Neopet
Pet Central
Explore
Games
Neomail
Shops
Boards
News
Stuff
Help
Login
Logout

Haha, it looks like some weird vase. ^

April 22, 2007: Miss the winter snow already? Check out our new code to make it snow, on your page!!

February 14, 2007: I finished the Text and Image sections today! Go and check them out!

February 1, 2007: I finally started working on my help page! Still under construction, but feel welcome to look around!

Kaxian's HTML/CSS Help

If my page helped you in any way, please link back to me. :)

Text only link
<center><a href="http://www.neopets.com/~Icy_Snow555">Pokemon's HTML/CSS Help</a>

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