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 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] |
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]http://www.trap17.com/forums/style_images/elegancesi1228230897/folder_post_icons/icon11.gif[/img] |  |
BB Code
| You Type | We Show |
| [list][*]List Item [*]List ItemList Item[/list] |
|
BB Code
| You Type | We Show |
| [list=1][*]List Item [*]List Item[/list] |
|
BB Code
| You Type | We Show |
| [list=a][*]List Item [*]List Item[/list] |
|
BB Code
| You Type | We Show |
| [list=i][*]List Item [*]List Item[/list] |
|
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 = '; |
SPOILER
Spoiler tag
| You Type | We Show |
| [spoiler]Some hidden text[/spoiler] | Some hidden text |
Console
Use this to enclose commands/output on a console - like the unix terminals or the dos box.
| You Type | We Show |
| [console]shell> telnet 127.0.0.1[/console] | CONSOLE shell> telnet 127.0.0.1 |
Horizontal Rule
This puts a horizontal rule/line across your post, in case you want to differentiate two sections.
| You Type | We Show |
| Text 1[hr=noshade]Text 2[/hr] | Text 1 Text 2 |
Notice From Moderator
This displays a small notice is your post with a header showing your username (have to be specified as an option) and a notice message. Use this to embed short warnings/notices in posts that you edit - to make your notice stand out. Warning: This BBCode is for use by the Admins/Moderators ONLY.
| You Type | We Show |
| [note=moderator]This is a notice![/note] |
|
HighLight
This tag lets you highlight any part of your text with a color that is passed on as an option to the tag.
| You Type | We Show |
| [highlight=Yellow]This is a HighLighted Text![/highlight] | This is a HighLighted Text! |
Marquee
This makes text scroll across the screen - similar to the actual MARQUEE tag in HTML. This take options right, left, or down. and makes text scroll accordingly. Other mrquee attributes cannot be controlled - only the direction of scrolling text.
| You Type | We Show |
| [marquee=left]Right to left scrolling text[/marquee] [marquee=right]Left to right scrolling text[/marquee] [marquee=down]Top to bottom scrolling text[/marquee] |
Tab
Inserts an indent (4 spaces) - useful for first line of paragraphs.
| You Type | We Show |
| [tab][/tab]Indents the text | Indents the text |
test
testing bbcode
| You Type | We Show |
| [test=1]test[/test] | [test=1]test[/test] |
Hide
Use this tag to hide spoiler or punch line to a joke.
| You Type | We Show |
| [hide]Hiding this message.[/hide] |
Hiding this message.
|
Acronym
Allows you to make an acronym that will display a description when moused over
| You Type | We Show |
| [acronym='Laugh Out Loud']lol[/acronym] | lol |
Table
Use this bbcode to start the TABLE. Option must be used for defining the width of the border in pixel value.
Example:
[table=1][tr][td]column 1[/td][td]column 2[/td][/tr][/table]
Example:
[table=1][tr][td]column 1[/td][td]column 2[/td][/tr][/table]
| You Type | We Show |
Table row
Use this bbcode in conjunction with TABLE bbcode to state new table row.
Example:
[table=1][tr][td]column 1[/td][td]column 2[/td][/tr][/table]
Example:
[table=1][tr][td]column 1[/td][td]column 2[/td][/tr][/table]
| You Type | We Show |
Table Column
Use this bbcode in conjunction with TABLE and TR bbcodes to state a new table column. This bbcode features auto width according to column numbers.
Example:
[table=1][tr][td]column 1[/td][td]column 2[/td][/tr][/table]
Example:
[table=1][tr][td]column 1[/td][td]column 2[/td][/tr][/table]
| You Type | We Show |
Table Column Dashed
Creates TD with dashed border. The option field denotes the border size.
Example:
[table][tr][tddashed=1]Trap 17 custom table bbcode[/tddashed][/tr][/table]
Example:
[table][tr][tddashed=1]Trap 17 custom table bbcode[/tddashed][/tr][/table]
| You Type | We Show |
Table Column Solid
Creates TD with solid border. The option field denotes the border size.
Example:
[table][tr][tdsolid=2]Trap 17 custom table bbcode[/tdsolid][/tr][/table]
Example:
[table][tr][tdsolid=2]Trap 17 custom table bbcode[/tdsolid][/tr][/table]
| You Type | We Show |
Google Search
Easy way to post search topics with keywords by using bbcode.
| You Type | We Show |
| [google]search keywords[/google] | search:search keywords |
Google Define
Define a word or a term with your favorite search engine, Google.
| You Type | We Show |
| [define]word[/define] | define:word |
Image Align
Align your image on RIGHT or LEFT by using this custom bbcode.
| You Type | We Show |
| [imgalign=right]http://www.trap17.com/forums/uploads/1146806631/gallery_6042_7_250.jpg[/imgalign] [imgalign=left]http://www.trap17.com/forums/uploads/1146806631/gallery_6042_7_250.jpg[/imgalign] | 
|