BB Code | |
BB code is a set of tags based on the HTML language that you may already be familiar with.
They allow you to add formatting to your messages in the same way as HTML does,
but have a simpler syntax and will never break the layout of the pages you are viewing.
The ability to use BB code is set on a forum-by-forum basis by the administrator,
so you should check the forum rules when you post a new message. Below is a list of the BB code tags you can use to format your messages. |
|
BB Code List | |
[b], [i], [u] | Bold / Italic / Underline |
[color] | Color |
[size] | Size |
[font] | Font |
[highlight] | Highlight |
[left], [right], [center] | Left / Right / Center |
[indent] | Indent |
[email] | Email Linking |
[url] | URL Hyperlinking |
[thread] | Thread Linking |
[post] | Post Linking |
[list] | Bulleted Lists / Advanced Lists |
[img] | Images |
[code] | Code |
[php] | PHP Code |
[html] | HTML Code |
[quote] | Quote |
[noparse] | Stop BB Code Parsing |
[attach] | Attachment |
[cap] | Caption |
[ig] | |
[imgl] | Float Image Left |
[imgr] | Float Image Right |
[map] | Map |
[mention] | Mention |
[spoiler] | Spoiler |
[tweet] | |
Incorrect BB Code Usage:
|
Color | |
The [color] tag allows you to change the color of your text. | |
Usage | [color=Option]value[/color] |
Example Usage | [color=blue]this text is blue[/color] |
Example Output | this text is blue |
Indent | |
The [indent] tag allows you to indent your text. | |
Usage | [indent]value[/indent] |
Example Usage | [indent]this text is indented[/indent] |
Example Output |
|
Email Linking | |
The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link. | |
Usage |
[email]value[/email] [email=Option]value[/email] |
Example Usage |
[email][email protected][/email] [[email protected]]Click Here to Email Me[/email] |
Example Output |
[email protected] Click Here to Email Me |
URL Hyperlinking | |
The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link. | |
Usage |
[url]value[/url] [url=Option]value[/url] |
Example Usage |
[url]https://forums.clubtread.com[/url] [url=https://forums.clubtread.com]ClubTread Community[/url] |
Example Output |
https://forums.clubtread.com ClubTread Community |
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. | |
Usage |
[thread]threadid[/thread] [thread=threadid]value[/thread] |
Example Usage |
[thread]42918[/thread] [thread=42918]Click Me![/thread] (Note: The threadid/postid is just an example and may not link to a valid thread/post.) |
Example Output |
https://forums.clubtread.com/27-british-columbia/42918-blanket-glacier.html Click Me! |
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. | |
Usage |
[post]postid[/post] [post=postid]value[/post] |
Example Usage |
[post]269302[/post] [post=269302]Click Me![/post] (Note: The threadid/postid is just an example and may not link to a valid thread/post.) |
Example Output |
https://forums.clubtread.com/27-british-columbia/20437-stein-photo-journey-teepee-camp-post269302.html#post269302 Click Me! |
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). | |
Usage | [list=Option]value[/list] |
Example Usage | [list=1] [*]list item 1 [*]list item 2 [/list] [list=a] [*]list item 1 [*]list item 2 [/list] |
Example Output |
|
Caption | |
Add a caption to your photos. | |
Usage | [cap=Option]value[/cap] |
Example Usage | [cap=image url]Caption goes here[/cap] |
Example Output | Caption goes here
|
Instagram share url insert. | |
Usage | [ig]value[/ig] |
Example Usage | [ig]share url[/ig] |
Example Output |
Float Image Left | |
Wrap text around an image Floating left. | |
Usage | [imgl]value[/imgl] |
Example Usage | [imgl]Attachment here[/imgl] |
Example Output | Attachment here |
Float Image Right | |
Wrap text around an image Floating on the right. | |
Usage | [imgr]value[/imgr] |
Example Usage | [imgr]Attchment here[/imgr] |
Example Output | Attchment here |
Map | |
This will insert a map of the decimal coordinates you input. (Ex. 57.700723,-101.945274) | |
Usage | [map]value[/map] |
Example Usage | [map]decimal coordinates[/map] |
Example Output |
Mention | |
Mention an user to alert him or her to this post! | |
Usage | [mention]value[/mention] |
Example Usage | [mention]Username[/mention] |
Example Output | @Username; |
Spoiler | |
Hide a section of your post. | |
Usage | [spoiler]value[/spoiler] |
Example Usage | [spoiler]This is a Spoiler[/spoiler] |
Example Output |
Embed your Tweet in your post! | |
Usage | [tweet]value[/tweet] |
Example Usage | [tweet]Copy Link to Tweet[/tweet] |
Example Output |
|