BB Code
Explanation
Below is a list of the BB code tags you can use to format your messages.
BB Code List
-
Bold / Italic / Underline
-
Color
-
Size
-
Font
-
Highlight
-
Left / Right / Center
-
Indent
-
Email Linking
-
URL Hyperlinking
-
Thread Linking
-
Post Linking
-
Bulleted Lists / Advanced Lists
-
Images
-
Videos
-
Code
-
PHP Code
-
HTML Code
-
Quote
-
Stop BB Code Parsing
-
Attachment
- [url] www.example.com [/url] - don't put spaces between the bracketed code and the text you are applying the code to.
- [email][email protected][email] - the end brackets must include a forward slash ([/email])
Bold / Italic / Underline
The [b], [i] and [u] tags allow you to create text that is bold, italic and underlined.
-
- [b]value[/b]
- [i]value[/i]
- [u]value[/u]
Usage -
- [b]this text is bold[/b]
- [i]this text is italic[/i]
- [u]this text is underlined[/u]
Example Usage -
- this text is bold
- this text is italic
- this text is underlined
Example Output
Color
The [color] tag allows you to change the color of your text.
-
[color=Option]value[/color]Usage
-
[color=blue]this text is blue[/color]Example Usage
-
this text is blueExample Output
Size
The [size] tag allows you to change the size of your text.
-
[size=Option]value[/size]Usage
-
[size=+2]this text is two sizes larger than normal[/size]Example Usage
-
this text is two sizes larger than normalExample Output
Font
The [font] tag allows you to change the font of your text.
-
[font=Option]value[/font]Usage
-
[font=courier]this text is in the courier font[/font]Example Usage
-
this text is in the courier fontExample Output
Left / Right / Center
The [left], [right] and [center] tags allow you to change the alignment of your text.
-
- [left]value[/left]
- [center]value[/center]
- [right]value[/right]
Usage -
- [left]this text is left-aligned[/left]
- [center]this text is center-aligned[/center]
- [right]this text is right-aligned[/right]
Example Usage -
this text is left-alignedthis text is center-alignedthis text is right-alignedExample Output
Indent
The [indent] tag allows you to indent your text.
-
[indent]value[/indent]Usage
-
[indent]this text is indented[/indent]Example Usage
-
this text is indentedExample Output
Email Linking
The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.
-
- [email]value[/email]
- [email=Option]value[/email]
Usage -
- [email][email protected][/email]
- [[email protected]]Click Here to Email Me[/email]
Example Usage -
Example Output
URL Hyperlinking
The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.
-
- [url]value[/url]
- [url=Option]value[/url]
Usage -
- [url]https://www.practicalmachinist.com/vb[/url]
- [url=https://www.practicalmachinist.com/vb]Practical Machinist - Largest Manufacturing Technology Forum on the Web[/url]
Example Usage -
Example Output
Thread Linking
The [thread] tag allows you to link to threads by specifying the thread id. You can include an optional parameter to 'name' your link.
-
- [thread]threadid[/thread]
- [thread=threadid]value[/thread]
Usage -
- [thread]42918[/thread]
- [thread=42918]Click Me![/thread]
Example Usage -
Example Output
Post Linking
The [post] tag allows you to link to posts by specifying the post id. You can include an optional parameter to 'name' your link.
-
- [post]postid[/post]
- [post=postid]value[/post]
Usage -
- [post]269302[/post]
- [post=269302]Click Me![/post]
Example Usage -
Example Output
Bulleted Lists
The [list] tag allows you to create simple, bulleted lists without specifying an option. Within the value portion, each bullet is denoted by the [*] tag.
-
[list]value[/list]Usage
-
[list]
[*]list item 1
[*]list item 2
[/list]Example Usage -
- list item 1
- list item 2
Example Output
Advanced Lists
The [list] tag allows you to create advanced lists by specifying an option. The option should have a value of 1 (for a numbered list) or A (for an alphabetic with capital letters list) or a (for an alphabetic with lowercase letters list) or I (for a numbered with capital Roman numeral list) or i (for a numbered with small Roman numeral list).
-
[list=Option]value[/list]Usage
-
[list=1]
[*]list item 1
[*]list item 2
[/list]
[list=A]
[*]list item 1
[*]list item 2
[/list]
[list=a]
[*]list item 1
[*]list item 2
[/list]Example Usage -
- list item 1
- list item 2
- list item 1
- list item 2
- list item 1
- list item 2
Example Output
Images
The [img] tag allows you to embed images within your posts. You can also combine this tag with the [url] tag to make images become links.
-
[img]value[/img]Usage
-
- [img]https://www.practicalmachinist.com/vb/images/metro/blue/statusicon/forum_new-48.png[/img] (Not linked)
- [url=http://www.example.com] [img]https://www.practicalmachinist.com/vb/images/metro/blue/statusicon/forum_new-48.png[/img] [/url] (Linked)
Example Usage -
Example Output
Videos
The [video] tag allows you to embed videos from various video services within your posts.
-
[video]value[/video]Usage
-
- [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
Example Usage -
Example Output
Code
The [code] tag switches to a fixed-width (monospace) font and preserves all spacing.
-
[code]value[/code]Usage
-
[code]
<script type="text/javascript">
<!--
alert("Hello world!");
//-->
</script>
[/code]Example Usage -
Code:
<script type="text/javascript"> <!-- alert("Hello world!"); //--> </script>
Example Output
PHP Code
The [php] tag performs the same function as the [code] tag, but also adds syntax highlighting for PHP code. Although it is designed for PHP, it may correctly highlight some other C-like languages.
-
[php]value[/php]Usage
-
[php]
$myvar = 'Hello World!';
for ($i = 0; \$i < 10; \$i++)
{
echo $myvar . "\n";
}
[/php]Example Usage -
PHP Code:
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
echo $myvar . "\n";
}
Example Output
HTML Code
The [html] tag allows you to perform syntax highlighting for HTML code.
-
[html]value[/html]Usage
-
[html]
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
[/html]Example Usage -
HTML Code:
<img src="image.gif" alt="image" /> <a href="testing.html" target="_blank">Testing</a>
Example Output
Quote
The [quote] tag allows you to attribute text to someone else.
-
- [quote]Quote[/quote]
- [quote=User Name]value[/quote]
Usage -
- [quote]Lorem ipsum dolor sit amet[/quote]
- [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
- [quote=John Doe;3933651]Lorem ipsum dolor sit amet[/quote]
Example Usage -
Example Output
Highlight
The [highlight] tag allows you to emphasize your text.
-
Usage[highlight]value[/highlight]
-
Example Usage[highlight]this text is highlighted[/highlight]
-
Example Outputthis text is highlighted