Zelaron Gaming Forum  
Stats Arcade Portal Forum FAQ Community Calendar Today's Posts Search
Go Back   Zelaron Gaming Forum > FAQ

BB Code
BB code is a set of tags based on the HTML language that you may already be familiar with. They allow you to add formatting to your messages in the same way as HTML does, but have a simpler syntax and will never break the layout of the pages you are viewing. The ability to use BB code is set on a forum-by-forum basis by the administrator, so you should check the forum rules when you post a new message.

Below is a list of the BB code tags you can use to format your messages.
BB Code List
[b], [i], [u] Bold / Italic / Underline
[color] Color
[size] Size
[font] Font
[highlight] Highlight
[left], [right], [center] Left / Right / Center
[indent] Indent
[email] Email Linking
[url] URL Hyperlinking
[thread] Thread Linking
[post] Post Linking
[list] Bulleted Lists / Advanced Lists
[img] Images
[code] Code
[php] PHP Code
[quote] Quote
[noparse] Stop BB Code Parsing
[attach] Attachment
[alpha] Alpha
[aname] Named anchor link
[autosig] Autosig
[banner] Banner
[blur] Blur
[collapse] Collapsed
[collapse] Collapsed
[discsig] Discsig
[edit] Edit
[edit] Edit
[flash] Flash
[fliph] FlipH
[flipv] FlipV
[glow] Glow
[imgspam] Image spam
[jumpto] Anchor link
[langtonsig] Langtonsig
[latex] Latex
[marquee] Marquee
[sarcastic] Sarcastic
[shadow] Shadow
[spoiler] Spoiler
[strike] Strike out
[tab] Tab
[table] table
[tabset] Tabset
[utube] utube
[wave] Wave
[youtube] YouTube
[youtubehd] YouTube HD
Incorrect BB Code Usage:
  • [url] www.example.com [/url] - don't put spaces between the bracketed code and the text you are applying the code to.
  • [email]myname@domain.com[email] - the end brackets must include a forward slash ([/email])

Bold / Italic / Underline
The [b], [i] and [u] tags allow you to create text that is bold, italic and underlined.
Usage [b]value[/b]
[i]value[/i]
[u]value[/u]
Example Usage [b]this text is bold[/b]
[i]this text is italic[/i]
[u]this text is underlined[/u]
Example Output this text is bold
this text is italic
this text is underlined

Color
The [color] tag allows you to change the color of your text.
Usage [color=Option]value[/color]
Example Usage [color=blue]this text is blue[/color]
Example Output this text is blue

Size
The [size] tag allows you to change the size of your text.
Usage [size=Option]value[/size]
Example Usage [size=+2]this text is two sizes larger than normal[/size]
Example Output this text is two sizes larger than normal

Font
The [font] tag allows you to change the font of your text.
Usage [font=Option]value[/font]
Example Usage [font=courier]this text is in the courier font[/font]
Example Output this text is in the courier font

Highlight
The [highlight] tag allows you to emphasize your text.
Usage [highlight]value[/highlight]
Example Usage [highlight]this text is highlighted[/highlight]
Example Output this text is highlighted

Left / Right / Center
The [left], [right] and [center] tags allow you to change the alignment of your text.
Usage [left]value[/left]
[center]value[/center]
[right]value[/right]
Example Usage [left]this text is left-aligned[/left]
[center]this text is center-aligned[/center]
[right]this text is right-aligned[/right]
Example Output
this text is left-aligned
this text is center-aligned
this text is right-aligned

Indent
The [indent] tag allows you to indent your text.
Usage [indent]value[/indent]
Example Usage [indent]this text is indented[/indent]
Example Output
this text is indented

Email Linking
The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.
Usage [email]value[/email]
[email=Option]value[/email]
Example Usage [email]j.doe@example.com[/email]
[email=j.doe@example.com]Click Here to Email Me[/email]
Example Output j.doe@example.com
Click Here to Email Me

URL Hyperlinking
The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.
Usage [url]value[/url]
[url=Option]value[/url]
Example Usage [url]http://zelaron.com/forum[/url]
[url=http://zelaron.com/forum]Zelaron Gaming Forum[/url]
Example Output http://zelaron.com/forum
Zelaron Gaming Forum

Thread Linking
The [thread] tag allows you to link to threads by specifying the thread id. You can include an optional parameter to 'name' your link.
Usage [thread]threadid[/thread]
[thread=threadid]value[/thread]
Example Usage [thread]42918[/thread]
[thread=42918]Click Me![/thread]
(Note: The threadid/postid is just an example and may not link to a valid thread/post.)
Example Output http://zelaron.com/forum/showthread.php?t=42918
Click Me!

Post Linking
The [post] tag allows you to link to posts by specifying the post id. You can include an optional parameter to 'name' your link.
Usage [post]postid[/post]
[post=postid]value[/post]
Example Usage [post]269302[/post]
[post=269302]Click Me![/post]
(Note: The threadid/postid is just an example and may not link to a valid thread/post.)
Example Output http://zelaron.com/forum/showthread.php?p=269302#post269302
Click Me!

Bulleted Lists
The [list] tag allows you to create simple, bulleted lists without specifying an option. Within the value portion, each bullet is denoted by the [*] tag.
Usage [list]value[/list]
Example Usage [list]
[*]list item 1
[*]list item 2
[/list]
Example Output
  • list item 1
  • list item 2

Advanced Lists
The [list] tag allows you to create advanced lists by specifying an option. The option should have a value of 1 (for a numbered list) or A (for an alphabetic with capital letters list) or a (for an alphabetic with lowercase letters list) or I (for a numbered with capital Roman numeral list) or i (for a numbered with small Roman numeral list).
Usage [list=Option]value[/list]
Example Usage [list=1]
[*]list item 1
[*]list item 2
[/list]

[list=a]
[*]list item 1
[*]list item 2
[/list]
Example Output
  1. list item 1
  2. list item 2
  1. list item 1
  2. list item 2

Images
The [img] tag allows you to embed images within your posts. You can also combine this tag with the [url] tag to make images become links.
Usage [img]value[/img]
Example Usage [img]http://zelaron.com/forum/images/synth/common/forum_new.gif[/img] (Not linked)

[url=http://www.example.com] [img]http://zelaron.com/forum/images/synth/common/forum_new.gif[/img] [/url] (Linked)
Example Output (Not linked)

(Linked)

Code
The [code] tag switches to a fixed-width (monospace) font and preserves all spacing.
Usage [code]value[/code]
Example Usage [code]
<script type="text/javascript">
<!--
    alert("Hello world!");
//-->
</script>
[/code]
Example Output
Code:
<script type="text/javascript">
<!--
	alert("Hello world!");
//-->
</script>

PHP Code
The [php] tag performs the same function as the [code] tag, but also adds syntax highlighting for PHP code. Although it is designed for PHP, it may correctly highlight some other C-like languages.
Usage [php]value[/php]
Example Usage [php]
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
    echo $myvar . "\n";
}
[/php]
Example Output
PHP Code:
$myvar 'Hello World!';
for (
$i 0$i 10$i++)
{
    echo 
$myvar "\n";


Quote
The [quote] tag allows you to attribute text to someone else.
Usage [quote]Quote[/quote]
[quote=User Name]value[/quote]
Example Usage [quote]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;715376]Lorem ipsum dolor sit amet[/quote]
Example Output
Quote:
Lorem ipsum dolor sit amet
John Doe said:
Lorem ipsum dolor sit amet
John Doe said: [Goto]
Lorem ipsum dolor sit amet

Stop BB Code Parsing
The [noparse] tag allows you to stop the parsing of BB code.
Usage [noparse][b]value[/b][/noparse]
Example Usage [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
Example Output [b]Lorem ipsum dolor sit amet[/b]

Attachment
The [attach] tag allows you to display an attachment in your post rather than at the bottom. It will only display attachments that belong to the post in which it is utilized.
Usage [attach]attachmentid[/attach]
Example Usage [attach]12345[/attach]
Example Output

Alpha
Makes the text transparent.
Usage [alpha=Option]value[/alpha]
Example Usage [alpha=50]this is transparent[/alpha]
Example Output
this is transparent

Named anchor link
The [aname] tag is used in conjunction with the [jumpto] tag. One is not functional without the other.
Usage [aname=Option]value[/aname]
Example Usage [aname=aname]This is where you jump to[/aname]
Example Output This is where you jump to

Autosig
No.
Usage [autosig]value[/autosig]
Example Usage [autosig]yes[/autosig]
Example Output

Banner
Shows a banner.
Usage [banner]value[/banner]
Example Usage [banner][/banner]
Example Output

Blur
Creates the impression of text moving at high speed :)
Usage [blur=Option]value[/blur]
Example Usage [blur=blue]This is blurred[/blur]
Example Output
This is blurred

Collapsed
Makes a pre-collapsed section
Usage [collapse]value[/collapse]
Example Usage [collapse]This is hidden[/collapse]
Example Output
Click Here
This is hidden


Collapsed
Adds a pre-collapsed section with a title
Usage [collapse=Option]value[/collapse]
Example Usage [collapse=Spoilers]This is a spoiler[/collapse]
Example Output
Spoilers
This is a spoiler


Discsig
Disc optimizer.
Usage [discsig]value[/discsig]
Example Usage [discsig]wut[/discsig]
Example Output

Edit
Draws a frame around an edited section to draw attention to it.
Usage [edit]value[/edit]
Example Usage [edit]wow[/edit]
Example Output
Edit: 
wow

Edit
Draws a frame around an edited section to draw attention to it.
Usage [edit=Option]value[/edit]
Example Usage [edit="WWU"]We'll have none of that[/edit]
Example Output
Edited by WWU 
We'll have none of that

Flash
Adds a Flash movie.
Usage [flash=Option]value[/flash]
Example Usage [flash="http://www.zelaron.com/gunnar/reply.swf"]width="98" height="22"[/flash]
Example Output

FlipH
Flips text horizontally.
Usage [fliph]value[/fliph]
Example Usage [fliph]this text is flipped[/fliph]
Example Output
this text is flipped

FlipV
Flips text in a vertical angle.
Usage [flipv]value[/flipv]
Example Usage [flipv]flips the text verticaly[/flipv]
Example Output
flips the text verticaly

Glow
It makes the text glow :)
Usage [glow=Option]value[/glow]
Example Usage [glow=red]this glows[/glow]
Example Output
this glows

Image spam
Set the width of contained images to 800px
Usage [imgspam]value[/imgspam]
Example Usage [imgspam][/imgspam]
Example Output

Anchor link
The [jumpto] tag allows you to jump to another location within a post, usually used for long posts with headings and/or sections of interest. This tag must be used in conjunction with the [aname] tag. One is not functional without the other.
Usage [jumpto=Option]value[/jumpto]
Example Usage [jumpto=aname]This takes you to a new location within a post[/jumpto]
Example Output This takes you to a new location within a post

Langtonsig
Yes!
Usage [langtonsig]value[/langtonsig]
Example Usage [langtonsig]yes[/langtonsig]
Example Output

Latex
Generates images with LaTeX math expressions.
Usage [latex]value[/latex]
Example Usage [latex]x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}[/latex]
Example Output

Marquee
Creates a horizontally scrolling display.
Usage [marquee=Option]value[/marquee]
Example Usage [marquee=left]This is scrolling[/marquee]
Example Output This is scrolling

Sarcastic
Shows text as being sarcastic, as you would do in real life.
Usage [sarcastic]value[/sarcastic]
Example Usage [sarcastic]Oh that'll REALLY happen[/sarcastic]
Example Output Oh that'll REALLY happen

Shadow
Gives text a colored shadow (sorta like glow)
Usage [shadow=Option]value[/shadow]
Example Usage [shadow=blue]this text is shadowed[/shadow]
Example Output
this text is shadowed

Spoiler
Makes your "secrets" invisible, so no users can see them without selecting the text.
Usage [spoiler=Option]value[/spoiler]
Example Usage [spoiler=red]This is hidden[/spoiler]
Example Output
This is hidden

Strike out
Strike out a removed span.
Usage [strike]value[/strike]
Example Usage [strike]this is wrong[/strike]
Example Output this is wrong

Tab
Makes a tabbed section. Put tabs inside of a tabset to make them switchable
Usage [tab=Option]value[/tab]
Example Usage [tab=Colors]Red,green,yellow[/tab]
Example Output
 
Colors
Red,green,yellow

table
With this vB code tables can be inserted into the post. Columns are seperated by »|«, every new line is a new row.
Usage [table]value[/table]
Example Usage [table]column 1|column 2|column 3[/table]
Example Output
column 1column 2column 3

Tabset
Groups a set of tabs into a switchable area. Set the option to the height of the display area. Tabsets cannot be nested.
Usage [tabset=Option]value[/tabset]
Example Usage [tabset=400][tab=A]Stuff A[/tab][tab=B]Stuff B[/tab][/tabset]
Example Output
 
A
Stuff A
 
B
Stuff B

utube
Test.
Usage [utube]value[/utube]
Example Usage [utube]http://www.youtube.com/v/7oXx0qwe0wc[/utube]
Example Output

Wave
Text in the wind :)
Usage [wave=Option]value[/wave]
Example Usage [wave=red]this is waved[/wave]
Example Output
this is waved

YouTube
Embed a YouTube video. You only put the video ID in between the BB code tags (NOT the full URL!). Embedding must be enabled for the video!
Usage [youtube]value[/youtube]
Example Usage [youtube]zlfKdbWwruY[/youtube]
Example Output BORKED

YouTube HD
Embed a HD YouTube video. You only put the video ID in between the BB code tags (NOT the full URL!). Embedding must be enabled for the video! If you use this tag, make sure that the video offers the HD option!
Usage [youtubehd]value[/youtubehd]
Example Usage [youtubehd]zlfKdbWwruY[/youtubehd]
Example Output BORKED


All times are GMT -6. The time now is 04:01 AM.
'Synthesis 2' vBulletin 3.x styles and 'x79' derivative
by WetWired the Unbound and Chruser
Copyright ©2002-2008 zelaron.com
Powered by vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
This site is best seen with your eyes open.