BB Codes

[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]Tên thành viên[/USER]

Output:: Tên thành viên

[IMG] - Image

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

Example:: [IMG]https://chuyenlamnong.com/styles/scratch/xenforo/avatars/avatar_s.png[/IMG]

Output:

[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; Liveleak; Metacafe; 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

Entry 1
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:: Quoted text
Bấm để mở rộng...

A person đã nói:

Something they said
Bấm để mở rộng...

[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.

[NOTE=option] - Note

Render floating note, support left and right position.

Example:: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id tincidunt dolor. Quisque rhoncus ante elit, ac suscipit ligula efficitur et. Integer scelerisque ultrices felis. Aliquam erat volutpat. Suspendisse et scelerisque orci, eget bibendum mi. Duis fringilla molestie tellus, sit amet convallis enim vulputate fringilla. Nulla facilisi. Nam non malesuada risus. Nulla bibendum nec nunc ac auctor. Vivamus ornare pellentesque posuere. Fusce nec euismod ante, in convallis velit. Fusce ac vestibulum mi. Cras efficitur id felis semper aliquet.

[note=right]Suspendisse semper congue urna, tempus ultricies tortor imperdiet ac. Curabitur scelerisque eu velit id rutrum. Nullam ac sapien eget lacus iaculis pharetra. Pellentesque condimentum mattis sem nec ultricies. Suspendisse semper congue pretium. Morbi ut convallis lacus, ac mollis tellus. Ut in elit vitae justo venenatis mollis. Curabitur lectus quam, fermentum quis tellus et, fermentum cursus nulla.[/note]

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus vestibulum ipsum sit amet nunc vulputate maximus. Nam eu massa feugiat, vestibulum augue sit amet, rutrum nibh. Pellentesque felis nibh, sollicitudin ac nisi vitae, fermentum facilisis odio. Duis augue est, condimentum a lacus vitae, scelerisque cursus metus. Curabitur a risus commodo lectus luctus vestibulum. Etiam et tortor tempus, feugiat velit quis, aliquam turpis. Suspendisse at metus in mauris mollis hendrerit. In vel nulla eu augue porta consectetur id ac dui. Nulla facilisi. Ut nisl nulla, convallis placerat ante eu, placerat pharetra mi. Quisque eu nisi ut nisl venenatis malesuada sit amet in nisi.

Output:: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id tincidunt dolor. Quisque rhoncus ante elit, ac suscipit ligula efficitur et. Integer scelerisque ultrices felis. Aliquam erat volutpat. Suspendisse et scelerisque orci, eget bibendum mi. Duis fringilla molestie tellus, sit amet convallis enim vulputate fringilla. Nulla facilisi. Nam non malesuada risus. Nulla bibendum nec nunc ac auctor. Vivamus ornare pellentesque posuere. Fusce nec euismod ante, in convallis velit. Fusce ac vestibulum mi. Cras efficitur id felis semper aliquet.

Suspendisse semper congue urna, tempus ultricies tortor imperdiet ac. Curabitur scelerisque eu velit id rutrum. Nullam ac sapien eget lacus iaculis pharetra. Pellentesque condimentum mattis sem nec ultricies. Suspendisse semper congue pretium. Morbi ut convallis lacus, ac mollis tellus. Ut in elit vitae justo venenatis mollis. Curabitur lectus quam, fermentum quis tellus et, fermentum cursus nulla.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus vestibulum ipsum sit amet nunc vulputate maximus. Nam eu massa feugiat, vestibulum augue sit amet, rutrum nibh. Pellentesque felis nibh, sollicitudin ac nisi vitae, fermentum facilisis odio. Duis augue est, condimentum a lacus vitae, scelerisque cursus metus. Curabitur a risus commodo lectus luctus vestibulum. Etiam et tortor tempus, feugiat velit quis, aliquam turpis. Suspendisse at metus in mauris mollis hendrerit. In vel nulla eu augue porta consectetur id ac dui. Nulla facilisi. Ut nisl nulla, convallis placerat ante eu, placerat pharetra mi. Quisque eu nisi ut nisl venenatis malesuada sit amet in nisi.

[PREVIEW] - Link Preview

Show a preview of the wrapped link.

Example:: [PREVIEW]https://xenforo.com[/PREVIEW]

Output:: https://xenforo.com

[RATIO=option] - Responsive Media

Display embedded media with predefined ratio which works across different browser width.

Example:: [RATIO=4/3][MEDIA=youtube]jNQXAC9IVRw[/MEDIA][/RATIO]

Output: