BB Code

Explanation

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

  1. Bold / Italic / Underline
  2. Color
  3. Size
  4. Font
  5. Highlight
  6. Left / Right / Center
  7. Indent
  8. Email Linking
  9. URL Hyperlinking
  10. Thread Linking
  11. Post Linking
  12. Bulleted Lists / Advanced Lists
  13. Images
  14. Videos
  15. Code
  16. Código PHP
  17. HTML Code
  18. Quote
  19. Stop BB Code Parsing
  20. Attachment
  21. Amazon
  22. Amazon w/ ASIN
  23. backgroundselect
  24. Background Color
  25. Center
  26. FAQ
  27. Float Left
  28. Float Right
  29. glow
  30. header
  31. Header with Extras
  32. Hide
  33. Hide with tag
  34. imgsize
  35. Image Spoiler
  36. Image Spoiler with Tag
  37. Mention
  38. new
  39. VigLink NoParse
  40. Preformatted
  41. Preformatted Text
  42. Roll Dice
  43. Roll Dice
  44. Spoiler
  45. Spoiler tag
  46. sql
  47. Strikethrough
  48. table
  49. Tweet
  50. Anchor Name
  51. URL Tag
  52. Wikipedia
  53. Wikipedia
  54. WebM
  55. Youtube Playlist
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.

    • [b]value[/b]
    • [i]value[/i]
    • [u]value[/u]
    Usage
    • [b]this text is bold[/b]
    • [i]this text is italic[/i]
    • [u]this text is underlined[/u]
    Example Usage
    • this text is bold
    • this text is italic
    • this text is underlined
    Example Output

Color

The [color] tag allows you to change the color of your text.

  • [color=Option]value[/color]
    Usage
  • [color=blue]this text is blue[/color]
    Example Usage
  • this text is blue
    Example Output

Size

The [size] tag allows you to change the size of your text.

  • [size=Option]value[/size]
    Usage
  • [size=+2]this text is two sizes larger than normal[/size]
    Example Usage
  • this text is two sizes larger than normal
    Example Output

Font

The [font] tag allows you to change the font of your text.

  • [font=Option]value[/font]
    Usage
  • [font=courier]this text is in the courier font[/font]
    Example Usage
  • this text is in the courier font
    Example Output

Left / Right / Center

The [left], [right] and [center] tags allow you to change the alignment of your text.

    • [left]value[/left]
    • [center]value[/center]
    • [right]value[/right]
    Usage
    • [left]this text is left-aligned[/left]
    • [center]this text is center-aligned[/center]
    • [right]this text is right-aligned[/right]
    Example Usage
  • this text is left-aligned
    this text is center-aligned
    this text is right-aligned
    Example Output

Indent

The [indent] tag allows you to indent your text.

  • [indent]value[/indent]
    Usage
  • [indent]this text is indented[/indent]
    Example Usage
  • this text is indented
    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.

    • [email]value[/email]
    • [email=Option]value[/email]
    Usage
    • [email]j.doe@example.com[/email]
    • [email=j.doe@example.com]Click Here to Email Me[/email]
    Example Usage
  • Example Output

URL Hyperlinking

The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.

    • [url]value[/url]
    • [url=Option]value[/url]
    Usage
    • [url]https://www.southperry.net[/url]
    • [url=https://www.southperry.net]Southperry.net[/url]
    Example Usage
  • Example Output

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.

    • [thread]threadid[/thread]
    • [thread=threadid]value[/thread]
    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 Usage
  • Example Output

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.

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.

  • [list]value[/list]
    Usage
  • [list]
    [*]list item 1
    [*]list item 2
    [/list]
    Example Usage
    • list item 1
    • list item 2
    Example Output

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).

  • [list=Option]value[/list]
    Usage
  • [list=1]
    [*]list item 1
    [*]list item 2
    [/list]

    [list=A]
    [*]list item 1
    [*]list item 2
    [/list]

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

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.

  • [img]value[/img]
    Usage
    • [img]https://www.southperry.net/images/statusicon/forum_new-48.png[/img] (Not linked)
    • [url=http://www.example.com] [img]https://www.southperry.net/images/statusicon/forum_new-48.png[/img] [/url] (Linked)
    Example Usage
    • (Not linked)
    • (Linked)
    Example Output

Videos

The [video] tag allows you to embed videos from various video services within your posts.

  • [video]value[/video]
    Usage
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    Example Usage
    Example Output

Code

The [code] tag switches to a fixed-width (monospace) font and preserves all spacing.

  • [code]value[/code]
    Usage
  • [code]
    <script type="text/javascript">
    <!--
        alert("Hello world!");
    //-->
    </script>
    [/code]
    Example Usage
  • Code:
    <script type="text/javascript">
    <!--
    	alert("Hello world!");
    //-->
    </script>
    Example Output

Código PHP

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.

  • [php]value[/php]
    Usage
  • [php]
    $myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
        echo $myvar . "\n";
    }
    [/php]
    Example Usage
  • Código PHP:
    $myvar 'Hello World!';
    for (
    $i 0$i 10$i++)
    {
        echo 
    $myvar "\n";

    Example Output

HTML Code

The [html] tag allows you to perform syntax highlighting for HTML code.

  • [html]value[/html]
    Usage
  • [html]
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    [/html]
    Example Usage
  • HTML Code:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    Example Output

Quote

The [quote] tag allows you to attribute text to someone else.

    • [quote]Quote[/quote]
    • [quote=User Name]value[/quote]
    Usage
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;1325539]Lorem ipsum dolor sit amet[/quote]
    Example Usage
    Example Output

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

Stop BB Code Parsing

The [noparse] tag allows you to stop the parsing of BB code.

  • [noparse][b]value[/b][/noparse]
    Usage
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    Example Usage
  • [b]Lorem ipsum dolor sit amet[/b]
    Example Output

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.

  • [attach]attachmentid[/attach]
    Usage
  • [attach]12345[/attach]
    Example Usage
  • Example Output

Amazon

Allows the creation of an amazon.com search tag appropriate to the end viewer.

  • [Amazon]value[/Amazon]
    Usage
  • [amazon]XBOX[/amazon]
    Example Usage
  • Example Output

Amazon w/ ASIN

Allows the creation of an amazon.com search tag appropriate to the end viewer and specifying an exact product by ID. ***Viewers in different locales have different ASIN's for the same product.

  • [Amazon=Option]value[/Amazon]
    Usage
  • [amazon="B003VUO6H4"]Playstation 3[/amazon]
    Example Usage
  • Example Output

backgroundselect

Allows a segment of background to be created that individual users may choose to see as any color they wish.

  • [backgroundselect]value[/backgroundselect]
    Usage
  • [backgroundselect]wall of text[/backgroundselect]
    Example Usage

  • wall of text
    Example Output

Background Color

Allows you to change the background color of your text. Combine with font tags to create multi-colored fore/backgrounds.

  • [BG=Option]value[/BG]
    Usage
  • [BG="red"]Text with a red background[/BG]
    Example Usage
  • Text with a red background
    Example Output

Center

[center]

  • [centers]value[/centers]
    Usage
  • [center]
    Example Usage
  • [center]
    Example Output

FAQ

Inserts the contents of an FAQ keyword into the current text.

  • [faq]value[/faq]
    Usage
  • [FAQ]vb3_search[/FAQ]
    Example Usage
  • Searching Forums and Threads

    How do I search for something?



    To quickly find a thread or post of interest anywhere on the bulletin board, click on the 'Search' link in the navigation bar at the top of most forum pages. Then, type in the keyword or phrase you wish to search for, and select either 'Show Threads' or 'Show Posts' to view the results. By selecting posts, you will be shown only the actual post in which the search word appears.



    For more control over the search, select 'Advanced Search' from the drop-down box. The advanced search page allows you to restrict your search to individual forums, find posts or threads by user, or return results based on tags (?). There are also options to find posts from a certain date, or threads with a certain number of replies.



    How do I search a specific forum or thread?



    If you are browsing a forum, you can quickly search for a thread or post within it by clicking on the 'Search this forum' link near the top of the page (it's above the list of threads). You can also search for individual posts within a thread by clicking on the 'Search this Thread' link at the top of any thread view page.

    Example Output

Float Left

[fleft][/fleft]

  • [fleft]value[/fleft]
    Usage
  • [fleft][/fleft]
    Example Usage
  • Example Output

Float Right

[fright][/fright]

  • [fright]value[/fright]
    Usage
  • [fright][/fright]
    Example Usage
  • Example Output

glow

Allows you to change the background color of your text. Combine with font tags to create multi-colored fore/backgrounds.

  • [glow=Option]value[/glow]
    Usage
  • [glow="red"]Text with a red glow[/glow]
    Example Usage
  • Text with a red glow
    Example Output

header

Inline Textual header.

  • [header]value[/header]
    Usage
  • [header]This is a header[/header]
    Example Usage
  • This is ignored
    Example Output

Header with Extras

Allows a header with user defined colors.

  • [header=Option]value[/header]
    Usage
  • [header="bgcolor=red;color=white"]This is a header[/header]
    Example Usage
  • Handled by Plugin
    Example Output

Hide

Creates a non-linebreaking spoiler.

  • [hide]value[/hide]
    Usage
  • [hide]HOLA[/hide]
    Example Usage
  • /* HOLA */
    Example Output

Hide with tag

asdf

  • [hide=Option]value[/hide]
    Usage
  • asdf
    Example Usage
  • asdf
    Example Output

imgsize

Shows an image and sizes it as specified.

  • [imgsize=Option]value[/imgsize]
    Usage
  • [imgsize="128x128"]http://southperry.net/favicon.png[/imgsize]
    Example Usage
  • Example Output

Image Spoiler

This is a convenience function that combines images and spoilers so you don't need two separate tags to create an image spoiler.

  • [imgspoiler]value[/imgspoiler]
    Usage
  • [imgspoiler]http://img522.imageshack.us/img522/1399/maple0088z.jpg[/imgspoiler]
    Example Usage
  • Spoiler
    Example Output

Image Spoiler with Tag

This is a convenience function that also allows you to define the heading of the spoiler. That makes the imgspoiler tag very similar to the spoiler tag.

  • [imgspoiler=Option]value[/imgspoiler]
    Usage
  • [imgspoiler="This is why I'm hot]http://img522.imageshack.us/img522/1399/maple0088z.jpg[/imgspoiler]
    Example Usage
  • "This is why I'm hot
    Example Output

Mention

Mention an user to alert him or her to this post!

  • [mention]value[/mention]
    Usage
  • [mention]Username[/mention]
    Example Usage
  • @
    Example Output

new

Shortcut to the "New" site icon.

  • [new]value[/new]
    Usage
  • [new][/new]
    Example Usage
  • Example Output

VigLink NoParse

Prevents viglink from inserting ads within a specified block of text.

  • [noviglink]value[/noviglink]
    Usage
  • [noviglink]Nexon![/noviglink]
    Example Usage
  • Example Output

Preformatted

  • [p]value[/p]
    Usage
  • [p]Paragraph[/p]
    Example Usage
  •      Paragraph
    Example Output

Preformatted Text

Keeps white space within the tag visible.

  • [pre]value[/pre]
    Usage
  • [pre] Space preserved[/pre]
    Example Usage
  •    Space preserved
    Example Output

Roll Dice

Simulates a roll of specified dice and creates an in-post snapshot of the event.

  • [roll]value[/roll]
    Usage
  • [roll]1d4[/roll]
    Example Usage
  • [roll]1d4[/roll]
    Example Output

Roll Dice

Simulates a roll of specified dice and creates an in-post snapshot of the event. This form allows one to describe what the roll is intended to represent.

  • [roll=Option]value[/roll]
    Usage
  • [roll="Save vs Stupidity"]1d20[/roll]
    Example Usage
  • [roll="Save vs Stupidity"]1d20[/roll]
    Example Output

Spoiler

Hides content in a collapsable/expandable button.

  • [spoiler]value[/spoiler]
    Usage
  • [spoiler]This is a spoiler[/spoiler]
    Example Usage
  • Spoiler
    Example Output

Spoiler tag

[spoiler][/spoiler]

  • [spoiler=Option]value[/spoiler]
    Usage
  • [spoiler][/spoiler]
    Example Usage
  • Example Output

sql

Creates a SQL Text block

  • [sql]value[/sql]
    Usage
  • [sql]select * from foo where bar = 1;[/sql]
    Example Usage
  • select * from foo where bar = 1;
    Example Output

Strikethrough

  • [strike]value[/strike]
    Usage
  • <strike>nevermind</strike>
    Example Usage
  • <strike>nevermind</strike>
    Example Output

table

With this vB code tables can be inserted into the post. Columns are seperated by »|«, every new line is a new row.

  • [table]value[/table]
    Usage
  • [table]column 1|column 2|column 3[/table]
    Example Usage
  • column 1column 2column 3
    Example Output

Tweet

Embeds a tweet from Twitter.

  • [tweet]value[/tweet]
    Usage
  • [tweet]232719764793999360[/tweet]
    Example Usage
  • Example Output

Anchor Name

Allows the user to use the anchor. See W3C for more details on how this works.

  • [urlname=Option]value[/urlname]
    Usage
  • [urlname="BettyBoop"]Betty Boop[/urlname]
    Example Usage
  • Example Output

URL Tag

Links to a named anchor on the same page.

  • [urltag=Option]value[/urltag]
    Usage
  • [urltag="BettyBoop"]Betty Boop[/urltag]
    Example Usage
  • Example Output

Wikipedia

Converts the tag contents into a wikipedia search for the supplied term.

  • [W]value[/W]
    Usage
  • [W]Cats[/W]
    Example Usage
  • Example Output

Wikipedia

Creates a link into a wikipedia search for the term supplied and labels it as the tag contents.

  • [W=Option]value[/W]
    Usage
  • [w="Cats"]Cats![/w]
    Example Usage
  • Example Output

WebM

Display a WEBM video.

  • [WEBM]value[/WEBM]
    Usage
  • [webm]http://video.webmfiles.org/big-buck-bunny_trailer.webm[/webm]
    Example Usage
  • Example Output

Youtube Playlist

Allows you to embed a playlist of youtube selections other users can navigate through via dropdown.

  • [ytpl]value[/ytpl]
    Usage
  • [ytpl]yp1CVmW2DGo|Example of Video 2;tqakQqxkcME|OMG VIDEO 3;8cW_cdIsfy0|My outlook on Video 4;[/ytpl]
    Example Usage
  • Example Output