How to make a signature for EZ Boards

How to Make an EZ Board Signature

HTML Tutorial

Text

How to: Example:

To put text in HTML format is just like writing down text. You just put it there with nothing around it. Text in Sig Box:
This is text, it is cool... you read it when I post.

What appears in sig:
This is text, it is cool... you read it when I post.

Line Breaks (Hitting 'Enter' Key)

How to: Example:

To make a line break in HTML you use the tag. This causes text to imediately wrap to the next line. Text in Sig Box:
Example of a Line Break
Even though you hit Enter in your HTML, text will not 
break until you use the Line Break Tag.

What appears in sig:
Examle of a Line Break Even though you hit Enter in your HTML, text will not
break until you use the Line Break Tag.

Links

How to: Example:

Links (e.g. - Click here to go to different website) are called anchors in HTML. They use the <A HREF=url of site> Text to be highlighted </A> tag. Text in Sig Box:
<A HREF=http://www.monkly-business.com>Click me to go to Monkly-Business</A>

What appears in sig:
Click me to go to Monkly-Business

NOTE:
There are many things you can include after the HREF=url part of the anchor. The most common for EZ Board users would be the TARGET=_BLANK command. It causes the link to be opened in a new window. So your modified Link Tag would look like this: <a href=http://www.monkly-business.com target=_blank>Click me to go to Monkly-Business in a new window</a> and would equate to:
Click me to go to Monkly-Business in a new window

Images

How to: Example:

To make an image apear in your signature, you must use the following HTML tag: <IMG SRC=url of image>. Text in Sig Box:
<IMG SRC=http://images.slashdot.org/title.gif>

What appears in sig:

Image Commands

How to: Example:

Just like links, images have many commands that can follow normally. Here are some of them:
WIDTH=# - Makes the image a certain width, regardless of its normal width
HEIGHT=# - Makes the image a certain height, regardless of its normal height
ALT="Text here" - Creates text when mouse is held over image
ALIGN=left or right - This command aligns the picture to the left or right. Also causes text to wrap around the picture. (Text must be after the image tag)
Text in Sig Box:
(NOTE: greenbox.jpg is a 30x30 size image)
<img src=http://www.oocities.org/ezboardsigtut/greenbox.jpg width=45 height=45 alt="I'm a green box" align=left> Putting some text here to demonstrate the align=left command... it should be long enough to wrap around the end of the table and wrap by the picture.

What appears in sig:
Putting some text here to demonstrate the align=left command... it should be long enough to wrap around the end of the table and wrap by the picture.
If it were right aligned, it would look like this:
Putting some text here to demonstrate the align=right command... it should be long enough to wrap around the end of the table and wrap by the picture.

Tables

How to: Example:

Click me to learn about tables... I'll write my own later... Text in Sig Box:
<-------You click over there to learn

What appears in sig:
<-------You click over there to learn

Fonts

How to: Example:

The tag can be used for many things. The following are some of the commands:
SIZE=# - Changes the size of the text between the font tags (1 being very small, 10 being very large, etc.)
FACE=font name - Changes the text between the tags to the specified font (font only shows up if user has it installed)
COLOR=% - Changes the color of the text between the tags. Can be a known color (e.g. - yellow, red, blue, green, etc.) or #XXXXXX... XXXXXX is the number in hex that represents the color. Click here to view all the 6 digit colors
Text in Sig Box:
This text is size 4, in arial, and yellow
 
This text is size 3, in courier new, and color light blue

What appears in sig:
This text is size 4, in arial, and yellow
This text is size 3, in courier new, and color light blue

Various Text Manipulators

How to: Example:

These tags can be used to manipulate text:
<CENTER></CENTER> - Centers everything in between the beginning and end tag
 - All text between tags will be Italicized
 - All text between tags will be Bolded
 - All text between tags will be Underlined
<S></S> - All text between tags will be Striked Through
<PRE></PRE> - All text shows up as it is written on the page, spaces, tabs, enters, and all.
Text in Sig Box:
<PRE>
This text is all WOW
over the place
what will it
look like in my sig?
</PRE>
 
<center>This text is centered
 
<s> Centered, Bolded, Underlined, Italicized, and Striked Through... crazyness ^_^</s></center>

What appears in sig:

This text is all WOW over the place what will it look like in my sig?

This text is centered
~~Centered, Bolded, Underlined, Italicized, and Striked Through... crazyness ^_^~~

Now that you know some HTML, let us proceed to to next step:

Click me!

Text
How to:	Example:
To put text in HTML format is just like writing down text. You just put it there with nothing around it.	Text in Sig Box: This is text, it is cool... you read it when I post.
	What appears in sig: This is text, it is cool... you read it when I post.

Line Breaks (Hitting 'Enter' Key)
How to:	Example:
To make a line break in HTML you use the <BR> tag. This causes text to imediately wrap to the next line.	Text in Sig Box: Example of a Line Break Even though you hit Enter in your HTML, text will not <BR> break until you use the Line Break Tag.
	What appears in sig: Examle of a Line Break Even though you hit Enter in your HTML, text will not break until you use the Line Break Tag.

Links
How to:	Example:
Links (e.g. - Click here to go to different website) are called anchors in HTML. They use the <A HREF=url of site> Text to be highlighted </A> tag.	Text in Sig Box: <A HREF=http://www.monkly-business.com>Click me to go to Monkly-Business</A>
	What appears in sig: Click me to go to Monkly-Business
NOTE: There are many things you can include after the HREF=url part of the anchor. The most common for EZ Board users would be the TARGET=_BLANK command. It causes the link to be opened in a new window. So your modified Link Tag would look like this: <a href=http://www.monkly-business.com target=_blank>Click me to go to Monkly-Business in a new window</a> and would equate to: Click me to go to Monkly-Business in a new window

Images
How to:	Example:
To make an image apear in your signature, you must use the following HTML tag: <IMG SRC=url of image>.	Text in Sig Box: <IMG SRC=http://images.slashdot.org/title.gif>
	What appears in sig:

Image Commands
How to:	Example:
Just like links, images have many commands that can follow normally. Here are some of them: WIDTH=# - Makes the image a certain width, regardless of its normal width HEIGHT=# - Makes the image a certain height, regardless of its normal height ALT="Text here" - Creates text when mouse is held over image ALIGN=left or right - This command aligns the picture to the left or right. Also causes text to wrap around the picture. (Text must be after the image tag)	Text in Sig Box: (NOTE: greenbox.jpg is a 30x30 size image) <img src=http://www.oocities.org/ezboardsigtut/greenbox.jpg width=45 height=45 alt="I'm a green box" align=left> Putting some text here to demonstrate the align=left command... it should be long enough to wrap around the end of the table and wrap by the picture.
	What appears in sig: Putting some text here to demonstrate the align=left command... it should be long enough to wrap around the end of the table and wrap by the picture. If it were right aligned, it would look like this: Putting some text here to demonstrate the align=right command... it should be long enough to wrap around the end of the table and wrap by the picture.

Tables
How to:	Example:
Click me to learn about tables... I'll write my own later...	Text in Sig Box: <-------You click over there to learn
	What appears in sig: <-------You click over there to learn

Fonts
How to:	Example:
The <FONT> tag can be used for many things. The following are some of the commands: SIZE=# - Changes the size of the text between the font tags (1 being very small, 10 being very large, etc.) FACE=font name - Changes the text between the tags to the specified font (font only shows up if user has it installed) COLOR=% - Changes the color of the text between the tags. Can be a known color (e.g. - yellow, red, blue, green, etc.) or #XXXXXX... XXXXXX is the number in hex that represents the color. Click here to view all the 6 digit colors	Text in Sig Box: <font size=4 face=arial color=yellow>This text is size 4, in arial, and yellow</font> <BR> <font size=3 face="courier new" color=#00FFFF>This text is size 3, in courier new, and color light blue</font>
	What appears in sig: This text is size 4, in arial, and yellow This text is size 3, in courier new, and color light blue

Various Text Manipulators
How to:	Example:
These tags can be used to manipulate text: <CENTER></CENTER> - Centers everything in between the beginning and end tag <I></I> - All text between tags will be Italicized <B></B> - All text between tags will be Bolded <U></U> - All text between tags will be Underlined <S></S> - All text between tags will be Striked Through <PRE></PRE> - All text shows up as it is written on the page, spaces, tabs, enters, and all.	Text in Sig Box: <PRE> This text is all WOW over the place what will it look like in my sig? </PRE> <BR> <center>This text is centered <BR> <b><u><i><s> Centered, Bolded, Underlined, Italicized, and Striked Through... crazyness ^_^</s></i></u></b></center>
	What appears in sig: This text is all WOW over the place what will it look like in my sig? This text is centered *~~Centered, Bolded, Underlined, Italicized, and Striked Through... crazyness ^_^~~*