|Table of Contents|
|What a BBCode is?|
|Doubts? need Support or Advice? Suggestions???|
A "BBCode" or Bulletin Board Code is a lightweight markup language used to format posts in many message boards. The available tags are usually indicated by square brackets ([ ]) surrounding a keyword, and they are parsed by the message board system before being translated into a markup language that web browsers understand—usually HTML or XHTML.
Tibia Royal (Tibia.com uses BBCodes too!, so, they may be familiar to you if you post on its forums!) uses these codes to create content in many of its sections such as Forums, Guides, News, Articles, and in the Comment System aswell. Although there are some variations from one section to other, you can use BBCodes in all of them. So, make sure you understand pretty well how they work to create awesome content to be enjoyed by the Community!. This benefit you too, when it is time to get contribution points, cause popular and well done content gets rewarded.
We will now try to learn about all the codes you can use on our website to make your guides/comments more appealing. At the begin, we will start with the most common and basic ones.
|Tag||Description||Preview||Code (take "*" off)|
|b||Makes text inside bold||bold||[*b][*/b]|
|i||Makes text inside cursive||italic||[*i][*/i]|
|u||Underlines the text||underline||[*u][*/u]|
|s||Strikes thru all text||Example||[*s][*/s]|
|ins||Mark text as added after edit (color green)||[*ins][*/ins]|
|del||Mark text as deleted||[*del][*/del]|
|ul||Starts a dotted list||
|ol||Starts a numbered list||
|li||It makes the point or number inside a list ("ul" or "ol")|
|color||Changes the color of text.||Example||[*color=#ffff00][*/color]|
|url||Links to somewhere on this website or on the Internet||Tibia||[*url=http://tibia.com]Tibia[*/url]|
|break||Space between paragraphs||[*break]|
|sub||Creates a small text down||Text||[*sub][*/sub]|
|sup||Creates a small text up||Text||[*sup][*/sup]|
|small||Creates a small text||Text||[*small][*/small]|
|center||Aligns the text in the center of the page||
BBCodes can be used in a very complex way once you learn the basics, it's all about trying and learning. Advanced BBCodes are the most helpful when creating a guide!.
Every long and detailed guide should have this useful BBCode which allow users to find specific information inside the whole content. The Table of Content BBCode is automatically generated based on the titles and subtitles you insert ("h2" and "h3"), just writing [*toc] at the top of the page.
Just click on the "table" BBCode button and our helper will appear. Select how many rows and columns you wish to have and also if you want the table with headers. The system will generate the BBCode automatically and you just need to fill it with the content you want to.
The bbcodes we use to create tables are the following:
[*table] - starts the table. It has additional attributes: float=(left/right), align=(left/center/right), width, class
[*tr] - starts a row
[*th] - makes a header cell. It has additional attributes: rowspan=, colspan=, float=(left/center/right)
[*td] - makes a cell/column. It has additional attributes: rowspan=, colspan=, float=(left/center/right)
Tables can get very complex and messy if you don't understand how they work. Below you can see an example of how complex the code of the table displayed on general BBCodes is. The different BBCodes that can be used in tables were tagged with the same colours listed above so you can see where to put the content.
Feel free to use your imagination, use tables (in its "box" form or without any borders) to create great guides and articles!!. For example, to align certain images at left or right of the page, to create a list of items, monsters, locations, etc. This BBCode will help you to organize the content of your submissions and also to make them more attractive for other users. Always remember that popular and appealing content gets rewarded with points. The possibilities are almost infinite :)
[*tabs][*/tabs] - starts tabs
[*tab="name"][*/tab] - start a tab content, in place of "name" you should write how this tab should be named.
Check this example:
To use the spoiler BBCode we need to put our content inside this tag [*spoiler][*/spoiler]. This way the content will be hidden like the example below.
If we wish to quote a post or someone, we can easly do it with a [quote] bbcode. The example is shown below.
[*quote=Zathroth]May Darkness be your path...[*/quote]
ZathrothMay Darkness be your path...
Always remember to copy/paste the code after the "?=V". For example, this video (kindly provided by our graphic artist) with the url "https://www.youtube.com/watch?v=6TuJqpqSwlc", should be put as follow:
If you need to put a outfiter, you can use it with bbcode:
|Addon 1||Addon 2|
There are basically three ways of posting images in Tibia Royal.
1. Using the [*img][*/img] BBCode. Just copy past the URL of the image inside the tags. Commonly used on forums.
2. [*img src=(src)] - Used when you upload an image with Tibia Royal's image uploader. The "Submit Guide" form has this option, which must be used in order to get your contribution approved. It has additional attributes: float=(left|right), border=(1|0), align=(left|center|right), width=(number), height=(number)
3.[*media=number] - Screenshot/video preview of media uploaded to our database.
Regarding links, besides the "url" tag, you can use "anchors" when you need to link somewhere inside the same page!. Just the tag "[*anchor=(text)]"
There three ways in which you can add item bbcode to your guide/comment. First one is simply, just use our tool. If you wish to have a text with toolpit text of item look at the table below:
|Item with item name||Ancient Stone Weight: 1.60 oz. Stackable: till 100 Created in patch: 8.54 (Zao) Ancient Stone||[/item=3][//item]|
|Item with image||Ancient Stone Weight: 1.60 oz. Stackable: till 100 Created in patch: 8.54 (Zao)||[/item=3 image=1][//item]|
|Item with differernt name||Ancient Stone Weight: 1.60 oz. Stackable: till 100 Created in patch: 8.54 (Zao) Test text||[/item=3]Test text[//item]|
There three ways in which you can add monster bbcode to your guide/comment. First one is simply, just use our tool. If you wish to have a text with toolpit text of item look at the table below:
|Monster with item name||Rat 20 hp 5 exp Possible to transform into You need 200 mana to summon You need 200 mana to convince Sounds: Meep! Weak: Neutral: Strong: Immune: Life Drain Detects invisibility Created in patch: < 6.0 Attack type: Close Pushable Rat||[/monster=3][//monster]|
|Monster with image||Rat 20 hp 5 exp Possible to transform into You need 200 mana to summon You need 200 mana to convince Sounds: Meep! Weak: Neutral: Strong: Immune: Life Drain Detects invisibility Created in patch: < 6.0 Attack type: Close Pushable||[/monster=3 image=1][//monster]|
|Monster with differernt name||Rat 20 hp 5 exp Possible to transform into You need 200 mana to summon You need 200 mana to convince Sounds: Meep! Weak: Neutral: Strong: Immune: Life Drain Detects invisibility Created in patch: < 6.0 Attack type: Close Pushable Test text||[/monster=3]Test text[//monster]|
To use map on your guide, you have to copy the code from the mapper tool between the [mapper/][/mapper] tags
Sometimes, you need to mention the equipment needed for certain situations, or you just want to show off your awesome armors. Tibia Royal has its own BBCode spacially made for that :). Just follow the example below.
You can also link to a character's official user profile with out copying pasting links. Just use the BBCode [*character][/character]. A small tibia icon will appear next to the character's name.
To put the conversation with NPC use this bbcode:[.npc_talk=2]
[npc]Testing bla bla bla[/npc][player]Goodbye[/player] [/.npc_talk]
Sam: Testing bla bla bla
Just post a comment below, we will reply as fast as possible. Remeber that any doubt you have could be the doubt of someone else :). Anyways, you can contact Uman, since he is the Lead Programmer of our Staff.
Please keep the following in mind when posting a comment:
Simply browse for your screenshot using the form below.
Simply put the link of video below and hit "Upload". Make sure to read our tutorial about how to submit videos.