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. Trích dẫn
  19. Stop BB Code Parsing
  20. Đính kèm
  21. Baamboo
  22. Style Class
  23. Div Tag
  24. Div Tag Ext
  25. Flash
  26. Flash with Custom-Height
  27. FLV Video
  28. Style Header
  29. Hide Text
  30. DDT iFrame
  31. Internal Link
  32. Internal Link
  33. Text markup
  34. Media
  35. Mention
  36. Marquee Text
  37. Non-displayed Text
  38. Notice Frame
  39. Preformatted
  40. Highlight Text
  41. Gradient Text
  42. Scrolling[default]
  43. Scrolling
  44. Slide.com
  45. Style
  46. Sub Text
  47. Sup text
  48. Math Equal
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=Tùy chọn]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=Tùy chọn]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=Tùy chọn]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=Tùy chọn]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.

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=Tùy chọn]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.daoduytu.edu.vn/forum/digitalvb/morbid/statusicon/forum_new-48.png[/img] (Not linked)
    • [url=http://www.example.com] [img]http://www.daoduytu.edu.vn/forum/digitalvb/morbid/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

Trích dẫn

The [quote] tag allows you to attribute text to someone else.

    • [quote]Trích dẫn[/quote]
    • [quote=Tên tài khoản]value[/quote]
    Usage
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;217430]Lorem ipsum dolor sit amet[/quote]
    Example Usage
    • Lorem ipsum dolor sit amet
    • Trích dẫn Gửi bởi John Doe
      Lorem ipsum dolor sit amet
    • Trích dẫn Gửi bởi John Doe Xem bài viết
      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

Đính kèm

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

Baamboo

  • [baamboo]value[/baamboo]
    Usage
  • [baamboo]93H3eJ67hwU[/baamboo]
    Example Usage
  • BaamBoo Video
    Example Output

Style Class

  • [class=Tùy chọn]value[/class]
    Usage
  • Example Usage
  • Example Output

Div Tag

Sử dụng thẻ div để trình bày bày viết ở chế độ dàn đều: justify.

  • [div]value[/div]
    Usage
  • [div]Nội dung đoạn văn bản.[/div]
    Example Usage
  • Nội dung đoạn văn bản.
    Example Output

Div Tag Ext

Thẻ DIV mở rộng với phần tùy chỉnh tự do các thiết lập hiển thị.

  • [div=Tùy chọn]value[/div]
    Usage
  • [div="border: #ccc solid 1px;"]Content[/div]
    Example Usage
  • Content
    Example Output

  • [fieldset=Tùy chọn]value[/fieldset]
    Usage
  • [fieldset="tùy chọn"]Text field[/fieldset]
    Example Usage
  • tùy chọnText field
    Example Output

Flash

height="253"

  • [flash]value[/flash]
    Usage
  • [flash]http://www.tinhban-online.com/uploads/fash/vangtrang.swf[/flash]
    Example Usage
  • Example Output

Flash with Custom-Height

  • [flash=Tùy chọn]value[/flash]
    Usage
  • [flash=340]http://www.myheritagefiles.com/videos/H/22/cpi728_038965b3df1d64rc9a3o28[/flash]
    Example Usage
  • Example Output

FLV Video

  • [flv]value[/flv]
    Usage
  • [flv]http://media.vnexpress.net/MediaStore/Video/2008/11/12/Another%20Fight.flv[/flv]
    Example Usage
  • www.daoduytu.edu.vn FLV Player

    Click chuột phải và chọn Save Target As...
    Hãy click vào biểu tượng Download và chọn Save Target As để tải nhạc.
     Click vào biểu tượng này để lấy code cho blog
    Example Output

Style Header

  • [hd=Tùy chọn]value[/hd]
    Usage
  • [hd="glossy"]Glossy Style Heading[/hd]
    Example Usage
  • Glossy Style Heading

    Example Output

Hide Text

- images/editor/expan..gif - images/editor/Return.gif - <!--{param}-->

  • [hide]value[/hide]
    Usage
  • click here >[hide]abc[/hide]
    Example Usage
  • click here > Hiện text ẩn<-- abc -->
    Example Output

DDT iFrame

Restricted use: For Mod Only!

  • [iframe=Tùy chọn]value[/iframe]
    Usage
  • [iframe=100]index.html[/iframe]
    Example Usage
  • Example Output

Internal Link

  • [iurl]value[/iurl]
    Usage
  • [iurl]index.php[/iurl]
    Example Usage
  • Example Output

Internal Link

Text markup

  • [mark]value[/mark]
    Usage
  • đoạn text được [mark]đánh dấu[/mark].
    Example Usage
  • đoạn text được  đánh dấu .
    Example Output

  • [mark=Tùy chọn]value[/mark]
    Usage
  • [mark="Red"]Markup with custom color[/mark]
    Example Usage
  •  Markup with custom color 
    Example Output

Media

  • [media]value[/media]
    Usage
  • [media]mms://210.245.24.10/Music/NhacTre/DuyManh_TinhEmLaDaiDuong/wma/04_DuyManh_KiepDoDen.wma[/media]
    Example Usage
  • WWW.DAODUYTU.NET Music Online
    Link Download bài hát
    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

Marquee Text

  • [mrq]value[/mrq]
    Usage
  • [Marquee] Text [/Marquee]
    Example Usage
  • [Marquee] Text [/Marquee]
    Example Output

Non-displayed Text

Non-display content will be really useful when come along with HIDE or QUOTE BBCode

  • [none]value[/none]
    Usage
  • [none]This text will not be display.[/none]
    Example Usage
  • This text will not be display.
    Example Output

Notice Frame

Nhập nội dung đoạn văn bản cần nhấn mạnh hoặc muốn gây sự chú ý. Phần nội dung này sẽ được cho vào khung làm nổi bật giữa những nội dung khác của bài viết.

  • [notice]value[/notice]
    Usage
  • [notice]Nhập nội dung đoạn văn bản cần nhấn mạnh hoặc muốn gây sự chú ý.[/notice]
    Example Usage
  • Nhập nội dung đoạn văn bản cần nhấn mạnh hoặc muốn gây sự chú ý.
    Example Output

Preformatted

Hiển thị văn bản được trình bày như khi gõ vào, không làm thay đổi khoảng cách do ký tự khoảng trắng gây ra.

  • [pre=Tùy chọn]value[/pre]
    Usage
  • [pre="background:#ffffcc;"]a b c d e[/pre]
    Example Usage
  • a                    b           c         d               e
    Example Output

Highlight Text

Hiệu ứng chữ cầu vồng

  • [rainbow]value[/rainbow]
    Usage
  • [rainbow]Chữ cầu vồng[/rainbow]
    Example Usage
  • Example Output

Gradient Text

Gradient Text

  • [rainbow=Tùy chọn]value[/rainbow]
    Usage
  • [rainbow="000000 666666 cccccc"]Gradient Text (Advanced Rainbow Text)[/rainbow]
    Example Usage
  • Example Output

Scrolling[default]

  • [scroll]value[/scroll]
    Usage
  • [scroll]a[/scroll]
    Example Usage
  • a
    Example Output

Scrolling

  • [scroll=Tùy chọn]value[/scroll]
    Usage
  • [scroll="#d33"]a[/scroll]
    Example Usage
  • a
    Example Output

Slide.com

  • [ss]value[/ss]
    Usage
  • [ss]1369094286726052351[/ss]
    Example Usage
  • Example Output

Style

  • [style]value[/style]
    Usage
  • [style].mybold {font-weight: bold;}[/style]
    Example Usage
  • Example Output

Sub Text

Hiển thị chữ nhỏ dưới

  • [sub]value[/sub]
    Usage
  • X[sub]2[/sub]
    Example Usage
  • X2
    Example Output

Sup text

Làm công thức toán

  • [sup]value[/sup]
    Usage
  • X[sup]2[/sup]
    Example Usage
  • X2
    Example Output

  • [td=Tùy chọn]value[/td]
    Usage
  • Example Usage
  • Example Output

Math Equal

  • [tex]value[/tex]
    Usage
  • [tex] f(x)=int_{-infty}^x e^{-t^2}dt[/tex]
    Example Usage
  • Example Output

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