Basic Coding 101 ~ WIP

So this is written by me, Feather, and will probably be heavily edited by Willow by the time I'm done here. I hardly understand code, so this is me explaining basic code in words I understand. Proboards forums use BBCode, which is what I will be working in, but there are several easy to use translators on the Internet. I've put my favorite in the Resources section at the bottom.

You will notice that underneath the subject label there are four sections of buttons. You can push these buttons to achieve what you need in code, or you can type it out. This tutorial is showing you how to type it out. I've found that coding it manually is often more reliable than button pushing.


There are several basic commands. These commands are:

• italicize
• bold
• underline
• slash
• ^superscript
• _subscript
• code

To make a word italicized, you type:

[i]insert text here[/i]
and it shows up as:
insert text here.

To make a word bold, you type:

[b]insert text here[/b]
and it shows up as:
insert text here.

To make a word underlined, you type:

[u]insert text here[/u]
and it shows up as:
insert text here.

To make a word slashed, you type:

[s]insert text here[/s]
and it shows up as:
insert text here.

To create superscript, you type:

[sup]insert text here[/sup
and it shows up as:
^{insert text here}

To create subscript, you type:

[sub]insert text here[/sub]
and it shows up as:
_{insert text here}

To put a series of code so that it can be copied/pasted, you type:

[code]insert text here[/code]

and it shows up as code.

There are seven text sizes and eight text fonts. The sizes are:

1
2
3
4
5
6
7

To change the size of text, you write:

[size=(insert number here)]insert text here[/size]

The fonts are*:

Arial
Comic Sans MS
Courier New
Georgia
Impact
Times New Roman
Trebuchet MS
Verdana
Willow added a bunch of new ones from Google. The link is here.

To change the font of text, you write:

[font=(insert font name here)]insert text here[/font]

*Willow has added a new list of fonts to the forum. I'm too lazy to put them in, but the link is

There are hundreds of thousands of colors on the color wheel- however, I'm not going to go through all of them. However, in Resources, I've attached a link taking you to a website that has four parts for each color: an example, the BBCode name, the HEX digit, and the RGB decimal.

Now, there is the matter of margins. The standard setting is for the text 'hug' the left wall. However, through coding, you can change that.

To make writing centered on the screen, you write:

[center]insert text here[/center]

and it shows up:

To make text 'hug' the right wall, you write:
[div align="right"]insert text here[/div]
and it shows up:


To make text return to normal from either of these, you write:
[div align="left"]insert text here[/div]
and it shows up as usual.

~I will update with the rest of Basic Coding soon!~


RESOURCES

Note- this is basic coding. Soon there will be a tutorial on how to create posting templates, but this is just the bare bones of sprucing up text.