- [goto=What_is_BBCode]What is BBCode?[/goto]
- [goto=Common_BBCodes]Common BBCodes[/goto]
- [goto=Bold]Bold[/goto]
- [goto=Italic]Italic[/goto]
- [goto=Underline]Underline[/goto]
- [goto=Strike]Strike[/goto]
- [goto=Center_align]Center align[/goto]
- [goto=Left_align]Left align[/goto]
- [goto=Right_align]Right align[/goto]
- [goto=Justified_align]Justified align[/goto]
- [goto=Font_color]Font color[/goto]
- [goto=Text_size]Text size[/goto]
- [goto=Image]Image[/goto]
- [goto=URL]URL[/goto]
- [goto=Video]Video[/goto]
- [goto=Code]Code[/goto]
- [goto=Spoiler]Spoiler[/goto]
- [goto=Quote]Quote[/goto]
- [goto=Advanced_BBCodes]Advanced BBCodes[/goto]
- [goto=List]List[/goto]
- [goto=Table]Table[/goto]
- [goto=Other_BBCodes]Other BBCodes[/goto]
- [goto=Headers]Headers[/goto]
- [goto=Marker]Marker[/goto]
- [goto=Line]Line[/goto]
- [goto=Can_I_use_HTML]Can I use HTML?[/goto]
BBCode is a special implementation of HTML that you can use in posts and private messages. BBCode itself is similar in style to HTML, tags are enclosed in square brackets [ and ] rather than < and > and it offers greater control over what and how something is displayed.
Almost all BBCodes can be combined, you just have to remember to close the tags correctly. The first tag you must close is the lastest you opened. For example:
Code: Select all
[b][u]This is wrong[/b][/u]
[b][u]This is correct[/u][/b]
- [marker=Bold][/marker] Bold:
sample text
Code: Select all
[b]sample text[/b]
- [marker=Italic][/marker] Italic:
sample text
Code: Select all
[i]sample text[/i]
- [marker=Underline][/marker] Underline:
sample text
Code: Select all
[u]sample text[/u]
- [marker=Strike][/marker] Strike:
[strike]sample text[/strike]
Code: Select all
[strike]sample text[/strike]
- [marker=Center_align][/marker] Center align: Text is symetrically aligned in the middle of the page.
[center]sample text[/center]
Code: Select all
[center]sample text[/center]
- [marker=Left_align][/marker] Left align: Aligns the line start with the left side of the text.
[left]sample text[/left]
Code: Select all
[left]sample text[/left]
- [marker=Right_align][/marker] Right align: Aligns the line end with the right side of the text.
[right]sample text[/right]
Code: Select all
[right]sample text[/right]
- [marker=Justified_align][/marker] Justified align: Spaces between words are stretched or compressed to make the text align on both left and right ends of each line of text.
[justify]The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.[/justify]
Code: Select all
[justify]sample text[/justify]
- [marker=Font_color][/marker] Font color: Changes the text color. You can use color names (red) or hexadecimal colors (#0000FF, which is blue color).
sample text
Code: Select all
[color=red]sample text[/color] [color=#0000FF]sample text[/color]
sample text - [marker=Text_size][/marker] Text size: Changes the text size, in percentage. The normal size is 100 (this text uses size 125):
sample text
Code: Select all
[size=150]sample text[/size]
- [marker=Image][/marker] Image: Displays an image on its default size.
Code: Select all
[img]http://davoonline.com/phpBB3/images/smilies/spore.png[/img]
You can change the size of the image using rimg with the width and the height in parenthesis (don't use spaces after the comma!):[rimg(70,70)]images/smilies/spore.png[/rimg]Code: Select all
[rimg(70,70)]http://davoonline.com/phpBB3/images/smilies/spore.png[/rimg]
- [marker=URL][/marker] URL: Shows a blue, underlined link which can be clicked.
http://davoonline.com/phpBB3
Code: Select all
[url]http://davoonline.com/phpBB3[/url]
You can also make the link show a different text:Take a look at Davoonline!Code: Select all
[url=http://davoonline.com/phpBB3]Take a look at Davoonline![/url]
- [marker=Video][/marker] Video: Displays a youtube video. Alert! In the url, [c]https[/c] must be replaced with [c]http[/c].
[youtube]http://www.youtube.com/watch?v=KMU0tzLwhbE[/youtube]
Code: Select all
[youtube]http://www.youtube.com/watch?v=KMU0tzLwhbE[/youtube]
- [marker=Code][/marker] Code: Shows the text in a brown-ish rectangle. Nothing inside it isn't parsed, and so BBCode won't work there:
[/code]
Code: Select all
[code]This is a [b]bold[/b] example
Code: Select all
This is a [b]bold[/b] example
You can also create in-line code, useful for remarking text. Alert! BBCode does work here!This [c]is an in-line code example[/c]Code: Select all
This [c]is an [b]in-line code[/b] example[/c]
- [marker=Spoiler][/marker] Spoiler: Hides the text, that will only be shown if the spoiler is clicked.
sample text
Code: Select all
[spoiler]sample text[/spoiler]
- [marker=Quote][/marker] Quote: Creates a quotation box containing the text:
Code: Select all
[quote]sample text[/quote]
sample text
You can also give a name for the quote:Code: Select all
[quote="Le name"]sample text[/quote]
Le name wrote:sample text
[marker=Advanced_BBCodes][/marker][h1]Advanced BBCodes[/h1]
- [marker=List][/marker] List: Creates a list of items. All items must be preceded by this bbcode:
Code: Select all
[list] [*] Item 1 This is still item 1. [*] Item 2[/list]
- Item 1
This is still item 1. - Item 2
You can also create enumerated lists, setting the type of enumeration after the bbcode tag:Code: Select all
[list=1] [*] First item[/list] [list=a] [*] First item[/list] [list=I] [*] First item[/list]
- First item
- First item
- First item
- Item 1
- [marker=Table][/marker] Table: Creates a table containing rows. Rows are created with the [c]tr[/c] BBCode. Rows must contain headers ([c]th[/c]) and/or cells ([c]td[/c]):
[table][tr][th]Heading example 1[/th]
Code: Select all
[table] [tr] [th]Heading example 1[/th] [td]Cell 1[/td] [td]Cell 2[/td] [/tr] [tr] [th]Heading example 2[/th] [td]Cell 1[/td] [td]Cell 2[/td] [/tr] [/table]
[td]Cell 1[/td]
[td]Cell 2[/td][/tr]
[tr][th]Heading example 2[/th]
[td]Cell 1[/td]
[td]Cell 2[/td][/tr][/table]
You can change the table border specifying it after the BBCode tag. By default, it's set to 1. You can set it to 0 to remove borders at all.[table="3"][tr][td]Table with a thicker border[/td][/tr][/table]Code: Select all
[table="3"] [tr] [td]Table with a thicker border[/td] [/tr] [/table]
For a more customizable table, you can use [c]table2[/c]. There, you must specify (in this order) the [c]border[/c], the [c]cellpadding[/c], the [c]cellspacing[/c] and the [c]bgcolor[/c]:[table2 border="2" cellpadding="20" cellspacing="30" bgcolor=white][tr][td]Cell padding adds blank pixels after the content[/td]Code: Select all
[table2 border="2" cellpadding="20" cellspacing="30" bgcolor=white] [tr] [td]Cell padding adds blank pixels after the content[/td] [td]Cell spacing specifies the space between cells[/td] [/tr] [/table2]
[td]Cell spacing specifies the space between cells[/td][/tr][/table2]
[marker=Other_BBCodes][/marker][h1]Other BBCodes[/h1]
- [marker=Headers][/marker] Headers: Formates the text as a header:
[h1]Heading 1[/h1]
Code: Select all
[h1]Heading 1[/h1] [h2]Heading 2[/h2] [h3]Heading 3[/h3] [h4]Heading 4[/h4]
[h2]Heading 2[/h2]
[h3]Heading 3[/h3]
[h4]Heading 4[/h4] - [marker=Marker][/marker] Marker: Sets a marker in the post, which then can be accesed with a link. The marker must have a unique identifier, which can only use letters, numbers, underscores (_) and hyphens(-):
[marker=myMarker][/marker](markers are not visible)
Code: Select all
[marker=myMarker][/marker]
To create a clickeable link to the marker, use the [c]goto[/c] BBCode with the marker identifier:[goto=myMarker]This is an example[/goto]Code: Select all
[goto=myMarker]This is an example[/goto]
A URL to the marker can also be done, adding [c]#[/c] and the marker identifier after the post URL. For example:
viewtopic.php?f=1&t=5603#Font_color - [marker=Line][/marker] Line: Draws a line:
[hr][/hr]
Code: Select all
[hr][/hr]
[marker=Can_I_use_HTML][/marker][h1]Can I use HTML?[/h1]
No, for security reasons, HTML is disabled in posts and PMs. If you want a specific HTML code, suggest it here so (if it's useful) we add it as a BBCode.
Do you want more BBCodes? Do you have any doubt with the actual ones? Share your thoughts here!