BBcode Editor
The bbcode Markup Language is an efficient and easy-to-use alternative to HTML. Below you will find some examples of how to write bbcode.
Phrase Modifiers
Most phrase modifiers with bbcode involve wrapping tags around the text you want to modify.
|
[b]This text is bold[/b] [i]This text is italic[/i] [del]This is deleted text[/del] [ins]This is inserted text[/ins] [color=red]This is red text[/color] [size=16]This is 16px text[/size] |
This text is bold This text is italic This is inserted text This is red text This is 16px text |
Links
Links can be written several ways, depending how much control you need over the link's formatting.
|
[url=http://www.google.com]Google[/url]
[url=/tour]Tour[/url]
[url]http://www.blizzard.com[/url]
[url=http://guildwars2.com target=_blank]GW2 (new window)[/url]
|
Images
Include an image by surrounding its URL with [img] tags. You can specify a size attribute to resize the image.
|
[img]http://www.shivtr.com/images/graphics/shivtr_avatar.png[/img] [img size=50x50]http://www.shivtr.com/images/graphics/shivtr_avatar.png[/img] [img overlay=true]http://www.shivtr.com/images/graphics/shivtr_avatar.png[/img] |
|
Videos (Youtube)
Embed a Youtube video by surrounding its URL with [youtube] tags.
|
[youtube]http://www.youtube.com/watch?v=z0RuR3FREFw[/youtube] [youtube size=120x90]http://www.youtube.com/watch?v=z0RuR3FREFw[/youtube] [youtube overlay=true]http://www.youtube.com/watch?v=z0RuR3FREFw[/youtube] |
|
Streams (Own3d.tv)
Embed an Own3d.tv stream by surrounding its URL with [own3d] tags.
|
[own3d]http://www.own3d.tv/live/38853[/own3d] [own3d size=120x90]http://www.own3d.tv/live/38853[/own3d] |
|
Item Tooltips
For supported games, item tooltips are available by wrapping text in [item] tags. You can also make item tooltips by linking to a resource site such as Wowhead.
|
[item]Wingblade[/item] [url=http://www.wowhead.com/item=30311]Warp Slicer[/url] |
Bullet Lists
Make a bullet list with the [list] tag, and each item in the list with [*] tags. One level of nesting is supported through the [nlist] tag.
|
[list] [*] Item one [*] Item two [nlist] [*] Nested item [*] Another nested item [/nlist] [*] Item three [/list] |
|
Block quotations
Block quotations can be created with the [quote tag.
|
[url=http://www.casualstroll...]A Casual Stroll to Mordor[/url] makes a funny observation: [quote] LOTRO: Where the female characters are very sensibly dressed for battle and the orcs are the ones wearing the chainmail bikinis.[/quote] The screenshot really says everything! |
A Casual Stroll to Mordor makes a funny observation: LOTRO: Where the female characters are very sensibly dressed for battle and the orcs are the ones wearing the chainmail bikinis.The screenshot really says everything! |
Preformatted text
Preformatted text can be wrapped in [pre] tags and its whitespace will be preserved.
[pre] Text in a pre block is displayed in a fixed-width font. It preserves s p a c e s, line breaks and ascii bunnies. _ _ \`\ /`/ \ V / /. .\ =\ T /= / ^ \ {}/\\ //\ __\ " " /__ (____/^\____) [/pre] |
Text in a pre block
is displayed in a fixed-width
font. It preserves
s p a c e s, line breaks
and ascii bunnies.
_ _
\`\ /`/
\ V /
/. .\
=\ T /=
/ ^ \
{}/\\ //\
__\ " " /__
(____/^\____)
|
Position
Content can be centered using the [center] tag, and floated left or right using [left] and [right].
|
[center]Centered content[/center] [left][img]http://www.shivtr.com/images/graphics/shivtr_avatar.png[/img][/left] Text will wrap around content you float to the left or right |
Centered content
|