ezcodes Tutorial
Ezcodes are an abbreviated version of HTML developed specifically for use on ezboard. To learn more about ezcodes, click here. Below is a tutorial of available ezcodes.
Key Information
- You must have HTML disabled in the post for ezcodes to work.
- The community must allow ezcodes to use the examples below.
- ezcodes can be used in both posts and Custom Signatures.
- Is there something you'd like to do but can't because of current ezcode limitation? As long as it doesn't pose a security risk we'd be happy to add it. Click here to access our suggested features forum.
ezcode Basics
- How to Make a Link
- How to Make an Image
- How to Make an Active Email Address
- How to Make a Quote Section
- How to Make Bold Text Within
- How to Make Underlined Text
- How to Make Italicized Text
- How to Make Centered Text
- How to Use a Code Tag
- How to insert a horizontal line
- How to insert a line break
- How to use colored fonts
- How to use different font sizes
- How to Use Different Fonts (Font Face)
- How to Use Colored Fonts, Font Size, and Font Face Together
- How to Use Several ezcodes Together
- How to Resize an Image
- How to Use the Alt Attribute With the Image ezcode
- How to Use No Border, Width, Height, and Alt together
- How to Insert Lists
How to Make a Link
[link]www.ezboard.com[/link]
Result: www.ezboard.com
OR...
[link=www.ezboard.com]ezboard Home Page[/link]
Result: ezboard Home Page
You can also add the newwindow parameter if you wish the link to open in a new window
e.g.,
[link=www.ezboard.com newwindow]ezboard Home Page[/link]
topHow to Make an Image
Inserting an image is as easy as the code below. If you are including the [link] tag, you can also use the noborder option to omit the default border.
[image noborder]www.ezboard.com/image/csc_goldcommunity.gif[/image]
Result:
How to Make an Active Email Address
[mail]email@address.com[/mail]
Result: email@address.com
How to Make a Quote Section
[quote]To post, or not to post. That is the question![/quote]
Result:
Quote:
-------------------------------------------------------------
To post, or not to post. That is the question!
-------------------------------------------------------------
How to Make Bold Text
[b]this is bold text[/b]
Result: this is bold text
How to Make Underlined Text
[u]underline[/u]
Result: underlined text
How to Make Italicized Text
[i]this is text in italics[/i]
Result: this is text in italics
How to Make Centered Text
[center]this is text made up of several lines that are centered[/center]
Result:
of several lines
that are centered
How to Use a Code Tag
The code tag preserves formatting and is useful for displaying programming code in the post (instead of the post trying to render the code).
[code]
<html><body>
<h1>header text</h1>
<p>paragraph text</p>
</body></html>
[/code]
Result:
<html><body>
<h1>header text</h1>
<p>paragraph text</p>
</body></html>
How to Insert a Horizontal Line
[hr]
Result:
How to Insert a Line Break
I want to have this line first[br] and this line second
Result:
I want to have this line first
and this line second
How to Use Colored Fonts
[font color=lime]helping. people.connect[/font]
Result:
helping. people.connect
How to Use Different Font Sizes
[font size=7]hello[/font]
Result:
hello
How to Use Different Fonts (Font Face)
ezcodes supports all of the major web-based fonts (Arial, Helvetica, Geneva, Times New Roman, etc.)
[font face=Times New roman size=5]This is Times New Roman font.[/font]
Result:
This is Times New Roman font.
Note – Do not use double quotes when using the font face attribute.
How to Use Colored Fonts, Font Size, and Font Face Together
[font color=green face=Times New roman size=5]Hello[/font]
Result:
Hello
How to Use Several ezcodes Together
You can use several ezcodes together in a manner called "nesting" to make your posts more interesting and useful. Note that nesting must be done in a symmetrical manner. e.g.:
PROPER NESTING: [font color=blue][i][b] nesting in effect[/b][/i][/font]
( INCORRECT NESTING: [font color=blue][i][b]nesting in effect[/font][/i][/b )]
Result:
nesting in effect
How to Resize an Image
You can resize the width and height attributes of an image.
[image width=100 height=100]www.ezboard.com/image/csc_goldcommunity.gif[/image]
Result:
Note – There is a 500 x 500 size limit when using the height/width attributes.
How to Use the Alt Attribute With the Image ezcode
The alt attribute displays a text description when the image is moused over or shows up as broken and provides text for accessibility purposes.
[image alt=This is my picture] www.ezboard.com/image/csc_goldcommunity.gif[/image]
Result:
How to Use No Border, Width, Height, and Alt together
[image noborder width=300 height=300 alt=This is my picture]
www.ezboard.com/image/csc_goldcommunity.gif
[/image]
Result:
How to Insert Lists
ezcodes allow you to insert three types of lists: Unordered (bulleted), numerically ordered, and alphabetically ordered into posts or signatures.
How to Insert an Unordered List
[list][*]Item one[*]Item two[/list]Result:
- item one
- item two
How to Insert a Numerically Ordered List
[list=1][*]Item one[*]Item two[/list]Result:
- item one
- item two
How to Insert an Alphabetically Ordered List
[list=a][*]ctem one[*]Item two[/list]Result:
- item one
- item two