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. Quote
  18. Stop BB Code Parsing
  19. Attachment
  20. Autolink
  21. Book
  22. Google Voice Call Widget
  23. The Colbert Report
  24. Comment
  25. Div
  26. Wiki Attachment
  27. Footnote
  28. Fora TV
  29. FOX News
  30. Gallery
  31. Headline
  32. Help
  33. Horizontal Rule
  34. Hulu
  35. NBC News
  36. Quiz
  37. Named Quiz
  38. Redirect
  39. Reference List
  40. Source
  41. Source (extended)
  42. span
  43. Special
  44. The Daily Show
  45. Strikethrough
  46. Table
  47. Template
  48. Table of Contents
  49. Widget
  50. Wiki
  51. YouTube
  52. YouTube (Start At)
  53. Youtube Playlists
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]http://sci.rutgers.edu/forum[/url]
    • [url=http://sci.rutgers.edu/forum]CareCure Forums[/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]http://sci.rutgers.edu/forum/images/statusicon/forum_new-48.png[/img] (Not linked)
    • [url=http://www.example.com] [img]http://sci.rutgers.edu/forum/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

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

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;1840580]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

Autolink

For internal use only.

  • [autolink]value[/autolink]
    Usage
  • [autolink]Main Page[/autolink]
    Example Usage
  • Main Page
    Example Output

Book

Link to Books in the wiki.

  • [book]value[/book]
    Usage
  • [book=Test Book]Link to Book[/book]
    Example Usage
  • [book=Test Book]Link to Book[/book]
    Example Output

Google Voice Call Widget

Embeds a Google Voice Call Widget to a message so people can call you without having to share your phone number.

Requirements:

1. Get a Google Voice number.
2. Create a Call Widget.

Steps:

1. Visit your Call Widgets page.
2. Click in the textbox next to the appropriate widget.
3. Hit End key (or hold in right arrow).
4. Locate your id. (e.g., value="id=bf7f2938eef9cab69d34630aefdf5e06a042e722&style=0" /></object>)
5. Place id between call tags.

Potential caveats:

This may only work for calls between people in the USA and Canada. Nag Google if true.

  • [call]value[/call]
    Usage
  • [call]bf7f2938eef9cab69d34630aefdf5e06a042e722[/call]
    Example Usage
  • Example Output

The Colbert Report

Embed clips from The Colbert Report web site. To do so, look at the URL and find the video ID. Wrap it in [colbert][/colbert] tags and enjoy.
Example:

http://www.colbertnation.com/the-colbert-report-videos/221335/march-11-2009/the-word---rand-illusion
The videoID is the number in bold.

Comment

Add a comment that is only visible in the source code.

  • [comment]value[/comment]
    Usage
  • [comment]This is an HTML comment.[/comment]
    Example Usage
  • Example Output

Div

Create a CSS-styled box around your text.

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

Wiki Attachment

Insert wiki files in your posts.

  • [file]value[/file]
    Usage
  • [file]filename.jpg|A caption[/file]
    Example Usage
  • A caption
    Example Output

Footnote

Add footnotes to the current article.

  • [footnote=Option]value[/footnote]
    Usage
  • [footnote="http://www.crackedeggstudios.com"]The Official Cracked Egg Studios Web Site News[/if]
    Example Usage
  • [footnote="http://www.crackedeggstudios.com"]The Official Cracked Egg Studios Web Site News[/if]
    Example Output

Fora TV

Embeds [url=http://fora.tv/]Fora.tv[/url] videos in posts. See this thread to learn how.

  • [foratv]value[/foratv]
    Usage
  • [foratv]8900[/foratv]
    Example Usage
  • Example Output

FOX News

Embed clips from the FOX News web site. To do so, look at the URL and extract the number between /v/ and the video title. Wrap it in [foxnews][/foxnews] tags and enjoy.
Example:

http://video.foxnews.com/v/[b]4134265[/b]/oreilly-vs-megyn-kelly
The video ID is the number in bold.

  • [foxnews]value[/foxnews]
    Usage
  • [foxnews]4134265[/foxnews]
    Example Usage
  • Example Output

Gallery

Create a gallery of wiki images.

  • [gallery]value[/gallery]
    Usage
  • [gallery] widths="180" perrow="1" feature="1" rows="1" | wiki-image-title|Caption wiki-image-title-2|Another caption [/gallery]
    Example Usage
  • Example Output

Headline

Create any level headline.

  • [h=Option]value[/h]
    Usage
  • [h=2]Headline Level 2[/h]
    Example Usage
  • Headline Level 2

    Example Output

Help

Link to Help articles about using the wiki.

  • [help]value[/help]
    Usage
  • [help=Contents]Link to Help[/help]
    Example Usage
  • [help=Contents]Link to Help[/help]
    Example Output

Horizontal Rule

Creates a horizontal line spanning a width you specify.

  • [hr]value[/hr]
    Usage
  • [hr]100[/hr]
    Example Usage

  • Example Output

Hulu

Embed clips from Hulu.

These are slightly more work, but not terribly so.

When the video is playing on Hulu, roll your mouse over the video and click the embed link. You will then see a mess of HTML embed code, but you're only looking for one thing:

Example:

<object width="512" height="296"><param name="movie" value="http://www.hulu.com/embed/2XumpvCS7bU3AMcr2Or2bg"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.hulu.com/embed/2XumpvCS7bU3AMcr2Or2bg" type="application/x-shockwave-flash" allowFullScreen="true" width="512" height="296"></embed></object>

That ID in bold is what you're looking for. Wrap that ID in [hulu][/hulu] tags and enjoy.

  • [hulu]value[/hulu]
    Usage
  • [hulu]2XumpvCS7bU3AMcr2Or2bg[/hulu]
    Example Usage
  • Example Output

NBC News

Embed clips from NBC/MSNBC web site. To do so, roll your mouse over the clip thumbnail and look at your status bar. It will show a URL beginning with either http:// or javascript: that gives you the videoID, which you need.
Example 1 (for http:// URLs):

http://www.msnbc.msn.com/id/3036789/vp/29789983#29789983
The videoID is the number in bold. Wrap it with [nbcnews][/nbcnews] and enjoy.
Example 2 (for javascript: URLs):

javascript:vPlayer('29790141','ffe1c10a-f0e1-4756-b519-40a9265c281f')
The videoID is the number in bold. Wrap it with [nbcnews][/nbcnews] and enjoy.

  • [nbcnews]value[/nbcnews]
    Usage
  • [nbcnews]29789983[/nbcnews]
    Example Usage
  • Example Output

Quiz

See sample quiz.

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

Named Quiz

See sample quiz.

  • [quiz=Option]value[/quiz]
    Usage
  • [quiz=Quiz Name][/quiz]
    Example Usage
  • Example Output

Redirect

Redirects to another article.

  • [redirect]value[/redirect]
    Usage
  • [redirect]Redirect Page[/redirect]
    Example Usage
  • [redirect]$s[/redirect]
    Example Output

Reference List

Display the list of all footnotes for the current article.

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

Source

An easy way to declare link a source document. Instead of typing ([b][url=http://thehill.com/business--lobby/science-funding-wont-be-frozen--under-mccain-plan-adviser-says-2008-10-14.html]Source[/url][/b]), you can just type [source]http://thehill.com/business--lobby/science-funding-wont-be-frozen--under-mccain-plan-adviser-says-2008-10-14.html[/source].

  • [source]value[/source]
    Usage
  • [source]http://thehill.com/business--lobby/science-funding-wont-be-frozen--under-mccain-plan-adviser-says-2008-10-14.html[/source]
    Example Usage
  • Example Output

Source (extended)

Similar to source, except you can include an excerpt within the tag.

  • [source=Option]value[/source]
    Usage
  • [source=http://www.breitbart.com/article.php?id=D943289G0&show_article=1]In court records unsealed Monday, agents said...[/source]
    Example Usage
  • Source:
    In court records unsealed Monday, agents said... (Source)
    Example Output

span

Create a CSS-style wrapper around your text.

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

Special

Quickly link to a Special Page.

  • [special]value[/special]
    Usage
  • [special=Specialpages]Specialpages[/special]
    Example Usage
  • [special=Specialpages]Specialpages[/special]
    Example Output

The Daily Show

Embed clips from The Daily Show web site. To do so, look at the URL and find the video ID. Wrap it in [stewart][/stewart] tags and enjoy.
Example:

http://www.thedailyshow.com/video/index.jhtml?videoId=114096&title=Headlines---Cheney-Hunting-Accident
The videoID is the number in bold.

Strikethrough

Uses CSS to mimic the <strike> element.

  • [strike]value[/strike]
    Usage
  • Unstricken, [strike]Stricken text[/strike]
    Example Usage
  • Unstricken, Stricken text
    Example Output

Table

Create a table for data cells.

  • [table]value[/table]
    Usage
  • [table=head]hello[/table]
    Example Usage
  • [table=head]hello[/table]
    Example Output

Template

Quickly insert a template into an article.

  • [template]value[/template]
    Usage
  • [template=Spoiler]Spoiler[/template]
    Example Usage
  • [template=Spoiler]Spoiler[/template]
    Example Output

Table of Contents

Insert the table of contents somewhere specific in the current article.

  • [toc]value[/toc]
    Usage
  • [toc][/toc]
    Example Usage
  • [toc]$s[/toc]
    Example Output

Widget

Create a variety of wiki-based and custom widgets.

  • [widget]value[/widget]
    Usage
  • [widget]MultiPage |Page 1 |Page 2 [/widget]
    Example Usage
  • MultiPage
    |Page 1
    |Page 2
    Example Output

Wiki

Create a link to an article in the Wiki namespace.

YouTube

The [youtube] tag will embed a YouTube video in the message. Put the video id (the text after /watch?v= in the URL) between the opening and closing [youtube] tags.

  • [youtube]value[/youtube]
    Usage
  • [youtube]9GmeRUlEFM8[/youtube]
    Example Usage
  • Example Output

YouTube (Start At)

Start playing a YouTube video at a specified time (in seconds).

  • [youtube=Option]value[/youtube]
    Usage
  • [youtube=116]aJl2G-ByHrk[/youtube]
    Example Usage
  • Example Output

Youtube Playlists

Embeds a playlist from YouTube. If the YouTube Playlist URL is: http://www.youtube.com/view_play_list?p=8EA73C0A46CF873D The part after p= (shown in italics) is what you put between the ytplaylist tags.

  • [ytplaylist]value[/ytplaylist]
    Usage
  • [ytplaylist]8EA73C0A46CF873D[/ytplaylist]
    Example Usage
  • Example Output