Site hosted by Angelfire.com: Build your free website today!


Neopets Info
Board Specials
HTML
Quick Links

What? You don't play Neopets? Get an account using this link straight away!!!

Behold! My counter!

Thanks for all the hits!

Wanna link back to me?

Neopets Unlimited

OR

Neopets Unlimited

Font Tutorial

Fonts are a great way to have some fun and use your brain on neopets, it is also a great way to start to learn how to use HTML (hypertext markup language or something like that according to those computer geeks I know). HTML is the language of the World Wide Web, and after this short tutorial you can use it too, to make your fonts nice!

There are basic fonts, fonts with a different font face, glow fonts, fonts with a shadow, fonts with a double glow, fonts with a double shadow, and sparkly fonts!

All codes must be opened and closed in HTML [font] is the opening tag for a font. To close any tag you repeat the opening tag with a forward slash before it, [/font] is the closing tag for a font.

The following will produce a plain font like you see here.

[font]neoHTML[/font]

The size of the fonts can be changed by adding a strength to the font code.This is done by adding s=#, this # can be anything from 1-7 depending on how large you want your font to be. The strength can be applied to a font, glow or shadow. The folowing will produce a font of strength 3.

[font s=3]neoHTML[/font]

To bold the font you add the bold tag "[b]"

[font][b]neoHTML[/b][/font]

To make the font have a different font face, choose a font face and place it after the f= to change it. The following will change the font to a size 3, Impact font.

[font f=Impact s=3]neoHTML[/font]

To make a basic font you can simply change the color of your font! This is done by changing the "c" value (this value can be a color name or a hex code- hex codes are more reliable on the web though!) in the font tag. The folowing is the code to change the font to a grey. The one after it will change the font to a dodger blue

[font c=#c0c0c0]neoHTML[/font]

[font c=dodgerblue]neoHTML[/font]

To make a font with a glow, you open and close the glow code on either side of the font tag. The following will make a black font with a red glow.

[glowc=red][font]neoHTML[/font][/glow]

To make a font with a shadow, you open and close the shadow code on either side of the font tag. The following will make a black font with a purple shadow with a strength of 2.

[shadowc=purple s=2][font]neoHTML[/font][/shadow]

To make a font with a glow and a shadow, you open and close the glow and shadow tags on either side of the font tag. The following will make a black font with a silver glow and a grey shadow all of strength 4.

[glowc=c0c0c0s=2][shadowc=696969s=2][font s=2]neoHTML[/font][/shadow][/glow]

To make a font with a double glow, you open the glow tag, then open the shadow tag (this will make this glow shadow the inner one), then close your glow tag, then open and close a glow tag on either side of font tag. The following will (in the future) produce a white text, with a silver inner glow and a black outer glow, all of strength 3.

[glow c=blacks=3][shadow][/glow][glowc=c0c0c0s=3][fontc=whites=3]neoHTML[/font][/glow][/glow]

To make a font with a double shadow, you open and close two shadow tags on wither side of the font tag. The following will (in the future) produce a black font, with a blue shadow, followed by a green shadow all of strength 5.

[shadowc=greens=5][glow][/shadow][shadowc=blues=5][font s=5]neoHTML[/font][/glow][/shadow]

To make a font with a sparkly glow, just add an animated smiley after neoHTML. The following are some of the animated smileys that work on Neopets. I, myself, prefer to use the *cough* smiley. None of my fonts will be shown with a sparkly glow, however if you would like an idea of how they would look if they had one, just try highlighting the text one letter at a time for an approximation. It has also been brought to my attention that clap produces the best sparkle... I have seen no difference in the sparkle myself, the strength of the sparkle depends on the color and size of your glow. Sparkly fonts are much better when they are double glow, that a glow and a shadow. I also prefer to use *cough* since it is teh least distracting (annoying) or the smilies and I also put it in place of my siggy line when my font is applied to my whole post.

*violin*

*clap*

*cough*

*yawn*

*lol*


How to Get Your Font on Your Entire Post!

To get your font to work on your whole post, including your siggy and the siggy line you have to center your message, and move the closing tags to the end of your siggy. In simple terms to make your entire post have a purple shadow you would do the following. This method also works if your font code is too long to fit inside the NeoHTML of your chat preferences.

Put the following code in the text box of your chat preferences.

[center][shadowc=purple s=2][font]neoHTML

Then, pur the following at the end of your siggy.

insert siggy here...[/font][/shadow][/center]


How To Get Rid of Your Siggy Line!

To get rid of the siggy line put

  • [ at the end of your neoHTML code
  • and ] [br] at the beginning of your siggy line.

The brackets won't show up when you post

f you want a space between your siggy and your neoHTML, put this in the beginning of your siggy line instead

  • ] [br] [br]

If you want you siggy line to still be there, but you wan to use something else, like ~,*____*,~, put it in instead of the instead of the &nbsp.


How To Get Your NeoHTML and Your Siggy to Invert Themselves!

This means that your siggy and siggy line will be above your neohtml, it will also allow you to have two siggies if you want or need them.

This is the code for an inverted siggy:

  • insert your siggy text here [br]-------------------------[br]neoHTML

To have your font in it as well, put the following in as your NeoHTML(just remember you have to actually have font values in place to do this, I left them out so that it was not to crowded and was easier for you to see what I meant):

  • [center][glow][shadow][font][b]Howdie!![br]-------------------------[br]neoHTML [

Then put the the following into your neoSignature.

  • ] [br][/b][/font][/shadow][/glow][/center]

How To Use a Font Border!

On my website I have many font borders for you to chose from if you like them. But so there is no confusion as to how to use them, here is a brief lesson.

To have a plain font with a font border copy the code for the border of your choice, and paste it into your neohtml. Here is an example.

[center]╔₪════╗[br]neohtml[br]╚════₪╝[/center]

╔₪════╗
neohtml
╚════₪╝

To have a font border with your font applied to it, paste your border into your neohtml, and then place the opening font codes before the border and your closing font codes after your border, like the following. This will work with all fonts, but not with all font faces, your best bet would be arial if chosing a font face.

[center][font c=#c0c0c0]╔₪════╗[br]neohtml[br]╚════₪╝[/font][/center]

╔₪════╗
neohtml
╚════₪╝

Color Chart

Please note:
"Aqua" and "Cyan" produce the same color: 00FFFF
"Fuchsia" and "Magenta" produce the same color: FF00FF

Aliceblue
F0F8FF
Antiquewhite
FAEBD7
Aqua
00FFFF
Aquamarine
7FFFD4
Azure
F0FFFF
Beige
F5F5DC
Bisque
FFE4C4
Black
000000
Blanchedalmond
FFEBCD
Blue
0000FF
Blueviolet
8A2BE2
Brown
A52A2A
Burlywood
DEB887
Cadetblue
5F9EA0
Chartreuse
7FFF00
Chocolate
D2691E
Coral
FF7F50
Cornflowerblue
6495ED
Cornsilk
FFF8DC
Crimson
DC143C
Cyan
00FFFF
Darkblue
00008B
Darkcyan
008B8B
Darkgoldenrod
B8860B
Darkgray
A9A9A9
Darkgreen
006400
Darkkhaki
BDB76B
Darkmagenta
8B008B
Darkolivegreen
556B2F
Darkorange
FF8C00
Darkorchid
9932CC
Darkred
8B0000
Darksalmon
E9967A
Darkseagreen
8FBC8F
Darkslateblue
483D8B
Darkslategray
2F4F4F
Darkturquoise
00CED1
Darkviolet
9400D3
deeppink
FF1493
Deepskyblue
00BFFF
Dimgray
696969
Dodgerblue
1E90FF
Firebrick
B22222
Floralwhite
FFFAF0
Forestgreen
228B22
Fuchsia
FF00FF
Gainsboro
DCDCDC
Ghostwhite
F8F8FF
Gold
FFD700
Goldenrod
DAA520
Gray
808080
Green
008000
Greenyellow
ADFF2F
Honeydew
F0FFF0
Hotpink
FF69B4
Indianred
CD5C5C
Indigo
4B0082
Ivory
FFFFF0
Khaki
F0E68C
Lavender
E6E6FA
Lavenderblush
FFF0F5
Lawngreen
7CFC00
Lemonchiffon
FFFACD
Lightblue
ADD8E6
Lightcoral
F08080
Lightcyan
E0FFFF
Lightgoldenrodyellow
FAFAD2
Lightgreen
90EE90
Lightgrey
D3D3D3
Lightpink
FFB6C1
Lightsalmon
FFA07A
Lightseagreen
20B2AA
Lightskyblue
87CEFA
Lightslategray
778899
Lightsteelblue
B0C4DE
Lightyellow
FFFFE0
Lime
00FF00
Limegreen
32CD32
Linen
FAF0E6
Magenta
FF00FF
Maroon
800000
Mediumauqamarine
66CDAA
Mediumblue
0000CD
Mediumorchid
BA55D3
Mediumpurple
9370D8
Mediumseagreen
3CB371
Mediumslateblue
7B68EE
Mediumspringgreen
00FA9A
Mediumturquoise
48D1CC
Mediumvioletred
C71585
Midnightblue
191970
Mintcream
F5FFFA
Mistyrose
FFE4E1
Moccasin
FFE4B5
Navajowhite
FFDEAD
Navy
000080
Oldlace
FDF5E6
Olive
808000
Olivedrab
688E23
Orange
FFA500
Orangered
FF4500
Orchid
DA70D6
Palegoldenrod
EEE8AA
Palegreen
98FB98
Paleturquoise
AFEEEE
Palevioletred
D87093
Papayawhip
FFEFD5
Peachpuff
FFDAB9
Peru
CD853F
Pink
FFC0CB
Plum
DDA0DD
Powderblue
B0E0E6
Purple
800080
Red
FF0000
Rosybrown
BC8F8F
Royalblue
4169E1
Saddlebrown
8B4513
Salmon
FA8072
Sandybrown
F4A460
Seagreen
2E8B57
Seashell
FFF5EE
Sienna
A0522D
Silver
C0C0C0
Skyblue
87CEEB
Slateblue
6A5ACD
Slategray
708090
Snow
FFFAFA
Springgreen
00FF7F
Steelblue
4682B4
Tan
D2B48C
Teal
008080
Thistle
D8BFD8
Tomato
FF6347
Turquoise
40E0D0
Violet
EE82EE
Wheat
F5DEB3
White
FFFFFF
Whitesmoke
F5F5F5
Yellow
FFFF00
YellowGreen
9ACD32

(c) 2004 Neopets, Inc. All Rights Reserved. Used With Permission

I am not, do not know, or have any affiliations with any member of the neopets team or anyone who does have one of the above qualities. So, please show me some respect if I am a little slow on things or have false information.