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. Abbreviated Title (Tooltip)
  22. anchor
  23. Caution
  24. Resizeable Code (code)
  25. Do Not Use: Code Testing
  26. del
  27. Strike-out2
  28. goto
  29. Header 1
  30. Highlight h11 (0xffff33 ID7)
  31. Highlight h31 (hex 98fb98)
  32. Highlight h32 (hex 0x99ffff ID32)
  33. Highlight h33 (hex 0x00ff00 ID33)
  34. Highlight h34 (hex 0x33ffff ID34)
  35. Highlight h35 (hex 0x00cccc ID35)
  36. Highlight h36 (hex 0x00ffff ID36)
  37. Highlight h40 (hex 0xffccff ID40)
  38. Highlight - h41 (0xffccff ID6)
  39. Highlight h42 (hex 0xffccff ID42)
  40. Highlight h43 (hex 0xffccff ID43)
  41. Highlight ID52 (hex 0x6698e3)
  42. Selectable Highlight Color
  43. Highlight
  44. Hide box
  45. Hide Box 9
  46. Image Mouse Hover1222
  47. ImageSize
  48. Image Mouse Hover400
  49. Image Mouse Hover800
  50. Image Mouse Hover
  51. Image Mouse Hover2
  52. Info
  53. Tooltip for IMG - jcgriff2
  54. Tooltip for IMG - jcgriff2
  55. NoteBox1
  56. NoteBox2
  57. Notebox3
  58. Notebox4
  59. Notebox5
  60. Notebox590
  61. Notebox6
  62. Notebox690
  63. no-parse
  64. Note
  65. Strike-out
  66. Strike-out99
  67. Scrolling Text (marquee)
  68. SFCFix Personalized Download Button
  69. Show/Hide Box2
  70. Show/Hide Box3
  71. Show/Hide Box3 Custom
  72. Show/Hide Box9 Custom
  73. SoundCloud
  74. Spoiler
  75. Spotify Play Button
  76. StartOrb
  77. Warning
  78. Notepad Text
  79. WarnBox1
  80. Warning
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.

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.sysnative.com/forums/themecrate/debutant/statusicon/forum_new-48.png[/img] (Not linked)
    • [url=http://www.example.com] [img]https://www.sysnative.com/forums/themecrate/debutant/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;240075]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

Abbreviated Title (Tooltip)

Allows a Tooltip Hover the mouse over MSE and "Microsoft Security Essentials" will display in a baloon

  • [abbr=Option]value[/abbr]
    Usage
  • [abbr="Microsoft Security Essentials"]MSE[/abbr]
    Example Usage
  • MSE
    Example Output

anchor

Creates an anchor on the page

  • [anchor=Option]value[/anchor]
    Usage
  • [anchor=bsod]BSOD[/anchor]
    Example Usage
  • BSOD
    Example Output

Caution

  • [c1]value[/c1]
    Usage
  • [c1]This is a caution[/c1]
    Example Usage
  • CAUTION

     
    • This is a caution

    Example Output

Resizeable Code (code)

Code box that can be set to a specific width. Use [CODE=WIDTH OF BOX][/CODE] to create the code box and set the width. Just enter a number, no need for px at the end.

  • [code=Option]value[/code]
    Usage
  • [code=500]Code Goes Here[/code]
    Example Usage
  • Code:
    Code Goes Here
    Example Output

Do Not Use: Code Testing

DO NOT USE. FOR TESTING PURPOSES ONLY.

  • [codetest=Option]value[/codetest]
    Usage
  • N/A
    Example Usage
  • N/A
    Example Output

del

Delete

  • [d1]value[/d1]
    Usage
  • [d1]Text[/d1]
    Example Usage
  • Text
    Example Output

Strike-out2

Strike-Out!

  • [del]value[/del]
    Usage
  • [del]Text[/del]
    Example Usage
  • Text
    Example Output

goto

Creates a link to an anchor

  • [goto=Option]value[/goto]
    Usage
  • [goto=BSOD]GOTO BSOD![/goto]
    Example Usage
  • Example Output

Header 1

This is a Heading - h1

  • [h1]value[/h1]
    Usage
  • [h1]This is a Heading - h1[/h1]
    Example Usage
  • This is a Heading - h1

    Example Output

Highlight h11 (0xffff33 ID7)

Highlighted text - 0xffff33 h11

  • [h11]value[/h11]
    Usage
  • [h11]Highlighted text[/h11]
    Example Usage
  • Highlighted text
    Example Output

Highlight h31 (hex 98fb98)

Highlighted text - #98fb98 h31

  • [h31]value[/h31]
    Usage
  • [h31]Highlighted text h31[/h31]
    Example Usage
  • Highlighted text h31
    Example Output

Highlight h32 (hex 0x99ffff ID32)

Highlighted text - 0x99ffff h32

  • [h32]value[/h32]
    Usage
  • [h32]Highlighted text[/h32]
    Example Usage
  • Highlighted text
    Example Output

Highlight h33 (hex 0x00ff00 ID33)

Highlight h33 (hex 0x00ff00 ID33)

  • [h33]value[/h33]
    Usage
  • [h33]Highlighted text[/h33]
    Example Usage
  • Highlighted text
    Example Output

Highlight h34 (hex 0x33ffff ID34)

Highlight h34 (hex 0x33ffff ID34)

  • [h34]value[/h34]
    Usage
  • [h34]Highlighted text[/h34]
    Example Usage
  • Highlighted text
    Example Output

Highlight h35 (hex 0x00cccc ID35)

Highlight h35 (hex 0x00cccc ID35)

  • [h35]value[/h35]
    Usage
  • [h35]Highlighted text[/h35]
    Example Usage
  • Highlighted text
    Example Output

Highlight h36 (hex 0x00ffff ID36)

Highlighted text - 0x00ffff h36

  • [h36]value[/h36]
    Usage
  • [h36]Highlighted text[/h36]
    Example Usage
  • Highlighted text
    Example Output

Highlight h40 (hex 0xffccff ID40)

Highlighted text - 0xffccff h40

  • [h40]value[/h40]
    Usage
  • [h40]Highlighted text[/h40]
    Example Usage
  • Highlighted text
    Example Output

Highlight - h41 (0xffccff ID6)

Highlighted text - 0xffccff h41

  • [h41]value[/h41]
    Usage
  • [h41]Highlighted text[/h41]
    Example Usage
  • Highlighted text
    Example Output

Highlight h42 (hex 0xffccff ID42)

Highlighted text - 0xffff99 h42

  • [h42]value[/h42]
    Usage
  • [h42]Highlighted text[/h42]
    Example Usage
  • Highlighted text
    Example Output

Highlight h43 (hex 0xffccff ID43)

Highlighted text - 0xffcc66 h43

  • [h43]value[/h43]
    Usage
  • [h43]Highlighted text[/h43]
    Example Usage
  • Highlighted text
    Example Output

Highlight ID52 (hex 0x6698e3)

Highlighted text - 06698e3

  • [h52]value[/h52]
    Usage
  • [h52]Highlighted text[/h52]
    Example Usage
  • Highlighted text
    Example Output

Selectable Highlight Color

  • [h99=Option]value[/h99]
    Usage
  • [h99=red]Highlighted text - red[/h99]
    Example Usage
  • Highlighted text - red
    Example Output

Highlight

{Example of highlighted text}

  • [hi]value[/hi]
    Usage
  • [hi]Highlighted text[/hi]
    Example Usage
  • Highlighted text
    Example Output

Hide box

Creates a view more box.

  • [hide]value[/hide]
    Usage
  • [hide]This text is hidden.[/hide]
    Example Usage
  • Read More:
    Example Output

Hide Box 9

Show/Hide box

  • [hide9]value[/hide9]
    Usage
  • [hide9]This text is hidden.[/hide9]
    Example Usage
  • Read More:
    Example Output

Image Mouse Hover1222

** Sysnative Staff Use ONLY ** Image enlarges via mouse hover

  • [img1222]value[/img1222]
    Usage
  • [img1222]http://www.sysnative.com/SysnativeTutorials/pagefile/page1.png[/img1222]
    Example Usage
  • Sysnative Forums Screenshot
    Example Output

ImageSize

  • [IMG2]value[/IMG2]
    Usage
  • [IMG2]https://www.sysnative.com/writhziden/tutorials/images/RecoveryOptionsVista/RO3_zpsc570a7eb.png[/IMG2]
    Example Usage
  • click for full-size image
    Example Output

Image Mouse Hover400

** Sysnative Staff Use ONLY ** Image enlarges via mouse hover

  • [img400]value[/img400]
    Usage
  • [img400]http://www.sysnative.com/SysnativeTutorials/pagefile/page1.png[/img400]
    Example Usage
  • Sysnative Forums Screenshot
    Example Output

Image Mouse Hover800

** Sysnative Staff Use ONLY ** Image enlarges via mouse hover

  • [img800]value[/img800]
    Usage
  • [img800]http://www.sysnative.com/SysnativeTutorials/cmd/w10cmd.png[/img800]
    Example Usage
  • Sysnative Forums Screenshot
    Example Output

Image Mouse Hover

** Sysnative Staff Use ONLY ** Image enlarges via mouse hover

  • [img9]value[/img9]
    Usage
  • [img9]http://www.sysnative.com/SysnativeTutorials/pagefile/page1.png[/img9]
    Example Usage
  • /*

    */ screenshot /*
    */


    Example Output

Image Mouse Hover2

** Sysnative Staff Use ONLY ** Image enlarges via mouse hover

  • [img99]value[/img99]
    Usage
  • [img99]http://www.sysnative.com/SysnativeTutorials/pagefile/page1.png[/img99]
    Example Usage
  • Sysnative Forums Screenshot
    Example Output

Info

  • [info]value[/info]
    Usage
  • [info]this is an info test[/info]
    Example Usage
  • Info

    this is an info test

    Example Output

Tooltip for IMG - jcgriff2

Images with alt and title [j1=title]image path[/j1]

  • [j1=Option]value[/j1]
    Usage
  • [j1=J. C. Griffith, Microsoft MVP]http://www.sysnative.com/forums/images/misc/mvp.png[/j1]
    Example Usage
  • J. C. Griffith, Microsoft MVP
    Example Output

Tooltip for IMG - jcgriff2

Images with alt and title [j1=title]image path[/j1]

  • [j2=Option]value[/j2]
    Usage
  • [j1=J. C. Griffith, Microsoft MVP]http://www.sysnative.com/forums/images/misc/mvp.png[/j1]
    Example Usage
  • J. C. Griffith, Microsoft MVP
    Example Output

NoteBox1

n1

  • [n1]value[/n1]
    Usage
  • [n1]jcgriff2 test note n1[/n1]
    Example Usage
  • Note   Note
    jcgriff2 test note n1
    Example Output

NoteBox2

n2

  • [n2]value[/n2]
    Usage
  • [n2]Laxer's Note test[/n2]
    Example Usage
  • Note   Note
    Laxer's Note test
    Example Output

Notebox3

n3

  • [n3]value[/n3]
    Usage
  • [n3]jcgriff2's Note test[/n3]
    Example Usage
  • Note   Note
    jcgriff2's Note test
    Example Output

Notebox4

n4

  • [n4=Option]value[/n4]
    Usage
  • [n4=jcgriff2 n4 Notebox Title]jcgriff2 test note n4[/n4]
    Example Usage
  • jcgriff2 n4 Notebox Title
    jcgriff2 test note n4
    Example Output

Notebox5

n5

  • [n5=Option]value[/n5]
    Usage
  • [n5=jcgriff2 n5 Notebox Title]jcgriff2 test note n5[/n5]
    Example Usage
  • jcgriff2 n5 Notebox Title
    jcgriff2 test note n5
    Example Output

Notebox590

n590 - same as n5, but 90% width

  • [n590=Option]value[/n590]
    Usage
  • [n590=jcgriff2 n5 Notebox Title]jcgriff2 test note n5[/n590]
    Example Usage
  • jcgriff2 n5 Notebox Title
    jcgriff2 test note n5
    Example Output

Notebox6

n6

  • [n6=Option]value[/n6]
    Usage
  • [n6=jcgriff2 n6 Notebox Title]jcgriff2 test note n6[/n6]
    Example Usage
  • jcgriff2 n6 Notebox Title
    jcgriff2 test note n6
    Example Output

Notebox690

n690 - same as n6, but with 90% width

  • [n690=Option]value[/n690]
    Usage
  • [n690=jcgriff2 n6 Notebox Title]jcgriff2 test note n690[/n690]
    Example Usage
  • jcgriff2 n6 Notebox Title
    jcgriff2 test note n690
    Example Output

no-parse

Do not parse enclosed BBCode tags.

  • [no-parse]value[/no-parse]
    Usage
  • [no-parse][b]Not Bold[/b][/no-parse]
    Example Usage
  • [b]Not Bold[/b]
    Example Output

Note

  • [note]value[/note]
    Usage
  • [note]this is a new note[/note]
    Example Usage
  • Note

    this is a new note

    Example Output

Strike-out

Strike-Out!

  • [s]value[/s]
    Usage
  • [s]Text[/s]
    Example Usage
  • Text
    Example Output

Strike-out99

Strike-Out99!

  • [s99]value[/s99]
    Usage
  • [s99]Text[/s99]
    Example Usage
  • Text
    Example Output

Scrolling Text (marquee)

Scrolls text across the screen

  • [scroll]value[/scroll]
    Usage
  • [scroll]This text scrolls across the screen[/scroll]
    Example Usage
  • This text scrolls across the screen
    Example Output

SFCFix Personalized Download Button

Generates a download button for a version of SFCFix personalized for that particular user so that user specific actions can occur automatically.

  • [sfcfixdownload]value[/sfcfixdownload]
    Usage
  • [sfcfixdownload]Download SFCFix[/sfcfixdownload]
    Example Usage
  • Example Output

Show/Hide Box2

Creates a SHOW/HIDE box.

  • [sh]value[/sh]
    Usage
  • [sh]This text is hidden.[/sh]
    Example Usage
  • This text is hidden.
    Example Output

Show/Hide Box3

Creates a SHOW/HIDE box.

  • [sh3]value[/sh3]
    Usage
  • [sh3]This text is hidden.[/sh3]
    Example Usage
  • ( Click to show/hide )
    This text is hidden.
    Example Output

Show/Hide Box3 Custom

Creates a SHOW/HIDE box with a custom title

  • [sh3=Option]value[/sh3]
    Usage
  • [sh3="Custom Button"]Hidden Content Here...[/sh3]
    Example Usage
  •  
    Hidden Content Here...
    Example Output

Show/Hide Box9 Custom

Creates a SHOW/HIDE box with a custom title

  • [sh9=Option]value[/sh9]
    Usage
  • [sh9="Custom Button"]Hidden Content Here...[/sh9]
    Example Usage
  •  
    Hidden Content Here...
    Example Output

SoundCloud

A sound cloud BBCode for embedding sound cloud clips. Requested by AceInfinity

Spoiler

This tag changes the text into a black box which is unreadable. If you hover the mouse over the black box, the text will magically appear.

  • [spoiler]value[/spoiler]
    Usage
  • [spoiler]Amazing what you can see with mouse hover![/spoiler]
    Example Usage
  • Amazing what you can see with mouse hover!
    Example Output

Spotify Play Button

Allows Spotify playlists, songs and albums to be embedded into posts.

  • [spotify]value[/spotify]
    Usage
  • [spotify]spotify:user:1110483757:playlist:0oiFasuFBFGTeaID4Dd3Oq[/spotify]
    Example Usage
  • Example Output

StartOrb

Start Orb

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

Warning

t1

  • [t1]value[/t1]
    Usage
  • [t1]This is a warning[/t1]
    Example Usage
    • This is a warning

    Example Output

Notepad Text

t2

  • [t2]value[/t2]
    Usage
  • [t2]This is notepad text[/t2]
    Example Usage
    • This is notepad text

    Example Output

WarnBox1

w1

  • [w1=Option]value[/w1]
    Usage
  • [w1=center]This is a warning[/w1]
    Example Usage
  • WARNING
     
    • This is a warning

    Example Output

Warning

[warn]This is a test warning[/warn]

  • [warn]value[/warn]
    Usage
  • [warn]This is a test warning[/warn]
    Example Usage
  • Warning

    This is a test warning

    Example Output

Log in

Log in