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]
-
[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-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 spoilerSpoiler 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.
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.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.
-
[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: