BB Code List - Planet-9

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. PHP Code
  17. HTML Code
  18. Quote
  19. Stop BB Code Parsing
  20. Attachment
  21. Strikethrough
  22. Bubble
  23. drop
  24. Glow
  25. Google Video
  26. Hide Tag
  27. Highlight
  28. Instagram
  29. Grid Image
  30. Image Float Left
  31. imglink
  32. Image Float Right
  33. Mad Sign
  34. Picture Insert with Placement
  35. Sign It
  36. Spoiler
  37. Spoiler2
  38. Table
  39. TD Tag
  40. TR Tag
  41. Ustream Video Feed
  42. Wikipedia
  43. YouTube via Flash
  44. You Tube Video
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][email protected][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.

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.planet-9.com[/url]
    • [url=https://www.planet-9.com]Planet-9[/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.

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.planet-9.com/images/planet9/statusicon/forum_new-48.png[/img] (Not linked)
    • [url=http://www.example.com] [img]https://www.planet-9.com/images/planet9/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

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.

  • [php]value[/php]
    Usage
  • [php]
    $myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
        echo $myvar . "\n";
    }
    [/php]
    Example Usage
  • PHP Code:
    $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;2122315]Lorem ipsum dolor sit amet[/quote]
    Example Usage
    • Lorem ipsum dolor sit amet
    • Quote Originally Posted by John Doe
      Lorem ipsum dolor sit amet
    • Quote Originally Posted by John Doe View Post
      Lorem ipsum dolor sit amet
    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

Strikethrough

Strike through selected text

  • [-]value[/-]
    Usage
  • [-]strikethrough text[/-]
    Example Usage
  • strikethrough text
    Example Output

Bubble

Talk like Weeble and Bob!

  • [bubble]value[/bubble]
    Usage
  • [bubble]Talk like Weeble and Bob![/bubble]
    Example Usage
  • Talk like Weeble and Bob!
    Example Output

drop

Use the number variable to determine size of starting drop cap character.

  • [drop=Option]value[/drop]
    Usage
  • [drop="6"]Drop cap size 6[/drop]
    Example Usage
  • Drop cap size 6
    Example Output

Glow

Make text Glow! Use the option to depict the color you want for the glow text.

  • [glow=Option]value[/glow]
    Usage
  • [glow=red]This Text Is Glowing![/glow]
    Example Usage
  • This Text Is Glowing!

    Example Output

Google Video

Embeds a video hosted on Google Video. Simply add the unique filename from Google - the bit after http://video.google.com/googleplayer.swf?docId= - between the opening and closing brackets.

  • [google]value[/google]
    Usage
  • [google]2779351346824751855[/google]
    Example Usage
  • Example Output

Hide Tag

This tag is used to hide or reveal text.

  • [hide]value[/hide]
    Usage
  • [hide]hide this text[/hide]
    Example Usage
  • Hidden Text:
    hide this text
    Example Output

Highlight

Highlight the selected text

  • [hl=Option]value[/hl]
    Usage
  • [hl]Highlight this text[/hl]
    Example Usage
  • [hl]Highlight this text[/hl]
    Example Output

Instagram

http://instagram.com/p/123abc456fg You'd need to take the end part of that url, and put it between the [ig] tags so [ig]123abc456fg[/ig]

  • [ig]value[/ig]
    Usage
  • [ig]123abc456fg[/ig]
    Example Usage
  • Example Output

Grid Image

  • [IMG-GRID]value[/IMG-GRID]
    Usage
  • [IMG-GRID]/images/planet9/misc/planet9_logo_ver3.png[/IMG-GRID]
    Example Usage
  • Example Output

Image Float Left

Float an image to the left and have text wrap around it.

  • [imgl]value[/imgl]
    Usage
  • [imgl]http:// url to your image[/imgl]
    Example Usage
  • Example Output

imglink

Use THIS IMGLINKtag to put images with a link in your forum. This allows: [url=link][imglink]urltotheimage[/imglink][/url] ...to work again without The Image Resizer to broke the link.

  • [imglink]value[/imglink]
    Usage
  • [imglink]../images/misc/rss.jpg[/imglink]
    Example Usage
  • Example Output

Image Float Right

Float an image to the right, wrap text around it!

  • [imgr]value[/imgr]
    Usage
  • [imgr]http:// url to your image[/imgr]
    Example Usage
  • Example Output

Mad Sign

Insert text into a sign when you are mad!

  • [mad]value[/mad]
    Usage
  • [mad]I am mad![/mad]
    Example Usage
  • I am mad!
    Example Output

Picture Insert with Placement

Inserts a photo with an alignment option

  • [PIC=Option]value[/PIC]
    Usage
  • [pic=left]http://www.caymanclub.net/signaturepics/sigpic3_6.gif[/pic]
    Example Usage
  • Example Output

Sign It

Insert text into your own custom smiley sign

  • [sign]value[/sign]
    Usage
  • [sign]Makde your own sign here![/sign]
    Example Usage
  • Makde your own sign here!
    Example Output

Spoiler

Hide text

  • [spoiler]value[/spoiler]
    Usage
  • [spoiler]test hide[/spoiler]
    Example Usage
  • test hide
    Example Output

Spoiler2

Spoiler2 tag

  • [Spoiler2=Option]value[/Spoiler2]
    Usage
  • [spoiler2="test"]This is a Spoiler[/spoiler2]
    Example Usage
  • Spoiler for test:
    This is a Spoiler
    Example Output

Table

Inserts a table

  • [table]value[/table]
    Usage
  • [table]insert table[/table]
    Example Usage
  • insert table
    Example Output

TD Tag

Insert a column into a table

  • [td]value[/td]
    Usage
  • [td]Insert column[/td]
    Example Usage
  • Insert column
    Example Output

TR Tag

Insert a row into a table

  • [tr]value[/tr]
    Usage
  • [tr]insert row[/tr]
    Example Usage
  • insert row
    Example Output

Ustream Video Feed

Displays a Ustream video feed if the feed id is known

  • [ustream]value[/ustream]
    Usage
  • utv697252
    Example Usage
  • utv697252
    Example Output

Wikipedia

Link to something on Wikipedia

  • [wiki]value[/wiki]
    Usage
  • [wiki]Look up something on Wikipedia[/wiki]
    Example Usage
  • Look up something on Wikipediawiki
    Example Output

YouTube via Flash

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!

You Tube Video

Embeds a video hosted on YouTube.com Simply add the unique filename from YouTube - the bit after http://www.youtube.com/watch?v= - between the opening and closing brackets.

  • [yt]value[/yt]
    Usage
  • [yt]9A5rt630Chc[/yt]
    Example Usage
  • Example Output