| 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 |
| [espoiler] | Expandable Spoiler |
| [espoiler] | Expandable Spoiler w/ Title |
| [imgleft] | Image Left |
| [imglink] | imglink |
| [imgright] | Image Right |
| [s] | Strikethrough |
| [spoiler] | Spoiler |
| [strike] | Strikethrough |
| [table] | table |
| [timeline] | Timeline |
| [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 - The world's largest Legend of Zelda fan community[/url] |
| Example Output | http://www.zeldauniverse.net/forums Zelda Universe Forums - The world's largest Legend of Zelda fan 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 | 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 |
| Expandable Spoiler | |
| Expandable spoiler for hiding large amounts of text and images. | |
| Usage | [espoiler]value[/espoiler] |
| Example Usage | [espoiler]Link Dies[/espoiler] |
| Example Output | Spoiler: |
| Expandable Spoiler w/ Title | |
| Expandable spoiler for hiding large amounts of text and images, with a title. | |
| Usage | [espoiler=Option]value[/espoiler] |
| Example Usage | [espoiler=Title]Link Dies[/espoiler] |
| Example Output | Spoiler: Title |
| 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 |
| Strikethrough | |
| Places a line through the center of the text within. | |
| Usage | [s]value[/s] |
| Example Usage | [s]Strikethrough[/s] |
| Example Output | |
| Spoiler | |
| Click spoiler. | |
| Usage | [spoiler]value[/spoiler] |
| Example Usage | [spoiler]Link dies.[/spoiler] |
| Example Output | Link dies. |
| Strikethrough | |
| Puts a line through the text. | |
| Usage | [strike]value[/strike] |
| Example Usage | [strike]Strikethrough[/strike] |
| Example Output | |
| table | ||||
| With this vB code tables can be inserted into the post. Columns are seperated by »|«, every new line is a new row. | ||||
| Usage | [table]value[/table] | |||
| Example Usage | [table]column 1|column 2|column 3[/table] | |||
| Example Output |
| |||
| Timeline | |
| Creates a graphical timeline using the specified code. | |
| Usage | [timeline]value[/timeline] |
| Example Usage | [timeline]SS-MC-FS-OoT[WW-PH-ST|MM-TP-FSA|LttP-OoS-OoA-LA-LoZ-AoL][/timeline] |
| 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 | |