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][email protected][/EMAIL]
- Output:
- http://www.example.com
[email protected]
-
[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 protected]]Email me[/EMAIL]
- Output:
- http://www.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://biker.vn/styles/tactical/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-alignedCenter-alignedRight-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 quotequote 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.
-
[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.
-
[JUSTIFY] - Canh đều trái phải
Justify Align Text
- Example:
- [justify]Ut nunc neque, tincidunt a risus ut, viverra lacinia nulla. Suspendisse id ante id diam posuere rutrum. Nullam egestas arcu vitae neque bibendum tincidunt. Vestibulum rutrum arcu vitae blandit varius. Fusce blandit justo ultricies, suscipit nulla luctus, varius urna. Morbi facilisis laoreet neque, luctus euismod nunc pulvinar ac. Aenean ut risus et tellus pharetra interdum. Etiam fermentum dignissim nisl in euismod. Donec ac commodo metus. Aliquam erat volutpat. In sapien tellus, pretium ac semper ut, volutpat nec leo. Aliquam consectetur malesuada justo, tristique accumsan lorem fringilla id. Vivamus tristique ipsum nec sapien pulvinar, vitae auctor mi varius.[/justify]
- Output:
- Ut nunc neque, tincidunt a risus ut, viverra lacinia nulla. Suspendisse id ante id diam posuere rutrum. Nullam egestas arcu vitae neque bibendum tincidunt. Vestibulum rutrum arcu vitae blandit varius. Fusce blandit justo ultricies, suscipit nulla luctus, varius urna. Morbi facilisis laoreet neque, luctus euismod nunc pulvinar ac. Aenean ut risus et tellus pharetra interdum. Etiam fermentum dignissim nisl in euismod. Donec ac commodo metus. Aliquam erat volutpat. In sapien tellus, pretium ac semper ut, volutpat nec leo. Aliquam consectetur malesuada justo, tristique accumsan lorem fringilla id. Vivamus tristique ipsum nec sapien pulvinar, vitae auctor mi varius.
-
[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:
-
[TABLE] - Table
A table.
- Example:
- [TABLE][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][/TABLE]
- Output:
This is a header cell This is a header cell This is a left aligned cell This is a centre aligned cell This is a right aligned cell Left aligned Centre aligned Right aligned
-
[TD] - Table Cell (Left)
A cell with left aligned text.
- Example:
- [TABLE][TR][TD]This is a left aligned (standard) cell[/TD][/TR][/TABLE]
- Output:
This is a left aligned (standard) cell
-
[TD1] - Table Cell (Centred)
A cell with centre aligned text.
- Example:
- [TABLE][TR][TD1]This is a centre aligned cell[/TD1][/TR][/TABLE]
- Output:
This is a centre aligned cell
-
[TD2] - Table Cell (Right)
A cell with right aligned text.
- Example:
- [TABLE][TR][TD2]This is a right aligned cell[/TD2][/TR][/TABLE]
- Output:
This is a right aligned cell
-
[TH] - Table Cell (Header)
A header cell with bold, centre aligned text and a dark background.
- Example:
- [TABLE][TR][TH]This is a header cell[/TH][/TR][/TABLE]
- Output:
This is a header cell
-
[TR] - Table Row (Transparent)
A row with a transparent background.
- Example:
- [TABLE][TR][TD]This is a standard cell in a row with a transparent background[/TD][/TR][/TABLE]
- Output:
This is a standard cell in a row with a transparent background
-
[TR1] - Table Row (Odd)
A row with a lighter background.
- Example:
- [TABLE][TR1][TD]This is a standard cell in a row with a lighter background[/TD][/TR1][/TABLE]
- Output:
This is a standard cell in a row with a lighter background
-
[TR2] - Table Row (Even)
A row with a darker background.
- Example:
- [TABLE][TR2][TD]This is a standard cell in a row with a darker background[/TD][/TR2][/TABLE]
- Output:
This is a standard cell in a row with a darker background