Thông báo khẩn

Tạm thời shoutbox sẽ ko còn xuất hiện ở home page nữa.
Mọi người sử dung shoutbox bằng link bên dưới.
Go to shoutbox
  • [B], [I], [U], [S] - Bold, Italics, Underline, and Strike-through

    Makes the wrapped text bold, italic, underlined, or struck-through.

    Example:
    This is [B]bold[/B] text.
    This is [I]italic[/I] text.
    This is [U]underlined[/U] text.
    This is [S]struck-through[/S] text.
    Output:
    This is bold text.
    This is italic text.
    This is underlined text.
    This is struck-through text.
  • [COLOR=color], [FONT=name], [SIZE=size] - Text Color, Font, and Size

    Changes the color, font, or size of the wrapped text.

    Example:
    This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
    This is [FONT=Courier New]Courier New[/FONT] text.
    This is [SIZE=1]small[/SIZE] and [SIZE=7]big[/SIZE] text.
    Output:
    This is red and blue text.
    This is Courier New text.
    This is small and big text.
  • [URL], [EMAIL] - Linking

    Creates a link using the wrapped text as the target.

    Example:
    [URL]http://www.example.com[/URL]
    [EMAIL]example@example.com[/EMAIL]
    Output:
    http://www.example.com
    example@example.com
  • [URL=link], [EMAIL=address] - Linking (Advanced)

    Links the wrapped text to the specified web page or email address.

    Example:
    [URL=http://www.example.com]Go to example.com[/URL]
    [EMAIL=example@example.com]Email me[/EMAIL]
    Output:
    Go to example.com
    Email me
  • [USER=ID] - Profile Linking

    Links to a user's profile. This is generally inserted automatically when tagging a user.

    Example:
    [USER=1]User Name[/USER]
    Output:
    User Name
  • [IMG] - Image

    Display an image, using the wrapped text as the URL.

    Example:
    [IMG]http://han48.vn/​styles/subway​/xenforo/avatars/avatar_s.png[/IMG]
    Output:
    [​IMG]
  • [MEDIA=site] - Embedded Media

    Embeds media from approved sites into your message. It is recommended that you use the media button in the editor tool bar. Approved sites: Dailymotion; Facebook; googledriver; Liveleak; Metacafe; Tweets; Vimeo; YouTube;

    Example:
    [MEDIA=youtube]oHg5SJYRHA0[/MEDIA]
    Output:
    An embedded YouTube player would appear here.
  • [LIST] - Lists

    Displays a bulleted or numbered list.

    Example:
    [LIST]
    [*]Bullet 1
    [*]Bullet 2
    [/LIST]
    [LIST=1]
    [*]Entry 1
    [*]Entry 2
    [/LIST]
    Output:
    • Bullet 1
    • Bullet 2
    1. Entry 1
    2. Entry 2
  • [LEFT], [CENTER], [RIGHT] - Text Alignment

    Changes the alignment of the wrapped text.

    Example:
    [LEFT]Left-aligned[/LEFT]
    [CENTER]Center-aligned[/CENTER]
    [RIGHT]Right-aligned[/RIGHT]
    Output:
    Left-aligned​
    Center-aligned​
    Right-aligned​
  • [QUOTE] - Quoted Text

    Displays text that has been quoted from another source. You may also attribute the name of the source.

    Example:
    [QUOTE]Quoted text[/QUOTE]
    [QUOTE=A person]Something they said[/QUOTE]
    Output:
  • [SPOILER] - Text Containing Spoilers

    Hides text that may contain spoilers so that it must be clicked by the viewer to be seen.

    Example:
    [SPOILER]Simple spoiler[/SPOILER]
    [SPOILER=Spoiler Title]Spoiler with a title[/SPOILER]
    Output:
    Simple spoiler
    Spoiler with a title
  • [CODE], [PHP], [HTML] - Programming Code Display

    Displays text in one of several programming languages, highlighting the syntax where possible.

    Example:
    [CODE]General
    code[/CODE]
    [PHP]echo $hello . 'world';[/PHP]
    Output:
    Code:
    General
    code
    PHP:
    echo $hello 'world';
  • [INDENT] - Text Indent

    Indents the wrapped text. This can be nested for larger indentings.

    Example:
    Regular text
    [INDENT]Indented text
    [INDENT]More indented[/INDENT]
    [/INDENT]
    Output:
    Regular text
    Indented text
    More indented​
  • [PLAIN] - Plain Text

    Disables BB code translation on the wrapped text.

    Example:
    [PLAIN]This is not [B]bold[/B] text.[/PLAIN]
    Output:
    This is not [B]bold[/B] text.
  • [ATTACH] - Attachment Insertion

    Inserts an attachment at the specified point. If the attachment is an image, a thumbnail or full size version will be inserted. This will generally be inserted by clicking the appropriate button.

    Example:
    Thumbnail: [ATTACH]123[/ATTACH]
    Full Size: [ATTACH=full]123[/ATTACH]
    Output:
    The contents of the attachments would appear here.
  • [BACKCOLOR=option] - Background Color

    Add a background color to your text

    Example:
    [backcolor=red]This is a red background[/backcolor]
    [backcolor=#5100FF]This is a blue background[/backcolor]
    Output:
    This is a red background
    This is a blue background
  • [BORDER=option] - Border

    Add border to your text

    Example:
    [border=red]This is a text with red border[/border]
    Output:
    This is a text with red border
  • [CHANGECOLOR=option] - Change Text Color

    Change Text Color on Mouse Hover

    Example:
    [changecolor=green]Text change color on mouse hover ![/changecolor]
    Output:
    Text change color on mouse hover !
  • [CONTAINER] - Container

    A transparent container which will automatically overflow if the content is wider than the page or larger than 600px in height.

    Example:
    [CONTAINER]This is a transparent container with a fluid height. It is typically used to enclose large tables which have lots of columns and rows.[/CONTAINER]
    Output:
    This is a transparent container with a fluid height. It is typically used to enclose large tables which have lots of columns and rows.
  • [FLOAT_LEFT] - Float Left

    Float content left, enabling text to wrap around it.

    Example:
    [FLOAT_LEFT][BOX=50]This content is floated left.
    Adjacent text will wrap
    around it.[/BOX][/FLOAT_LEFT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
    Output:
    [BOX=50]This content is floated left.
    Adjacent text will wrap
    around it.[/BOX]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
  • [FLOAT_RIGHT] - Float Right

    Float content right, enabling text to wrap around it.

    Example:
    [FLOAT_RIGHT][BOX=50]This content is floated right.
    Adjacent text will wrap
    around it.[/BOX][/FLOAT_RIGHT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
    Output:
    [BOX=50]This content is floated right.
    Adjacent text will wrap
    around it.[/BOX]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
  • [H1] - H1 Size Text

    Text in H1 Size

    Example:
    [H1]Text in H1 Size[/H1]
    Output:

    Text in H1 Size

  • [H2] - H2 Size Text

    Text in H2 Size

    Example:
    [H2]Text in H2 Size[/H2]
    Output:

    Text in H2 Size

  • [H3] - H3 Size Text

    Text in H3 Size

    Example:
    [H3]Text in H3 Size[/H3]
    Output:

    Text in H3 Size

  • [H4] - H4 Size Text

    Text in H4 Size

    Example:
    [H4]Text in H4 Size[/H4]
    Output:

    Text in H4 Size

  • [H5] - H5 Size Text

    Text in H5 Size

    Example:
    [H5]Text in H5 Size[/H5]
    Output:
    Text in H5 Size
  • [MARQUEE] - Text Scrolling

    Text which scroll

    Example:
    [marquee]Scrolling Text[/marquee]
    Output:
    Scrolling Text
  • [O] - Overline

    Overline text

    Example:
    [o]This is an overline text[/o]
    Output:
    This is an overline text
  • [SHADOW=option] - Text with shadow effect

    The text will be in effect shadow

    Example:
    [shadow=red]Text in red effect shadow[/shadow]
    [shadow=#FFFFFF]Text in white effect shadow[/shadow]
    Output:
    Text in red effect shadow
    Text in white effect shadow
  • [TABLER] - tabler

    A table.

    Example:
    [TABLER][TR][TH]This is a header cell[/TH][TH]This is a header cell[/TH][/TR][TR1][TD]This is a left aligned cell[/TD][TD1]This is a centre aligned cell[/TD1][/TR1][TR2][TD2]This is a right aligned cell[/TD2][TD]Left aligned[/TD][/TR2][TR1][TD1]Centre aligned[/TD1][TD2]Right aligned[/TD2][/TR1][/TABLER]
    Output:
    This is a header cellThis is a header cell
    This is a left aligned cellThis is a centre aligned cell
    This is a right aligned cellLeft aligned
    Centre alignedRight aligned
  • [TD] - tabler Cell (Left)

    A cell with left aligned text.

    Example:
    [tabler][TR][TD]This is a left aligned (standard) cell[/TD][/TR][/TABLE]
    Output:
    [/TABLE]
    This is a left aligned (standard) cell
  • [TD1] - tabler Cell (Centred)

    A cell with centre aligned text.

    Example:
    [tabler][TR][TD1]This is a centre aligned cell[/TD1][/TR][/TABLE]
    Output:
    [/TABLE]
    This is a centre aligned cell
  • [TD2] - tabler Cell (Right)

    A cell with right aligned text.

    Example:
    [tabler][TR][TD2]This is a right aligned cell[/TD2][/TR][/TABLE]
    Output:
    [/TABLE]
    This is a right aligned cell
  • [TH] - tabler Cell (Header)

    A header cell with bold, centre aligned text and a dark background.

    Example:
    [tabler][TR][TH]This is a header cell[/TH][/TR][/TABLE]
    Output:
    [/TABLE]
    This is a header cell
  • [TR] - tabler Row (Transparent)

    A row with a transparent background.

    Example:
    [tabler][TR][TD]This is a standard cell in a row with a transparent background[/TD][/TR][/TABLE]
    Output:
    [/TABLE]
    This is a standard cell in a row with a transparent background
  • [TR1] - tabler Row (Odd)

    A row with a lighter background.

    Example:
    [tabler][TR1][TD]This is a standard cell in a row with a lighter background[/TD][/TR1][/TABLE]
    Output:
    [/TABLE]
    This is a standard cell in a row with a lighter background
  • [TR2] - tabler Row (Even)

    A row with a darker background.

    Example:
    [tabler][TR2][TD]This is a standard cell in a row with a darker background[/TD][/TR2][/TABLE]
    Output:
    [/TABLE]
    This is a standard cell in a row with a darker background
  • [bar] - [STATS] BAR

    Bar graph for stats

    Example:
    [bar=800x500|bcenter|legend:e|label-pos:0.8|no-grid:xy]
    {title=left}Title test 2{/title}
    {xaxis}Label x{/xaxis}
    {data=label:2010}
    Heavy Industry | 22
    Retail | 9
    Light Industry | 14
    Out of home | 16
    Commuting | 7
    Orientation | 9
    {/data}
    {data=label:2011}
    Heavy Industry | 30
    Retail | 4
    Light Industry | 10
    Out of home | 18
    Commuting | 9
    Orientation | 20
    {/data}
    {data=label:2012}
    Heavy Industry | 22
    Retail | 9
    Light Industry | 14
    Out of home | 16
    Commuting | 7
    Orientation | 9
    {/data}
    [/bar]

    [bar=400x400|bcenter|legend:no|label-pos:0.8|bar-h|multi-color]
    {title=left}Title test 2{/title}
    {data}22; 9; 14; 16; 7; 9{/data}
    {ticks=yaxis}Heavy Industry|Retail|Light Industry|Out of home|Commuting|Orientation{/ticks}
    [/bar]

    [bar=stack-data|stack-values|point-labels|bar-margin:30|legend: outside]
    {data}2; 6; 7; 10{/data}
    {data}7; 5; 3; 4{/data}
    {data}14; 9; 3; 8{/data}
    [/bar]

    [bar=point-labels|legend:no|multi-color]
    {data}14 ; 32 ; 41 ; 44 ; 40{/data}
    {ticks}A|B|C|D|E{/ticks}
    {points}fourteen|thirty two|fourty one|fourty four|fourty{/points}
    [/bar]

    [bar=600x@|no-tick|pad:0|legend:no|zoom]
    {data=mod-axis:y-y2|point-labels|bar-padding:-15|bar-margin:0|bar-width:15|animate:2500}
    2002 | 10200
    2003 | 10800
    2004 | 11200
    2005 | 11800
    2006 | 12400
    2007 | 12800
    2008 | 13200
    2009 | 12600
    2010 | 13100
    {/data}
    {data=no-renderer|animate:2000}
    2002 | 112000
    2003 | 122000
    2004 | 104000
    2005 | 99000
    2006 | 121000
    2007 | 148000
    2008 | 114000
    2009 | 133000
    2010 | 161000
    2011 | 173000
    {/data}
    {yaxis=string:dollar|tick-zero}{/yaxis}
    {y2axis=string:dollar|no-grid|tick-zero|tick-align}{/y2axis}
    {xaxis=no-tick-mark}{/xaxis}
    {zoom=loose}{/zoom}
    {hl=tooltip:s|tooltip-axis:y|size-adjust:7.5}{/hl}
    [/bar]

    [bar=point-labels|multi-color|legend:w-outside|tick-angle:0]
    {data}1x4;3x5;7x2{/data}
    {points}a|b|c{/points}
    [/bar]

    [bar=point-labels|legend:s-outside|no-tick]
    {data}1x4{/data}
    {data}3x5{/data}
    {data}7x2{/data}
    {points}a|b|c{/points}
    [/bar]
    Output:












  • [pie] - [STATS] PIE

    Pie graph for stats

    Example:
    [pie=legend:nw|label: label|label-pos:0.8|start-angle:-60]
    {title}Test{/title}
    {data}
    Heavy Industry | 22
    Retail | 9
    Light Industry | 14
    Out of home | 16
    Commuting | 7
    Orientation | 9
    {/data}
    [/pie]

    [pie=legend:nw|label-pos:0.8|start-angle:-60|slice-margin:3]
    {title}Title test{/title}
    {data}
    Heavy Industry | 22
    Retail | 9
    Light Industry | 14
    Out of home | 16
    Commuting | 7
    Orientation | 9
    {/data}
    {data}
    Heavy Industry | 30
    Retail | 4
    Light Industry | 10
    Out of home | 18
    Commuting | 9
    Orientation | 20
    {/data}
    [/pie]
    Output:


  • [protected] - BBM Protected Content

    This his Bb Code to protect your content

    Example:
    [protected]Content[/protected]
    Output:
    Sorry you can't use this Bb Code
  • [raw] - BBM Raw (Html)

    Html Bb Code

    Example:
    Only for some usergroups & in posts:
    [raw]<b>Text in bold</b>[/raw]
    Output:
    Only for some usergroups & in posts:
    Text in bold