| 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 |
| [center] | Center |
| [colleft] | Left Column |
| [colright] | Right Column |
| [imgleft] | Image Left |
| [imglink] | imglink |
| [imgright] | Image Right |
| [spoiler] | Spoiler |
| [spoiler] | Spoiler w/ Option |
| [strike] | Strikethrough |
| [youtube] | YouTube |
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]j.doe@example.com[/email] [email=j.doe@example.com]Click Here to Email Me[/email] |
| Example Output |
j.doe@example.com 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]http://www.zeldauniverse.net/forums[/url] [url=http://www.zeldauniverse.net/forums]Zelda Universe Forums[/url] |
| Example Output |
http://www.zeldauniverse.net/forums Zelda Universe Forums |
| 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 |
http://www.zeldauniverse.net/forums/advertising/42918-the-fox-den.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 |
http://www.zeldauniverse.net/forums/feedback-suggestions-and-questions/13560-sigs.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 |
|
| Stop BB Code Parsing | |
| The [noparse] tag allows you to stop the parsing of BB code. | |
| Usage | [noparse][b]value[/b][/noparse] |
| Example Usage | [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse] |
| Example Output | [b]Lorem ipsum dolor sit amet[/b] |
| Attachment | |
| The [attach] tag allows you to display an attachment in your post rather than at the bottom. It will only display attachments that belong to the post in which it is utilized. | |
| Usage | [attach]attachmentid[/attach] |
| Example Usage | [attach]12345[/attach] |
| Example Output | |
| Center | |
| This tag centers any text between the [center] and [/center] tags. | |
| Usage | [center]value[/center] |
| Example Usage | [center]Center[/center] |
| Example Output | |
| Left Column | |
| Create a column along the left side of the post. | |
| Usage | [colleft]value[/colleft] |
| Example Usage | [colleft]This text is to the left.[/colleft]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut nunc nisl, sit amet porta nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ul |
| Example Output | This text is to the left. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut nunc nisl, sit amet porta nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ul |
| Right Column | |
| Create a column of text along the right side of the post | |
| Usage | [colright]value[/colright] |
| Example Usage | [colright]This text is to the right.[/colright]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut nunc nisl, sit amet porta nisi. Vestibulum ante ipsum primis in faucibus orci luctus et |
| Example Output | This text is to the right. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut nunc nisl, sit amet porta nisi. Vestibulum ante ipsum primis in faucibus orci luctus et |
| Image Left | |
| Moves image to the left side of the post, and allows the text to continue next to it. | |
| Usage | [imgleft]value[/imgleft] |
| Example Usage | [imgleft]http://www.zeldauniverse.net/forums/images/zutemple/logo.png[/imgleft]Text |
| Example Output | Text |
| imglink | |
| Use THIS IMGLINKtag to put images with a link in your forum. This allows: [url=link][imglink]urltotheimage[/imglink][/url] ...to work again without The Image Resizer to broke the link. | |
| Usage | [imglink]value[/imglink] |
| Example Usage | [imglink]../images/misc/rss.jpg[/imglink] |
| Example Output | ![]() |
| Image Right | |
| Moves image to the right side of the post, and allows the text to continue next to it. | |
| Usage | [imgright]value[/imgright] |
| Example Usage | [imgright]http://www.zeldauniverse.net/forums/images/zutemple/logo.png[/imgright]Text |
| Example Output | Text |
| Spoiler | |
| Highlight spoiler. | |
| Usage | [spoiler]value[/spoiler] |
| Example Usage | [spoiler]Link dies.[/spoiler] |
| Example Output | Link dies. |
| Spoiler w/ Option | |
| Highlight spoiler. | |
| Usage | [spoiler=Option]value[/spoiler] |
| Example Usage | [spoiler=topic]Link dies.[/spoiler] |
| Example Output |
|
| Strikethrough | |
| Puts a line through the text. | |
| Usage | [strike]value[/strike] |
| Example Usage | [strike]Strikethrough[/strike] |
| Example Output | |
| YouTube | |
| Place the YouTube video id between the the youtube tags. That would be the random letters and numbers at the end of the URL (except &, do not include that) such as the bolded part of this example video: http://www.youtube.com/watch?v=vJIM_JwHGFk | |
| Usage | [youtube]value[/youtube] |
| Example Usage | [youtube]vJIM_JwHGFk[/youtube] |
| Example Output | |