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. Highlight
  3. Email Linking
  4. URL Hyperlinking
  5. Thread Linking
  6. Post Linking
  7. Bulleted Lists / Advanced Lists
  8. Images
  9. Videos
  10. Code
  11. HTML Code
  12. Quote
  13. Stop BB Code Parsing
  14. Attachment
  15. HashTags
  16. Usertags
  17. Ad codes
  18. Ad Code - ins tag
  19. Ad Code - source
  20. Article Author
  21. Center_hidden
  22. crouching-tiger-disappearing-spoiler
  23. FB Video
  24. HTML comment (internal)
  25. Custom image style
  26. Custom Image Max-Width
  27. Instagram
  28. Justify
  29. Tag first image for mobile content
  30. Tag preview image for mobile content
  31. Rising Stats BBCode
  32. Soundcloud
  33. spoiler
  34. spoiler-box
  35. Spotify
  36. Storify BBCode
  37. Twitter
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][email protected][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

Email Linking

The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.

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]http://www.pinoyexchange.com/forums/newPex/images/statusicon/forum_new-48.png[/img] (Not linked)
    • [url=http://www.example.com] [img]http://www.pinoyexchange.com/forums/newPex/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

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

HashTags

Adds a hashtag to enclosed text. Clicking the enclosed texts takes you to a list of threads that have the same text in them and threads that have been tagged with the same hashtag!

  • [#]value[/#]
    Usage
  • [#]multiply[/#]
    Example Usage
  • Example Output

Usertags

Usertag is use to call attention of other member tagged/mentioned in a post

  • [@]value[/@]
    Usage
  • [@]username[/@]
    Example Usage
  • Example Output

Ad codes

Ad codes for content use. Inside script tags

  • [adcode]value[/adcode]
    Usage
  • [adcode]innity_pcu = 'http://www.innity.com'; innity_domain = 'http://network.innity.com/testscript/mobile/cube/';[/adcode]
    Example Usage
  • Example Output

Ad Code - ins tag

Ad codes for content use. attributes for ins tag

  • [adcodeins]value[/adcodeins]
    Usage
  • [adcodeins]class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-7948914231591768" data-ad-slot="‎8374864888"[/adcodeins]
    Example Usage
  • Example Output

Ad Code - source

Ad codes for content use. src link for script tags

  • [adcodesrc=Option]value[/adcodesrc]
    Usage
  • [adcodesrc='']http://network.innity.com/testscript/mobile/cube/scripts/proxy_standard_inline_auto.js[/adcodesrc]
    Example Usage
  • Example Output

Article Author

Enclosed this in a new box

  • [article-author]value[/article-author]
    Usage
  • [article-author]Some Text[/article-author]
    Example Usage
  • Example Output

Center_hidden

FORCING a center tag

  • [center-hidden]value[/center-hidden]
    Usage
  • [center-hidden]CENTER TEXT[/center-hidden]
    Example Usage
  • CENTER TEXT
    Example Output

crouching-tiger-disappearing-spoiler

omg it's a spoiler!

  • [crouching-tiger-disappearing-spoiler]value[/crouching-tiger-disappearing-spoiler]
    Usage
  • [crouching-tiger-disappearing-spoiler] masyado bang mahaba ang vB tag na to? :p [/crouching-tiger-disappearing-spoiler]
    Example Usage
  • Example Output

FB Video

Embed Facebook videos

  • [fbvideo]value[/fbvideo]
    Usage
  • [fbvideo]https://www.facebook.com/putanginamaymaipostlang/videos/442334422597670/[/fbvideo]
    Example Usage
  • Example Output

HTML comment (internal)

Internal use

  • [htmlcomment]value[/htmlcomment]
    Usage
  • [htmlcomment]comment this[/htmlcomment]
    Example Usage
  • Example Output

Custom image style

Image tags with custom style

  • [IMG-custom=Option]value[/IMG-custom]
    Usage
  • [IMG-custom=display:none;]http://www.pinoyexchange.com/images/Customized_Pizza_from_Project_Pie.jpg[/IMG-custom]
    Example Usage
  • Example Output

Custom Image Max-Width

  • [img-custom_width=Option]value[/img-custom_width]
    Usage
  • [img-custom_width=100]http://www.pinoyexchange.com/images/Customized_Pizza_from_Project_Pie.jpg[/img-custom_width]
    Example Usage
  • Example Output

Instagram

Embed instagram posts

  • [instagram]value[/instagram]
    Usage
  • [instagram]https://instagram.com/p/49C7K7q7Gq[/instagram]
    Example Usage
  • Example Output

Justify

justify allignment

  • [justify]value[/justify]
    Usage
  • [justify]JUSTIFY TEXT[/justify]
    Example Usage
  • JUSTIFY TEXT

    Example Output

Tag first image for mobile content

First display image for mobile content.

  • [MOBIMG]value[/MOBIMG]
    Usage
  • [MOBIMG]http://www.pinoyexchange.com/images/Customized_Pizza_from_Project_Pie.jpg[/MOBIMG]
    Example Usage
  • Example Output

Tag preview image for mobile content

Hide link from content. Link used for mobile image preview

  • [MOBPRIMG]value[/MOBPRIMG]
    Usage
  • [MOBPRIMG]http://www.pinoyexchange.com/images/Customized_Pizza_from_Project_Pie.jpg[/MOBPRIMG]
    Example Usage
  • http://www.pinoyexchange.com/images/Customized_Pizza_from_Project_Pie.jpg
    Example Output

Rising Stats BBCode

Rising Stars PH bbcode

  • [sing]value[/sing]
    Usage
  • [sing]video details[/sing]
    Example Usage
  • Example Output

Soundcloud

Share a track or playlist you found on SoundCloud

  • [soundcloud]value[/soundcloud]
    Usage
  • [soundcloud]https://soundcloud.com/little-fashion-gallery/moon-river-audrey-hepburn[/soundcloud]
    Example Usage
  • Example Output

spoiler

for all your spoiler needs!

  • [spoiler]value[/spoiler]
    Usage
  • [spoiler] spoiler text here [/spoiler]
    Example Usage
  • [spoiler start] spoiler text here [/spoiler end]
    Example Output

spoiler-box

it's a spoiler! it's a spoiler!

  • [spoiler-box]value[/spoiler-box]
    Usage
  • [spoiler-box] spoiler text here [/spoiler-box]
    Example Usage
  • Spoiler:
    spoiler text here
    Example Output

Spotify

Embed Spotify tracks/playlist

  • [spotify]value[/spotify]
    Usage
  • [spotify]http://open.spotify.com/user/spotify/playlist/4NDUPAZZ1LBw9wvTOq1Mm2[/spotify]
    Example Usage
  • Example Output

Storify BBCode

Embed storify articles , external scripts, presumed safe

  • [storify]value[/storify]
    Usage
  • [storify title=View the story "Don Allado: PBA Games are Fixed" on Storify]//storify.com/PinoyExchange/don-allado-pba-games-are-fixed.js[/storify]
    Example Usage
  • [storify title=View the story "Don Allado: PBA Games are Fixed" on Storify]//storify.com/PinoyExchange/don-allado-pba-games-are-fixed.js[/storify]
    Example Output

Twitter

Embed tweets

  • [tweet]value[/tweet]
    Usage
  • [tweet]https://twitter.com/pinoyexchange/status/615800914985660416[/tweet]
    Example Usage
  • Example Output