BBCodes

Welcome to DavoOnline.com!
Let us know what you are about or check out some of our partners!
User avatar
emd
Admin
Admin
Posts: 619
Joined: Sun Dec 09, 2012 6:21 am

BBCodes

Unread post by emd »

  • [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]
[marker=What_is_BBCode][/marker][h1]What is BBCode?[/h1]

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=Common_BBCodes][/marker][h1]Common BBCodes[/h1]
  • [marker=Bold][/marker] Bold:

    Code: Select all

    [b]sample text[/b]
    sample text
  • [marker=Italic][/marker] Italic:

    Code: Select all

    [i]sample text[/i]
    sample text
  • [marker=Underline][/marker] Underline:

    Code: Select all

    [u]sample text[/u]
    sample text
  • [marker=Strike][/marker] Strike:

    Code: Select all

    [strike]sample text[/strike]
    [strike]sample text[/strike]
  • [marker=Center_align][/marker] Center align: Text is symetrically aligned in the middle of the page.

    Code: Select all

    [center]sample text[/center]
    [center]sample text[/center]
  • [marker=Left_align][/marker] Left align: Aligns the line start with the left side of the text.

    Code: Select all

    [left]sample text[/left]
    [left]sample text[/left]
  • [marker=Right_align][/marker] Right align: Aligns the line end with the right side of the text.

    Code: Select all

    [right]sample text[/right]
    [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.

    Code: Select all

    [justify]sample text[/justify]
    [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]
  • [marker=Font_color][/marker] Font color: Changes the text color. You can use color names (red) or hexadecimal colors (#0000FF, which is blue color).

    Code: Select all

    [color=red]sample text[/color]
    [color=#0000FF]sample text[/color]
    
    sample text
    sample text
  • [marker=Text_size][/marker] Text size: Changes the text size, in percentage. The normal size is 100 (this text uses size 125):

    Code: Select all

    [size=150]sample text[/size]
    sample text
  • [marker=Image][/marker] Image: Displays an image on its default size.

    Code: Select all

    [img]http://davoonline.com/phpBB3/images/smilies/spore.png[/img]
    Image

    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!):

    Code: Select all

    [rimg(70,70)]http://davoonline.com/phpBB3/images/smilies/spore.png[/rimg]
    [rimg(70,70)]images/smilies/spore.png[/rimg]
  • [marker=URL][/marker] URL: Shows a blue, underlined link which can be clicked.

    Code: Select all

    [url]http://davoonline.com/phpBB3[/url]
    http://davoonline.com/phpBB3


    You can also make the link show a different text:

    Code: Select all

    [url=http://davoonline.com/phpBB3]Take a look at Davoonline![/url]
    Take a look at Davoonline!
  • [marker=Video][/marker] Video: Displays a youtube video. Alert! In the url, [c]https[/c] must be replaced with [c]http[/c].

    Code: Select all

    [youtube]http://www.youtube.com/watch?v=KMU0tzLwhbE[/youtube]
    [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: Select all

    [code]This is a [b]bold[/b] example
    [/code]

    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!

    Code: Select all

    This [c]is an [b]in-line code[/b] example[/c]
    This [c]is an in-line code example[/c]
  • [marker=Spoiler][/marker] Spoiler: Hides the text, that will only be shown if the spoiler is clicked.

    Code: Select all

    [spoiler]sample text[/spoiler]
    Spoiler
    sample text
  • [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]
    
    1. First item
    1. First item
    1. First item
  • [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]):

    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]
    [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]

    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.

    Code: Select all

    [table="3"]
    [tr]
    [td]Table with a thicker border[/td]
    [/tr]
    [/table]
    
    [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]:

    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]
    [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]

[marker=Other_BBCodes][/marker][h1]Other BBCodes[/h1]
  • [marker=Headers][/marker] Headers: Formates the text as a header:

    Code: Select all

    [h1]Heading 1[/h1]
    [h2]Heading 2[/h2]
    [h3]Heading 3[/h3]
    [h4]Heading 4[/h4]
    
    [h1]Heading 1[/h1]
    [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(-):

    Code: Select all

    [marker=myMarker][/marker]
    [marker=myMarker][/marker](markers are not visible)


    To create a clickeable link to the marker, use the [c]goto[/c] BBCode with the marker identifier:

    Code: Select all

    [goto=myMarker]This is an example[/goto]
    [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:

    Code: Select all

    [hr][/hr]
    [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!


Spore Modding Tools:
[list]
[*] SporeModder FX
[*] SporeModder Blender Addons
[*] Spore ModAPI SDK[/list]
User avatar
Ryosuke12367
Hatchling
Hatchling
Posts: 1
Joined: Wed May 09, 2018 4:24 am

Re: BBCodes

Unread post by Ryosuke12367 »

BBCode is an important code for the work.
User avatar
panuwart
Hatchling
Hatchling
Posts: 2
Joined: Wed Dec 19, 2018 2:42 am

Re: BBCodes

Unread post by panuwart »

It's the information I'm looking for as well.
Post Reply Previous topicNext topic

Return to “DavoOnline.com & Company”