Index of BBCodesAnd how to use itDefinitionBBCodes are little snippets of text you put in your message, which are used to format text. BBCodes also allows you to implement images, links and more in your posts.
The syntax is vaguely similar to html code, which is used to format webpages.
Highlighting your text and clicking on the relevant formatting button will automatically add the BBCode for you, but we're explaining the codes here for anyone who's interested, and for anyone who wants to use BBCode functionality where the formatting buttons aren't present (comments, private messages, quick reply, etc).
List of BBCodes implemented on Obernewtyn.net[hr][/hr]
Linked text / links Image:
![Link Link](http://www.obernewtyn.net/e107/e107_images/bbcode/link.png)
Syntax:
[link=myURLhere]Text you want to display for the link[/link]
Note: you can also use:
[url=myURLhere]Text you want to display for the link[/url]
[hr][/hr]
Bold textImage:
![Bold Bold](http://www.obernewtyn.net/e107/e107_images/bbcode/bold.png)
Syntax:
[b]Text you want to display in bold[/b]
[hr][/hr]
Italicised textImage:
![Italic Italic](http://www.obernewtyn.net/e107/e107_images/bbcode/italic.png)
Syntax:
[i]Text you want to display in italics[/i]
[hr][/hr]
Underlined textImage:
![Underline Underline](http://www.obernewtyn.net/e107/e107_images/bbcode/underline.png)
Syntax:
[u]Text you want to display with an underline[/u]
[hr][/hr]
[strike]Strikethrough text[/strike]
Image:
![Strike Strike](http://www.obernewtyn.net/e107/e107_images/bbcode/strike.png)
Syntax:
[strike]Text you want to display struck out[/strike]
[hr][/hr]
[act]Actions![/act]
Image:
![Act Act](http://www.obernewtyn.net/e107/e107_images/bbcode/act.png)
Syntax:
[act]Text you want to display as an action[/act]
[hr][/hr]
Super[sup]script[/sup]
Image:
![Sup Sup](http://www.obernewtyn.net/e107/e107_images/bbcode/sup.png)
Syntax:
Not superscript[sup]Text you want to display as superscript[/sup]
[hr][/hr]
Sub[sub]script[/sub]
Image:
![Sub Sub](http://www.obernewtyn.net/e107/e107_images/bbcode/sub.png)
Syntax:
Not superscript[sub]Text you want to display as subscript[/sub]
[hr][/hr]
![Imagesample Imagesample](http://img.photobucket.com/albums/v650/Minn/imagesample.jpg)
Image:
![Image Image](http://www.obernewtyn.net/e107/e107_images/bbcode/image.png)
Syntax:
[img]The full external URL path to the image[/img]
[hr][/hr]
Blockquote
Image:
![Blockquote Blockquote](http://www.obernewtyn.net/e107/e107_images/bbcode/blockquote.png)
Syntax:
The blockquoted text
Note: you can also attribute blockquotes in the following way:
Quotes!
Min
Image: no formatting button
Syntax:
[quote=Who Said it]The blockquoted text[/quote]
[hr][/hr]
Image:
![List List](http://www.obernewtyn.net/e107/e107_images/bbcode/list.png)
Syntax:
[list]* list point 1
* list point 2
* list point 3[/list]
[hr][/hr]
Left-aligned text
Image:
![Center Center](http://www.obernewtyn.net/e107/e107_images/bbcode/center.png)
Syntax:
[left]The text to align left[/left]
Note: all unformatted text will align to the left by default.
[hr][/hr]
Centre-aligned text
Image:
![Center Center](http://www.obernewtyn.net/e107/e107_images/bbcode/center.png)
Syntax:
[center]The text to centre align[/center]
[hr][/hr]
Right-aligned text
Image:
![Right Right](http://www.obernewtyn.net/e107/e107_images/bbcode/right.png)
Syntax:
[right]The text to align right[/right]
[hr][/hr]
Justified text - common type of text alignment in print media where the spaces between words, and, to a lesser extent, between glyphs or letters, are stretched or compressed to align both the left and right ends of each line of text
Image:
![Justify Justify](http://www.obernewtyn.net/e107/e107_images/bbcode/justify.png)
Syntax:
[justify]The text to justify[/justify]
[hr][/hr]
Horizontal rule
Image:
![Hr Hr](http://www.obernewtyn.net/e107/e107_images/bbcode/hr.png)
Syntax:
[hr][/hr]
[hr][/hr]
Different sized textImage:
![Fontsize Fontsize](http://www.obernewtyn.net/e107/e107_images/bbcode/fontsize.png)
Syntax:
[size=#]The text to appear in a different size[/size]
where # = pixel height of font.
To Use: Just highlight your text, click the
![Fontsize Fontsize](http://www.obernewtyn.net/e107/e107_images/bbcode/fontsize.png)
formatting button, and pick the size you want from the drop down.
[hr][/hr]
:) :) :) :) Emotes!
Image:
![Emotes Emotes](http://www.obernewtyn.net/e107/e107_images/bbcode/emotes.png)
Syntax: Varies depending on emote you want to use.
To use: click the
![Emotes Emotes](http://www.obernewtyn.net/e107/e107_images/bbcode/emotes.png)
formatting button and select the emote you want to use.
[hr][/hr]
There's one other BBCode you can use, that doesn't have a corresponding formatting icon:
Spoilers!Syntax:
[spoiler]Text to appear in the spoiler[/spoiler]
[hr][/hr]
Format dropdown:
The formatt dropdown contains BBCode shortcuts for the following:
Headings:
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Syntax:
[h=2]Heading 2[/h]
[h=3]Heading 3[/h]
[h=4]Heading 4[/h]
[h=5]Heading 5[/h]
[h=6]Heading 6[/h]
Block
Syntax:
[block]Block[/block]
Quote
Syntax:
[blockquote]Quote[/blockquote]
- same as using the
![Blockquote Blockquote](http://www.obernewtyn.net/e107/e107_images/bbcode/blockquote.png)
blockquote formatting button.
Code block
Syntax:
[code]Text will appear in a code block
which means you can have multiple lines[ /code]
Inline code block
Syntax:
[code=inline]Text will appear in a code block without breaking the line[ /code]