BBCodes

Welcome to DavoOnline.com!
Let us know what you are about or check out some of our partners!

Tech Support

Tech Support

Emd4600 [ASR]
User avatar
Posts: 603
Joined: Sun Dec 09, 2012 6:21 am
Location: Sporepedia2's City, Spain
Gender: Male
Contact:
Status: Offline

BBCodes

Unread post #1 by Emd4600 [ASR] » Thu Oct 01, 2015 8:56 am


What is BBCode?



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]


Common BBCodes



  • Bold:

    Code: Select all

    [b]sample text[/b]

    sample text

  • Italic:

    Code: Select all

    [i]sample text[/i]

    sample text

  • Underline:

    Code: Select all

    [u]sample text[/u]

    sample text

  • Strike:

    Code: Select all

    [strike]sample text[/strike]

    sample text

  • Center align: Text is symetrically aligned in the middle of the page.

    Code: Select all

    [center]sample text[/center]

    sample text


  • Left align: Aligns the line start with the left side of the text.

    Code: Select all

    [left]sample text[/left]

    sample text


  • Right align: Aligns the line end with the right side of the text.

    Code: Select all

    [right]sample text[/right]

    sample text


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

    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.


  • 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

  • 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

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



  • 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!

  • Video: Displays a youtube video. Alert! In the url, https must be replaced with http.

    Code: Select all

    [youtube]http://www.youtube.com/watch?v=KMU0tzLwhbE[/youtube]



  • 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 is an in-line code example

  • Spoiler: Hides the text, that will only be shown if the spoiler is clicked.

    Code: Select all

    [spoiler]sample text[/spoiler]

    Spoiler: show
    sample text


  • 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


Advanced BBCodes



  • 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
  • Table: Creates a table containing rows. Rows are created with the tr BBCode. Rows must contain headers (th) and/or cells (td):

    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]





    Heading example 1Cell 1Cell 2
    Heading example 2Cell 1Cell 2


    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 with a thicker border


    For a more customizable table, you can use table2. There, you must specify (in this order) the border, the cellpadding, the cellspacing and the bgcolor:

    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]


    Cell padding adds blank pixels after the contentCell spacing specifies the space between cells

Other BBCodes



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

    Heading 1


    Heading 2


    Heading 3


    Heading 4



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

    (markers are not visible)


    To create a clickeable link to the marker, use the goto BBCode with the marker identifier:

    Code: Select all

    [goto=myMarker]This is an example[/goto]

    This is an example

    A URL to the marker can also be done, adding # and the marker identifier after the post URL. For example:
    viewtopic.php?f=1&t=5603#Font_color

  • Line: Draws a line:

    Code: Select all

    [hr][/hr]



Can I use HTML?



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!


Image
Image

Return to “DavoOnline.com & Company”

Who is online

Users browsing this forum: No registered users and 1 guest

cron