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. 101
  22. BBC 1Xtra Video
  23. Align Image Left
  24. Name anchor link
  25. collegehumour.com
  26. DownloadAMixtape
  27. Object Float Left
  28. Object Float Right
  29. Funny Or Die
  30. GF Blog
  31. GFBLOG2
  32. GTAV
  33. HulkShare
  34. Anchor Link
  35. JW
  36. Kyte.tv
  37. Liveleak
  38. Mention
  39. Mix Cloud
  40. MP3 Embedding
  41. Podbean Podcast
  42. Podbean Video
  43. SoundCloud
  44. SoundCloudID
  45. Soundcloud URL
  46. LOLSpoiler
  47. Sp0iler
  48. Spoiler
  49. SouthParkStudios.com Clips
  50. Strike Through Text
  51. Thumbnail Image
  52. Ustream
  53. uStream Pre-Recorded
  54. uStream Chat
  55. Vimeo Video
  56. Vine
  57. WorldStarHipHop.com
  58. YouTube
  59. Youtube Audio
  60. Youtube HD
  61. Youtube High Quality
  62. Youtube HQ WideScreen
  63. YouTube Playlist
  64. Youtube Widescreen Normal Quality
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://www.grimeforum.com[/url]
    • [url=http://www.grimeforum.com]Grime Forum[/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://www.grimeforum.com/images/primus/slate/statusicon/forum_new-48.png[/img] (Not linked)
    • [url=http://www.example.com] [img]http://www.grimeforum.com/images/primus/slate/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;3614495]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

101

Embed Video From 101.tv

  • [101]value[/101]
    Usage
  • [101]30441e25b74ea40ec8c6f569f87cd3ea[/101]
    Example Usage
  • Example Output

BBC 1Xtra Video

Embed video from BBC.co.uk/1Xtra

  • [1xtra]value[/1xtra]
    Usage
  • [1xtra]http://www.bbc.co.uk/1xtra/summer/2008/emp/malia/freestyle.xml[/1xtra]
    Example Usage
  • Example Output

Align Image Left

  • [align_left]value[/align_left]
    Usage
  • [align_left]http://i89.photobucket.com/albums/k216/stylishjm/crisis_cover.png[/align_left]
    Example Usage
  • Example Output

Name anchor link

The [aname] tag is used in conjunction with the [jumpto] tag. One is not functional without the other.

  • [aname=Option]value[/aname]
    Usage
  • [aname=aname]This is where you jump to[/aname]
    Example Usage
  • Example Output

collegehumour.com

Embed CollegeHumour.com Video

  • [ch]value[/ch]
    Usage
  • [ch]1814036[/ch]
    Example Usage
  • See more funny videos at CollegeHumor
    Example Output

DownloadAMixtape

Use mixtape ID http://www.downloadamixtape.com/?page_id=195&mixtape_id=1402

  • [downloadamixtape]value[/downloadamixtape]
    Usage
  • [downloadamixtape]1402[/downloadamixtape]
    Example Usage
  • Example Output

Object Float Left

Float an object to the left.

  • [floatleft]value[/floatleft]
    Usage
  • [floatleft]Float an object to the left.[/floatleft]
    Example Usage
  • Float an object to the left.
    Example Output

Object Float Right

Float an object to the right.

  • [floatright]value[/floatright]
    Usage
  • [floatright]Float an object to the right.[/floatright]
    Example Usage
  • Float an object to the right.
    Example Output

Funny Or Die

Embed videos from FunnyOrDie.com.
Embed using the part of the URL highlighted in bold here:
http://www.funnyordie.com/videos/ecca5ce448/snoop-dogg-vs-ll-cool-j-the-ultimate-halo-smack-down

GF Blog

Image for GF RSS

  • [GFBLOG]value[/GFBLOG]
    Usage
  • [GFBLOG]http://www.grimeforum.com/forum/images/styles/gf2011/gflogo.png[/GFBLOG]
    Example Usage
  • Example Output

GFBLOG2

  • [GFBLOG2]value[/GFBLOG2]
    Usage
  • [GFBLOG]http://www.grimeforum.com/forum/images/styles/gf2011/gflogo.png[/GFBLOG]
    Example Usage
  • Example Output

GTAV

Live Stream

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

HulkShare

Hulkshare

Anchor Link

The [jumpto] tag allows you to jump to another location within a post, usually used for long posts with headings and/or sections of interest. This tag must be used in conjunction with the [aname] tag. One is not functional without the other.

JW

Test

  • [JW]value[/JW]
    Usage
  • [JW] http://www.youtube.com/watch?v=0QYqRR2oA5Y[/JW]
    Example Usage
  • Error loading the player, please ensure the link is correct.

    http://www.youtube.com/watch?v=0QYqRR2oA5Y
    Example Output

Kyte.tv

  • [kyte]value[/kyte]
    Usage
  • [kyte]73362/192462[/kyte]
    Example Usage
  • Example Output

Liveleak

Use the end part of the embed video tag, found when you click "Share" (it is the top one). For example, http://www.liveleak.com/ll_embed?f=d99b3bb137de

  • [liveleak]value[/liveleak]
    Usage
  • [liveleak]d99b3bb137de[/liveleak]
    Example Usage
  • Example Output

Mention

Mention an user to alert him or her to this post!

  • [mention]value[/mention]
    Usage
  • [mention]Username[/mention]
    Example Usage
  • @
    Example Output

Mix Cloud

Embed Mix Cloud onto GrimeForum. Take the DJ/Artist and the Mix name from the URL and put it between the [mixcloud] BB Code. Example: Take the part in bold from the URL below http://www.mixcloud.com/djvectra/dj-vectra-quick-april-mix/ Then place between the BB Code [mixcloud]djvectra/dj-vectra-quick-april-mix[/mixcloud]

MP3 Embedding

Podbean Podcast

Embed podcasts from Podbean.com

  • [podbean]value[/podbean]
    Usage
  • [podbean]http://grimedigital.podbean.com/mf/play/5pk4h2/s_star_presents_dj_jawzy_instrumental_mix_rude_kid_vs_maniac__master_.mp3[/podbean]
    Example Usage
  • Example Output

Podbean Video

Stream video from Podbean.com

  • [podbeanvideo]value[/podbeanvideo]
    Usage
  • [podbeanvideo]http://www.podbean.com/podcast-audio-video-blog-playlist2/blogs/99544/playlist/littledeevideo.xml[/podbeanvideo]
    Example Usage
  • Example Output

SoundCloud

Old version of soundcloud embed using the full URL.

  • [soundcloud]value[/soundcloud]
    Usage
  • [soundcloud]https://soundcloud.com/keepinitgrimy/logan-sama-lotm-show-guest-mix[/soundcloud]
    Example Usage
  • Example Output

SoundCloudID

After an embed change from SoundCloud, you now need to take the embed code from SoundCloud for your track and find this part:
api.soundcloud.com/tracks/
142668081
&color
The part in red is the track ID, use this to embed the track: [soundcloud]142668081[/soundcloud]

  • [soundcloudnew]value[/soundcloudnew]
    Usage
  • [soundcloudnew]142668081[/soundcloudnew]
    Example Usage
  • Example Output

Soundcloud URL

  • [soundcloudurl]value[/soundcloudurl]
    Usage
  • [soundcloudurl]https://soundcloud.com/keepinitgrimy/logan-sama-lotm-show-guest-mix[/soundcloudurl]
    Example Usage
  • Example Output

LOLSpoiler

  • [sp01ler]value[/sp01ler]
    Usage
  • [sp01ler]LOL[/sp01ler]
    Example Usage
  • ( Click to show/hide )
    Example Output

Sp0iler

  • [sp0iler]value[/sp0iler]
    Usage
  • [sp0iler]LOL[/sp0iler]
    Example Usage
  • ( Click to show/hide )
    LOL
    Example Output

Spoiler

Hide film, game or other plots from users that may not wish to know yet.

  • [spoiler]value[/spoiler]
    Usage
  • [spoiler]film plot text/spoiler to hide[/spoiler]
    Example Usage
  • ( Click to show/hide )
    film plot text/spoiler to hide
    Example Output

SouthParkStudios.com Clips

Embed video from SouthParkStudios.com Clips selection.

  • [sps]value[/sps]
    Usage
  • [sps]155890[/sps]
    Example Usage
  • Example Output

Strike Through Text

Strike through text.

  • [strike]value[/strike]
    Usage
  • [strike]Strike Through Text[/strike]
    Example Usage
  • Strike Through Text
    Example Output

Thumbnail Image

Use this BB Code to make a thumbnail image of a large picture, which users can then click to see the full size picture.

  • [timg]value[/timg]
    Usage
  • [timg]http://zuserver2.star.ucl.ac.uk/~idh/apod/image/9712/orionfull_jcc_big.jpg[/timg]
    Example Usage
  • Example Output

Ustream

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

uStream Pre-Recorded

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

uStream Chat

Embed uStream chat using the channel's name.

  • [ustreamchat]value[/ustreamchat]
    Usage
  • [ustreamchat]the-real-ghetts-show[/ustreamchat]
    Example Usage
  • Example Output

Vimeo Video

Embed Vimeo.com Video

Vine

  • [vine]value[/vine]
    Usage
  • [vine]bjHh0zHdgZT[/vine]
    Example Usage
  • Example Output

WorldStarHipHop.com

Embed videos from World Star Hip Hop. Take the end of the URL marked below in bold.
http://www.worldstarhiphop.com/videos/video.php?v=wshhSQ9Y7E9M3tKP0vhN

  • [wshh]value[/wshh]
    Usage
  • [wshh]wshhSQ9Y7E9M3tKP0vhN[/wshh]
    Example Usage
  • Example Output

YouTube

Use the end part of the video's url in your browser. For example, http://youtube.com/watch?v=JFwCCL0Vh6U

Youtube Audio

Use the end part of the video's url in your browser. For example, http://youtube.com/watch?v=JFwCCL0Vh6U

Youtube HD

HD Youtube Videos

Youtube High Quality

Embed High Quality Youtube Video Links

Youtube HQ WideScreen

Embedding widescreen HQ youtube video.

YouTube Playlist

  • [youtubepl]value[/youtubepl]
    Usage
  • [youtubepl]41D36F767189735F[/youtubepl]
    Example Usage
  • Example Output

Youtube Widescreen Normal Quality

Youtube Widescreen for normal quality videos.