Resource BBCoding Starter Kit - Just the Basics, for now

[ArtisticVicu]

This is beginning basics. I will expand upon it with the RpN specific bbcodes slowly but surely. Feel free to add yer own know-how or ask questions.

Google can bring up a number of coding lists, which is always useful. I always look up BBCode lists because even I can't keep track of them all. Now, some on these lists do not work with our systems.

List 1
List 2

Good rule of thumb is to keep in mind that you have to watch your tags, the things that create a code.

For example:

If I want to insert a gif in a character sheet, I would need to use the

[img] [/img]

tag. The code has an opening and closing tag. The opening tag is the first one. The closing tag is the same tag with just a '/' within the beginning of the brackets. Closing tags will always begin '[/' with the tag following it, closed off with ']'.

For inserting the image, you find the url of the image by itself. You're gonna wanna use this url: http://68.media.tumblr.com/2ab6182577e8a55e0b11d15d37eac248/tumblr_inline_mhk6ua7qPd1qz4rgp.gif vs this url: http://chipotlou.tumblr.com/post/42043334311/logan-lerman-gif-hunt
The first url is the image specifically. The second url is the page that it comes from. The second url has too much information attached to it.

So, with the first url, you plug it into the tags.

[img]http://68.media.tumblr.com/2ab6182577e8a55e0b11d15d37eac248/tumblr_inline_mhk6ua7qPd1qz4rgp.gif[/img]

It should turn out like this once you post:

Now, there is quite a bit you can do in the rich text editor where you don't need to know bbcoding. While I encourage playing with bbcoding, if you are new to it, starting small and simple is better. Start with font type, size, and alignment, as well as a few common coding edits.

[u]Examples[/u]
[i]Font[/i]: 
[font=times new roman]This is Times New Roman[/font]
[font=arial]This is Arial.[/font]
[font=Courier New]This is Courier New[/font]
[b]Size[/b]: 
[size=2]This is size 2.[/size]
[size=14px]This is size 14 pixels.[/size]
[size=5]This is size 5[/size]
[s]Alignment[/s]: 
[left]This is aligned left.[/left]
[center]This is aligned center.[/center]
[right]This is aligned right.[/right]

Examples
Font:
This is Times New Roman
This is Arial.
This is Courier New
Size:
This is size 2.
This is size 14 pixels.
This is size 5
Alignment:

This is aligned left.​

This is aligned center.​

This is aligned right.​

Feel free to voice what you want or need. If I can't answer, someone else probably will.