|
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:
|
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 |
Indent | |
The [indent] tag allows you to indent your text. | |
Usage | [indent]value[/indent] |
Example Usage | [indent]this text is indented[/indent] |
Example Output |
|
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! |
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 |
|
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:
|
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;715363]Lorem ipsum dolor sit amet[/quote] |
|||
Example Output |
Quote:
John Doe said:
John Doe said: [Goto]
|
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 |
|
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 |
|
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 | |||||
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 |
|
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 |
|
FlipV | ||
Flips text in a vertical angle. | ||
Usage | [flipv]value[/flipv] | |
Example Usage | [flipv]flips the text verticaly[/flipv] | |
Example Output |
|
Glow | ||
It makes the text glow :) | ||
Usage | [glow=Option]value[/glow] | |
Example Usage | [glow=red]this glows[/glow] | |
Example Output |
|
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 |
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 |
|
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 |
|
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 |
|
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 |
|
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 |
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 |