BB Code

1. Bold / Italic / Underline
   [b], [i], [u]
2. Color
   [color]
3. Size
   [size]
4. Font
   [font]
5. Highlight
   [highlight]
6. Left / Right / Center
   [left], [right], [center]
7. Indent
   [indent]
8. Email Linking
   [email]
9. URL Hyperlinking
   [url]
10. Thread Linking
    [thread]
11. Post Linking
    [post]
12. Bulleted Lists / Advanced Lists
    [list]
13. Images
    [img]
14. Videos
    [video]
15. Code
    [code]
16. PHP Code
    [php]
17. HTML Code
    [html]
18. Quote
    [quote]
19. Stop BB Code Parsing
    [noparse]
20. Attachment
    [attach]
21. Anchor
    [anchor]
22. Bold Italics
    [bi]
23. FAQ Title
    [FAQItem]
24. FAQUrl
    [FAQurl]
25. Goto
    [goto]
26. Hide image
    [imghide]
27. Hide image
    [imghide]
28. Normal font weight
    [nobold]
29. No break
    [nobr]
30. Strikeout
    [s]
31. Small Font
    [small]
32. Spoil
    [spoil]
33. Spoiler
    [spoiler]
34. URL same window
    [urlwin]
35. Wiki Linker
    [wiki]

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

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

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

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

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

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

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
• • j.doe@example.com
  • Click Here to Email Me
  Example Output

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.ttlg.com/forums[/url]
  • [url=https://www.ttlg.com/forums]TTLG Forums[/url]
  Example Usage
• • https://www.ttlg.com/forums
  • TTLG Forums
  Example Output

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
• • https://www.ttlg.com/forums/showthread.php?t=42918
  • Click Me!
  Example Output

The [post] tag allows you to link to posts by specifying the post id. You can include an optional parameter to 'name' your link.

• • [post]postid[/post]
  • [post=postid]value[/post]
  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 Usage
• • https://www.ttlg.com/forums/showthread.php?p=269302#post269302
  • Click Me!
  Example Output

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

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

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.ttlg.com/forums/images/statusicon/forum_new-48.png[/img] (Not linked)
  • [url=http://www.example.com] [img]https://www.ttlg.com/forums/images/statusicon/forum_new-48.png[/img] [/url] (Linked)
  Example Usage
• • (Not linked)
  • (Linked)
  Example Output

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

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

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

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

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;2519499]Lorem ipsum dolor sit amet[/quote]
  Example Usage
• • Lorem ipsum dolor sit amet
  • Originally Posted by John Doe

    Lorem ipsum dolor sit amet
  • Originally Posted by John Doe

    Lorem ipsum dolor sit amet
  Example Output

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

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

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

• [anchor]value[/anchor]
  Usage
• [anchor]Name of anchor[/anchor]
  Example Usage
• Example Output

The [bi] tag allows you to write text that is both bold and italicised

• [bi]value[/bi]
  Usage
• [bi]Bold Italics[/bi]
  Example Usage
• Bold Italics
  Example Output

• [FAQItem=Option]value[/FAQItem]
  Usage
• [FAQItem=test]FAQ Item Title[/FAQitem]
  Example Usage
• FAQ Item Title
  Example Output

• [FAQurl=Option]value[/FAQurl]
  Usage
• [FAQURL=test]Test Link[/FAQURL]
  Example Usage
• Test Link
  Example Output

• [goto=Option]value[/goto]
  Usage
• [goto=Anchor name]Link text[/goto]
  Example Usage
• Link text
  Example Output

Hide an image until clicked

• [imghide]value[/imghide]
  Usage
• [imghide]https://i.imgur.com/RXxsyDa.jpg[/imghide]
  Example Usage
• https://i.imgur.com/RXxsyDa.jpg
  Example Output

Hide image by default until link clicked on

• [imghide=Option]value[/imghide]
  Usage
• [imghide=Test image]https://i.imgur.com/RXxsyDa.jpg[/imghide]
  Example Usage
• Test image
  Example Output

• [nobold]value[/nobold]
  Usage
• [nobold]Don't bold[/nobold]
  Example Usage
• Don't bold
  Example Output

Equivalent to HTML nobr tag

• [nobr]value[/nobr]
  Usage
• [nobr]Don't break[/nobr]
  Example Usage
• Don't break
  Example Output

The [s] tag allows you to write text with a line through it.

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

This will make your text small.

• [small]value[/small]
  Usage
• Small text!
  Example Usage
• Small text!
  Example Output

Alternate spoiler tag - To mask "spoiler-ish" text, preventing accidental viewing but still making it available to those who do wish to read it by clicking the spoiler text with your mouse.

• [spoil]value[/spoil]
  Usage
• [spoil]Darth Vader[/spoil] is Luke Skywalker's father
  Example Usage
• Darth Vader is Luke Skywalker's father
  Example Output

To mask "spoiler-ish" text, preventing accidental viewing but still making it available to those who do wish to read it by clicking the spoiler text with your mouse.

• [spoiler]value[/spoiler]
  Usage
• [spoiler]The Butler did it[/spoiler]
  Example Usage

• spoiler:

  The Butler did it

  Example Output

Creates a link in the same window rather than the default new window behaviour

• [urlwin=Option]value[/urlwin]
  Usage
• [urlwin=destination]Link text[/urlwin]
  Example Usage
• Link text
  Example Output

To link to an item in the Thief III Editing Wiki just enter the page name between the tags and a link will be automatically generated.

• [wiki]value[/wiki]
  Usage
• [wiki]Installation[/wiki]
  Example Usage
• Installation
  Example Output