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. Quote
    [quote]
17. Stop BB Code Parsing
    [noparse]
18. Attachment
    [attach]
19. Book Index
    [bookindex]
20. Div
    [div]
21. Forum Index
    [forumindex]
22. Gallery
    [gallery]
23. Heading 1
    [h1]
24. Heading 2
    [h2]
25. Heading 3
    [h3]
26. Show Threads
    [showthreads]
27. Span
    [span]
28. Strikethrough
    [strike]
29. YOUTUBE
    [YOUTUBE]

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][email protected][/email]
  • [[email protected]]Click Here to Email Me[/email]
  Example Usage
• • [email protected]
  • 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.fantasygrounds.com/forums[/url]
  • [url=https://www.fantasygrounds.com/forums]Fantasy Grounds Message Boards[/url]
  Example Usage
• • https://www.fantasygrounds.com/forums
  • Fantasy Grounds Message Boards
  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.fantasygrounds.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.fantasygrounds.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.fantasygrounds.com/forums/themecrate/debutant/statusicon/forum_new-48.png[/img] (Not linked)
  • [url=http://www.example.com] [img]https://www.fantasygrounds.com/forums/themecrate/debutant/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]https://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 [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;729897]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

Lists all chapters in the specified book in chapter order. Enter a book title.

• [bookindex]value[/bookindex]
  Usage
• [bookindex]Demo Book[/bookindex]
  Example Usage
• [bookindex]Demo Book[/bookindex]
  Example Output

Create a CSS-styled block for your text.

• [div]value[/div]
  Usage
• [div] style="border: 1px solid #ff0000" | Text in the block. [/div]
  Example Usage
• [div] style="border: 1px solid #ff0000" | Text in the block. [/div]
  Example Output

Lists all threads from the specified forum in alphabetical order. Enter a forum ID to select the forum.

• [forumindex]value[/forumindex]
  Usage
• [forumindex]2[/forumindex]
  Example Usage
• [forumindex]2[/forumindex]
  Example Output

Create a gallery of wiki images.

• [gallery]value[/gallery]
  Usage
• [gallery] caption="Gallery Title" | image1.ext|Caption text image2.ext|Caption text [/gallery]
  Example Usage
• [gallery] caption="Gallery Title" |
  image1.ext|Caption text
  image2.ext|Caption text
  [/gallery]
  Example Output

Marks the text as a heading level 1

• [h1]value[/h1]
  Usage
• [h1]Test[/h1]
  Example Usage

• Test

  Example Output

Formats the text as a heading level 2

• [h2]value[/h2]
  Usage
• [h2]Test[/h2]
  Example Usage

• Test

  Example Output

Formats the text as a heading level 3.

• [h3]value[/h3]
  Usage
• [h3]Test[/h3]
  Example Usage

• Test

  Example Output

Lists threads with the most recent posts from the specified forum. Enter a forum ID to select the forum.

• [showthreads]value[/showthreads]
  Usage
• [showthreads]2[/showthreads]
  Example Usage
• [showthreads]2[/showthreads]
  Example Output

Create a CSS-styled wrapper for your text.

• [span]value[/span]
  Usage
• [span] style="background-color: #ff0000" | Text in the wrapper. [/span]
  Example Usage
• [span] style="background-color: #ff0000" | Text in the wrapper. [/span]
  Example Output

Strike-through text

• [strike]value[/strike]
  Usage
• [strike]Strike-through text.[/strike]
  Example Usage
• Strike-through text.
  Example Output

Use the movie code from the YouTube URL in your browser. For example, http://www.youtube.com/watch?v=D555XkukMqU

• [YOUTUBE]value[/YOUTUBE]
  Usage
• [youtube]D555XkukMqU[/youtube]
  Example Usage
• Example Output