Welcome to the tutorial part of the site! Here you will find guides on creating fonts, as well as different ways of using the symbols listed here. If you are having trouble understanding a step, hover your mouse over (Help?)
at the end. Doing so will make a screenshot appear below the step. Hopefully this clears up any confusion!
How to change your font.
Go to Boards » Preferences. (Help?)
Scroll down to where it says "NeoHTML/Signature". This is where you would input all of your codes. (Help?)
Click the submit button at the bottom of the page. An example of your font in use will appear in the preview box below. (Help?)
The neoHTML codes.
A basic font code will look like this:
[font f=arial c=#000000 s=2] neoHTML [/font]f
is for font face. Any single word font face (such as arial or verdana) can be used.c
is for font color. You can use an actual color name like black, or use a hexadecimal code like #000000.s
is for font size. You can use any size from 1-4.
- [b] [/b] - Creates a bold text.
- [i] [/i] - Creates an italic text.
- [u] [/u] - Creates an underlined text.
- [center] [/center] - Centers your text.
- [br] - Creates one line break.
- [p] - Creates two line breaks.
- [sub] [/sub] - Creates subcript.
- [sup] [/sup] - Creates superscript.
Choosing a font face.
There are thousands of different font faces out there! Surely you can use any of them in your font, right? Wrong.
You can only use single word font faces, such as "arial", in your font. There is also a chance that whoever views your font may not be able to see it as you intended it to be. This is because you need to have the font installed on your computer to be able to view it.
Below is a list of "web-safe" fonts, with a preview of how they look normally, as well as how they look bolded and italicized. These fonts should be installed on most computers.
||Arial, Arial, Arial
||Tahoma, Tahoma, Tahoma
||Verdana, Verdana, Verdana
||Cursive, Cursive, Cursive
||Monospace, Monospace, Monospace
||Palatino, Palatino, Palatino
||Georgia, Georgia, Georgia
||Impact, Impact, Impact
Getting rid of the signature line.
To get rid of the signature line, add [
at the end of the NeoHTML box. Then, add ]
at the beginning of the NeoSignature box. (Help?)
Aligning your font.
Fonts automatically align to the left.
If you want your font to be centered, use [center] [/center]
If you want your font to be aligned to the right, use either Alt + 255 (invisible character) or a white font to push your text to the right.
What does it mean to "eyedrop a color"? This just means that you take the eyedropper tool in a program, and grab the hexadecimal code of a color on an image. Eyedropping is a useful tool for matching your font color with your avatar. The tutorial below explains how to eyedrop in GIMP, but the guide is translateable for other programs.1.
Open up a program with an eyedropper tool that lets
you grab the hexadecimal code. We will be using GIMP for this tutorial.2.
Open your image and select the eyedropper tool. (Help?)
Hover your mouse over the color you want and click. (Help?)
Double click on the Foreground/Background color. You will find the hexadecimal code in the box next to "HTML notation". (Help?)
When assigning a color for your font, make sure you leave a number sign (#) in front of the hexadecimal code. Otherwise, your font will look red (or some other strange color) in different browsers.
Creating picture fonts.
If you hang around the avatar boards long enough, you might come across a person with a font resembling an animal or object. These are called "picture fonts". Below is an example of a picture font I have made for this site:
Picture fonts are usually made with the symbols listed under "Block Elements", but other kinds of symbols can be used as well.
You can't space multiple times using the spacebar, so instead you use Alt + 255
. This creates an invisible character, allowing you to space more than once.
There really isn't much else to it. Start out by creating simple shapes such as a square or triangle, then move onto more complicated shapes like a diamond or heart. It could take a while to get the right shape, but don't give up!
Saving character space.
So you've spent hours designing that perfect font. You're about to add that last
character in when you find out that... oops, you don't have any room!
For those without Neoboard pens especially, the limit on character space can be a very frustrating thing. Fear not! Here are some tips to help you save room.
Let's take this font code:[font f=arial s=2 c=#0000ff] neoHTML [/font]
This code takes up 44 characters. There are several things that can be done with this code to shorten it.
One thing you can do is remove all of the spaces:[fontf=arials=2c=#0000ff]neoHTML[/font]
The code now takes up 39 characters. The second thing you can do is use the name of the color instead of the hexadecimal code. #0000ff = blue. "Blue" is three characters shorter than "#0000ff".[fontf=arials=2c=blue]neoHTML[/font]
The code now takes up 36 characters. Fonts will automatically be a black, size 2 arial font when you do not specify anything. Since we want a blue, size 2 arial font, we can remove "f=arial" and "s=2" from the code.[fontc=blue]neoHTML[/font]
The code now takes up 26 characters. A lot shorter, huh?
Need more help?
Check out the site FAQ
. Also try these guides: