What is BB Code?

BB Code is a quick and easy way to add effects or formatting to your posts.
It is used in a similar format to HTML tags which you may already be familiar with.
Below is a quick guide to the most common BB Code uses.

BB Code
You Type We Show
[b]
This is sample text
[/b]
This is sample text

BB Code
You Type We Show
[s]
This is sample text
[/s]
This is sample text

BB Code
You Type We Show
[i]
This is sample text
[/i]
This is sample text

BB Code
You Type We Show
[u]
This is sample text
[/u]
This is sample text

BB Code
You Type We Show
[email]
user@domain.com
[/email]
user@domain.com

BB Code
You Type We Show
[email=user@domain.com]
Click here!
[/email]
Click here!

BB Code
You Type We Show
[url]
http://www.domain.com
[/url]
http://www.domain.com

BB Code
You Type We Show
[url=http://www.domain.com]
Click here!
[/url]
Click here!

BB Code
You Type We Show
[size=7]
This is sample text
[/size]
This is sample text

BB Code
You Type We Show
[font=times]
This is sample text
[/font]
This is sample text

BB Code
You Type We Show
[color=red]
This is sample text
[/color]
This is sample text

BB Code
You Type We Show
[img]
https://forums.htmlhelp.com/style_images/1/folder_post_icons/icon11.gif
[/img]
IPB Image

BB Code
You Type We Show
[list]
[*]List Item [*]List Item
[/list]
  • List Item
  • List Item

BB Code
You Type We Show
[list=1]
[*]List Item [*]List Item
[/list]
  1. List Item
  2. List Item

BB Code
You Type We Show
[list=a]
[*]List Item [*]List Item
[/list]
  1. List Item
  2. List Item

BB Code
You Type We Show
[list=i]
[*]List Item [*]List Item
[/list]
  1. List Item
  2. List Item

BB Code
You Type We Show
[quote]
This is sample text
[/quote]
QUOTE
This is sample text

BB Code
You Type We Show
[code]
$this_var = "Hello World!";
[/code]
CODE
$this_var = "Hello World!";

BB Code
You Type We Show
[sql]
SELECT t.tid FROM a_table t WHERE t.val="This Value"
[/sql]
SQL
SELECT t.tid FROM a_table t WHERE t.val="This Value"

BB Code
You Type We Show
[html]
<a href="test/page.html">A Test Page</a>
[/html]
HTML
<a href="test/page.html">A Test Page</a>

Post Snap Back
This tag displays a little linked image which links back to a post - used when quoting posts from the board. Opens in same window by default.
You Type We Show
[snapback]
100
[/snapback]
*

Right
Aligns content to the right of the posting area
You Type We Show
[right]
Some text here
[/right]
Some text here

Left
Aligns content to the left of the post
You Type We Show
[left]
Left aligned text
[/left]
Left aligned text

Center
Aligns content to the center of the posting area.
You Type We Show
[center]
Centered Text
[/center]
Centered Text

Topic Link
This tag provides an easy way to link to a topic
You Type We Show
[topic=100]
Click me!
[/topic]
Click me!

Post Link
This tag provides an easy way to link to a post.
You Type We Show
[post=100]
Click me!
[/post]
Click me!

CODEBOX
Use this BBCode tag to show a scrolling codebox. Useful for long sections of code.
You Type We Show
[codebox]
long_code_here = ';
[/codebox]
CODE
long_code_here = ';

Google It!
Someone asked a question that they could so easily have just searched Google for? This tag will let you point them in the right direction.
You Type We Show
[google=ftp]
Find an FTP client
[/google]
.
Find an FTP client .

Text Box
This creates an outlined box around the text.
You Type We Show
[box]
Stuff here will have a box around it
[/box]
Stuff here will have a box around it

Horizontal Rule
Puts a horizontal line in the page. Useful for breaking up text into logical pieces.
You Type We Show
Text here.
[hr]
[/hr]

More text here.
Text here.


More text here.

Spoiler Tag
Creates a table with the text the same color as the background. Simply click on the table cell to reveal the text.
You Type We Show
[spoiler]
I'm a spoiler, you shouldn't read me...
[/spoiler]

BGColor
This tag will add a different background color to your posts.
You Type We Show
[bg=lightgreen]
This background will be lightgreen
[/bg]
This background will be lightgreen

Wikipedia
Add a link to the word / sentence in Wikipedia, with a nice format in the post.
You Type We Show
[wiki]
Web Design Group
[/wiki]

Warning
Show a red warning message around text
You Type We Show
[warn=Important!]
Please read this warning!
[/warn]

Important!

Please read this warning!