Oracle Zone use a lot of HTML and BBCode in order to pull off an orderly Pokèmon RPG, especially the profile. The following are from basic HTML to advanced HTML (not really advanced xD;) in order for you to know how and what. You can test codes in Oracle Zone's Classroom -> Tutorial Home. Kindly erase immediately if the code is mess-up. If you create problem by slowing the board because of a code you did, you'll be demerited.
Basic stuffs- Bold, Italics, Underline
- Font, Color, Size
- Linking and Images
TableSpecial Tags- SEAL TAG
- Toggle
- Toggle
- IPB Profile
- 'Money' Code
-----------------
Bold, Italics, Underline
-----------------
To bold, just enclose the text in,
To italicized, just enclose the text in,
To underline, just enclose the text in,
In HTML, you replace the brackets ([ ]) into < >
-------------------
Font, Color, Size
-------------------
To change font, use,
| CODE |
| [font=NAME OF FONT] [/font] |
To change color, use,
| CODE |
| [color=COLOR] [/color] |
To change the size, use,
Some fonts does not appear as it should on some computer, like Scriptina, Chilli, and so on. In colors, you can use HEX tag, like, #000000
You can google 'list of colors' and select wikipedia's page about it. Very useful.
In HTML, you begin using <font ____> </font> eg. <font color=blue> </font> <font size=3> </font> OR <font color=blue, size=3> </font>
--------------------
Linking and Images
-------------------
To link, use this,
| CODE |
| [url=INSERT LINK]Link name[/url] |
To post an image,
| CODE |
| [img]IMAGE URL[/img] |
Or put them together,
| CODE |
[url=LINK][img] [/img] [/url]/code]
In HTML, <a href=link>link name</a> <img src="IMAGE"</a>
------------------ [size=3]Quote, Code, List[/size] ----------------- To quote, use, [code][quote]BLABLABLA[/quote] |
You can even add a title,
| CODE |
| [quote=TITLE]BLABLABLA[/quote] |
To use the code, enclose it in,
[/code]
Because of a code we have, it automatically resizes with a scrollbar so long codes will not make the board slow.
And to use the list,
| CODE |
| [list] blablabl [/list] |
If you want to add bullets, add,
[*]
If you want numerals, make it,
| CODE |
| [list=1] [*] blablabla[/list] |
If you want letters, make it,
| CODE |
| [list=a][*] blablabla [/list] |
There's a BB Code Help available when you click ADD REPLY actually if you're confused xD
-----------------------------
TABLES
-----------------------------
To begin with, you have to do it in a place where HTML is allowed. I had all members allowed to do html (so you can do it in signatures as well) just enclose it then in,
Now, in starting a table, the basic body is,
<table border=1><tbody><tr><td> </td></tr></tbody></table>
In Table Border, you can set it to 0 so you have no border, or make it thicker with 2, 3...7..., border width. You can also adjust the width by adding, <table border=1, width=100%> or center it by, <table border=1, width=100%, align=center>
Don't remove tbody.
<tr> </tr> is sort of like the big box. Inside the big box is the <td> </td> which is the smaller box. These two are always together.
<tr> <td> insert text </td> </tr>
[dohtml]<table border=1><tbody><tr><td> insert text </td></tr></tbody></table>[/dohtml]
That's one box. If you want to add a column, repeated from <td> to </td> within <tr> </tr>
<tr><td> insert text </td> <td> insert another text </td></tr>
[dohtml]<table border=1><tbody><tr><td> insert text </td><td> insert another text</td></tr></tbody></table>[/dohtml]
If it's row, repeat from <tr> to </tr>
<tr><td> insert text </td> </tr> <tr><td> insert another text </td></tr>
[dohtml]<table border=1><tbody><tr><td> insert text </td></tr><tr><td>insert another text</td></tr></tbody></table>[/dohtml]
TD's size can also be changed to <td width=100%>. You can also make one TD occupy two or more columns or two or more rows using <td colspan=x> or <td rowspan=x> (x=number of col/row you want it to occupy) First, you have to add this within dohtml, <div class=signature> and after the table, </div>
[dohtml]<div class=signature><table border=1><tbody><tr><td colspan=2> insert text </td><td> text </td> </tr><tr><td> text </td> <td> 2nd text </td><td> 3rd text</td></tr></tbody></table></div>[/dohtml]
[dohtml]<div class=signature><table border=1><tbody><tr><td rowspan=2> insert text </td><td> text</td> </tr><tr><td> text </td> </tr></tbody></table></div>[/dohtml]
A combination of colspan and rowspan,
[dohtml]<div class=signature><table border=1><tbody><tr><td rowspan=2> insert text </td><td colspan=2> text</td> </tr><tr><td> text </td> <td>text</td></tr></tbody></table></div>[/dohtml]
You can add a lot of things with the table. Toggles are very fun to use, and page breaks [ hr ] <hr>
-------------
SEAL TAG
------------
The seal is for Mail Service so there's really privacy.
When you post this, only you and the people who posted in the topic you would post this tag can read the contents. If not, it would show up like this,
[seal] Hey [/seal]
----------------
Toggle [yey]
----------------
Toggles are just awesome.
Anyway, this first toggle is simple.
It's case sensitive, so only use small caps.
[toggle]Hey[/toggle]
Hide things! Even images, links, and tables can be hidden, but not quotes and code boxes.
-------------------
Toggle 2 [YEY]
-------------------
This is much cooler. Toggle 1 can be used to hide multiple toggle 2.
This time, Toggle 2 has a title,
[toggle2=title]inside content [/toggle2]
You can also use images, bb codes and urls for the title. Emoticons are also possible.
--------------
IPB Profile
-------------
IPB Profile will enable you to have stuffs under your post details when you post. It is place in the signature and enclose in,
| CODE |
| [message] [/message] |
You can use...
- BB Tags
- Images
- Links
- Emoticons
Clearly, no html.
Here's a sample,

Clearly no pointless things to be put up, especially things that will stretch the board. You have your signature for that already. Only put in the IPB Profile important things, and maybe some character-related stuffs.
It is a must you post MoAC-related, MP-related (like items that will boost your MP when in battle), HC and Happiness stat changes (during your journey, the mod will inform if the HC/Happiness one of your Pokèmon inclined/declined [:HC:++ :happy-2:+] and when it does hit five +, the mod will edit your profile and change the emoticon. You on the contrary has to keep up with the 'process'.) to make it easier for us mods.
----------------
'Money' Code
----------------
What can that the "Money" be in your user profile? And what is the "Check Donations"? More importantly, what is it this "%mh%-300%mh%" we see in our signature? This is the money code the site has.
The purpose of this Money code is for the
Merit System. You are free to waste all your MP giving it to someone but it's impossible to steal someone's MP, which would be against the rules (to steal an MP, you have to have more than one account or enter the blackmailing game, which would make you look like an idiot for sinking so low for something so minor).
The
◘MP Giver◘ is the one that gives your MP when you
earn it. Its counterpart, the
◘MP Collector◘ is the one that
accepts your money whenever you are asked to after getting your MP Taken away because you have done something wrong or you have paid for an item and other purposes of MP.
To
accept money, click on Check Donations. A pop-up would usually appear though when you're by the board index.
To
give money, click "Donate" on the user's profile, or the one under post detail.