• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

BB Codes & How to use them

D

drunkenmonkey

#1
Makes the wrapped text bold, italic, underlined, or struck-through.
Code:
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.
This is bold text.
This is italic text.
This is underlined text.
This is struck-through text.

Changes the color, font, or size of the wrapped text.
Code:
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.
This is red and blue text.
This is Courier New text.
This is small and big text.

Creates a link using the wrapped text as the target.
Code:
[URL]http://www.example.com[/URL]
[EMAIL][email protected][/EMAIL]
Example Domain
[email protected]

Links the wrapped text to the specified web page or email address.
Code:
[URL=http://www.example.com]Go to example.com[/URL]
[[email protected]]Email me[/EMAIL]
Go to example.com
Email me

Links to a user's profile. This is generally inserted automatically when tagging a user.
Code:
[USER=1]User Name[/USER]
User Name

Display an image, using the wrapped text as the URL.
Code:
[ATTACH=full]11562[/ATTACH]
Apps-Browser-icon.png

Embeds media from approved sites into your message. It is recommended that you use the media button in the editor tool bar
Code:
[MEDIA=youtube]oHg5SJYRHA0[/MEDIA]

Displays a bulleted or numbered list.
Code:
[LIST]
[*]Bullet 1
[*]Bullet 2
[/LIST]
[LIST=1]
[*]Entry 1
[*]Entry 2
[/LIST]
  • Bullet 1
  • Bullet 2
  1. Entry 1
  2. Entry 2

Changes the alignment of the wrapped text.
Code:
[LEFT]Left-aligned[/LEFT]
[CENTER]Center-aligned[/CENTER]
[RIGHT]Right-aligned[/RIGHT]
Left-aligned​
Center-aligned​
Right-aligned​

Displays text that has been quoted from another source. You may also attribute the name of the source.
Code:
[QUOTE]Quoted text[/QUOTE]
[QUOTE=A person]Something they said[/QUOTE]
Quoted text
A person said:
Something they said
Hides text that may contain spoilers so that it must be clicked by the viewer to be seen.
Code:
[SPOILER]Simple spoiler[/SPOILER]
[SPOILER=Spoiler Title]Spoiler with a title[/SPOILER]
Simple spoiler
Spoiler with a title

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

Code:
[CODE]Generalcode
PHP:
echo $hello . 'world';
[/CODE]

Code:
Generalcode
PHP:
echo $hello . 'world';
Hides text that may contain spoilers so that it must be clicked by the viewer to be seen.
Code:
[SPOILER]Simple spoiler[/SPOILER]
[SPOILER=Spoiler Title]Spoiler with a title[/SPOILER]
Simple spoiler
Spoiler with a title

Displays text in one of several programming languages, highlighting the syntax where possible.
Code:
[CODE]General
code
PHP:
echo $hello . 'world';
[/CODE]

Code:
General
code
PHP:
echo $hello . 'world';
Indents the wrapped text. This can be nested for larger indentings.
Code:
Regular text
[INDENT]Indented text
[INDENT]More indented[/INDENT]
[/INDENT]
Regular text
Indented text
More indented​


Disables BB code translation on the wrapped text.
Code:
[PLAIN]This is not [B]bold[/B] text.[/PLAIN]
This is not [B]bold[/B] text.
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.


Code:
Thumbnail: [ATTACH]123[/ATTACH]
Full Size: [ATTACH=full]123[/ATTACH]
Thumbnail: View attachment 123
Full Size: View attachment 123


The [aname] tag is used in conjunction with the <a href="#jumpto">[jumpto]</a> tag. One is not functional without the other.
Code:
[aname=aname]This is where you jump to[/aname]
[aname=aname]This is where you jump to[/aname]

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

Code:
[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]

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


The [jumpto] tag allows you to jump to another location within a post, usually used for long posts with headings and/or sections of interest. This tag <b>must</b> be used in conjunction with the [aname] tag. One is not functional without the other.
Code:
[jumpto=aname]This takes you to a new location within a post[/jumpto]
[jumpto=aname]This takes you to a new location within a post[/jumpto]

A table.

Code:
[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]

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


A cell with left aligned text.
Code:
[TABLE][TR][TD]This is a left aligned (standard) cell[/TD][/TR][/TABLE]
[TABLE][TR][TD]This is a left aligned (standard) cell[/TD][/TR][/TABLE]

A cell with centre aligned text.
Code:
[TABLE][TR][TD1]This is a centre aligned cell[/TD1][/TR][/TABLE]
[TABLE][TR][TD1]This is a centre aligned cell[/TD1][/TR][/TABLE]

A cell with right aligned text.
Code:
[TABLE][TR][TD2]This is a right aligned cell[/TD2][/TR][/TABLE]
[TABLE][TR][TD2]This is a right aligned cell[/TD2][/TR][/TABLE]

A header cell with bold, centre aligned text and a dark background.
Code:
[TABLE][TR][TH]This is a header cell[/TH][/TR][/TABLE]
[TABLE][TR][TH]This is a header cell[/TH][/TR][/TABLE]

A row with a transparent background.
Code:
[TABLE][TR][TD]This is a standard cell in a row with a transparent background[/TD][/TR][/TABLE]
[TABLE][TR][TD]This is a standard cell in a row with a transparent background[/TD][/TR][/TABLE]

A row with a lighter background.
Code:
[TABLE][TR1][TD]This is a standard cell in a row with a lighter background[/TD][/TR1][/TABLE]
[TABLE][TR1][TD]This is a standard cell in a row with a lighter background[/TD][/TR1][/TABLE]

A row with a darker background.
Code:
[TABLE][TR2][TD]This is a standard cell in a row with a darker background[/TD][/TR2][/TABLE]
[TABLE][TR2][TD]This is a standard cell in a row with a darker background[/TD][/TR2][/TABLE]
 

Attachments

Last edited by a moderator: