Tags and You! How to use LoK's tags

[MiscChaos]

To start off, I'm going to show you how to use the [*code] tag since I'll be using it throughout the tutorial to keep things semi-clean looking. You put your text between [*code][/code] (without the asterisk) in order to make your text appear in a code box. It'd look something like [*code]This text right here[/code] when you use it. I won't show an actual example here because I'll be using it throughout the tutorial.

I'll also do the spoiler tag here for the same reason. Spoilers keep your post from becoming fucking huge and makes it a little more clean looking and also hides what you said, making it so only people who wanna see what your saying will see it. To use it, use

Code: Select All Code

[spoiler][/spoiler]

Again, I won't use an actual example here since I'll be using it throughout the tutorial

Bold, italics, underline, and color

Spoiler (click to show/hide):

Code: Select All Code

[b][/b] is for bold text.

Place the words you want to bold between the two tags and voila!

The same for italics, underline, and colors, only you use

Code: Select All Code

[i][/i], [u][/u], and [color=][/color]

respectively.

Color is a bit different and you can go about it in two ways: 1) You can use a general color like blue, red, green, etc. which will look like this

Code: Select All Code

[color=red]This text would be red[/color]

or 2) you can go to font color on the tool bar in full editor and pick from the color spectrum they've got in there. That one will look more like this

Code: Select All Code

[color=#FF0000]This would also be red[/color]

The Full Editor has a much bigger range of colors available, but using the word method is much quicker, so do it however you need to for that situation.

Quotation and The 3 Types of Lists

Spoiler (click to show/hide):

You usually don't have to use quote text yourself since you're quoting from someone else's words, but if you wanna use that use

Code: Select All Code

[quote=][/quote]

Put the person you wanna quote in quotation marks and their name will pop up in the message. Like if I was gonna quote BlueLight, I'd use

Code: Select All Code

[quote="BlueLight"][/quote]

and it'd look

like this!

This looks like a good way to get in trouble with people, so I wouldn't use it just to play around since you're literally putting words in someone else's mouth though.

You can use

Code: Select All Code

[list][/list]

to make a Regular, non-fancy List that's indented from the beginning of the post. It'll like something like this.

Big
Green
Monster

You have to hit enter between each entry as far as I know, so the previous text would look like this.

Code: Select All Code

[list]Big
Green
Monster[/list]

[*]Can't be used without the list tag since it makes a regular list into a Bullet Point List. Taking the above as an example, using [*] would turn it to this.

• Big
• Green
• Monster

The code would look like this

Code: Select All Code

[list][*]Big
[*]Green
[*]Monster[/list]

Using

Code: Select All Code

[list=][/list]

would take that same list and turn it into an Ordered List. Keeping with the example, using the ordered list would turn it into

1. Big
2. Green
3. Monster

In ordered lists, you put 1, A, I, or a behind the = to change how the lists looks, either being (1,2,3), (A, B, C), (I, II, III), or (a, b, c) respectively. In code form, it looks like this

Code: Select All Code

[list=I][*]Big
[*]Green
[*]Monster[/list]

Pictures, Out of Forum Links, Size, and Anchor/Link

Spoiler (click to show/hide):

If you wanna use pictures, use

Code: Select All Code

[img][/img]

wrapped around a url to make it show up on the forums. Some pictures don't show up for some reason though. Dunno exactly why. Anyway, an example would look something like this

Code: Select All Code

[img]http://i1075.photobucket.com/albums/w437/poko10/troll.jpg[/img]

Speaking of urls though, use

Code: Select All Code

[url=][/url]

to make text link to another site, though try not to link us to something that's gonna give us viruses, ok? The previous example would like like this when you type it in

Code: Select All Code

[url=http://www.legendofkrystal.com/forum]link to another site[/url]

You can increase the size of your text by using the

Code: Select All Code

[size=#][/size]

tag, replacing # with an actual number. Normal text is 100, any smaller than that and your text will become smaller. (This is 90 by the way). Any bigger than that and it'll get bigger. (This is 110). Smaller text is a bit more noticeable than bigger text, but both can get annoying if overused, so try not to.

The

Code: Select All Code

[anchor][/anchor] tag and the [link=][/link] tag

have to be used together. To use it, name your anchor by putting in something like

Code: Select All Code

[anchor]b[/anchor]

Once the anchor's named, you can use link to create a link to that anchor by using

Code: Select All Code

[link=b][/link]

This makes it possible to do something like link back To the top of the page. I haven't used it on this forum yet, so I'm not altogether certain of all the possibilities, but this is a useful one just about anywhere.

Center

Spoiler (click to show/hide):

Use

Code: Select All Code

[center][/center]

to, well
center text.
This can be useful for starting an RP off or announcing an event or something.

Line Break (It's its own separate thing cause it's kinda messy)

Spoiler (click to show/hide):

On the subject of a grand event, you can use

Code: Select All Code

[hr][/hr]

to create a line before text, so it

---

Spoiler (click to show/hide):

looks a little like the line above this spoiler, separating the announcement from the rest of your text. It doesn't do much other than make your announcement all fancy like, but hey, showing what it can do is the point of this tutorial. You don't have to put text between the tags, just stick it wherever you want the line to show up and it'll be there.

Code: Select All Code

[hr]This text is not necessary[/hr]

Strike, Subscript, and Superscript

Spoiler (click to show/hide):

Code: Select All Code

[strike][/strike]

is more for comedic effect than anything. It'll put a stupid fucking line a cool little line through whatever text you put between the tags, making it look like you made a mistake or changed your mind or something to that effect. It's much more easily done using good ol' backspace, but again, this is for comedic effect. The previous example would look like this

Code: Select All Code

[strike]a stupid fucking line[/strike]

Code: Select All Code

[sub][/sub]

will _{do this} to your text.

And

Code: Select All Code

[sup][/sup]

will ^{do this} to it. I'm not sure what the RPing purpose of such tags would be, but this is just to show what the tags can do, not question their uses.

So yeah, that's pretty much it. Everyone feel free to chime in on something I might have missed or on information I'm missing. Enjoy! And also know that you can find every single tag I just used in the Full Editor option of a post. This is just here in chance you don't wanna do that.

[BlueLight]

What's the different from

Code: Select All Code

[list] [/list] & [list=][/list]

, what does

Code: Select All Code

[*]

do, an example of

Code: Select All Code

[url][/url]

plus you forgot to explain how the coding works for Font color .

Code: Select All Code

[anchor][/anchor]

need some love,

Code: Select All Code

[hr][/hr]

i think you covered along with

Code: Select All Code

[link=][/link]

I also need to check if you covered any of these just to make sure... BUT I'm to lazy...

[MiscChaos]

What's the different from

Code: Select All Code

[list][/list] & [list=][/list]

What does

Code: Select All Code

[*]

I'm not sure. I couldn't figure out how to use [list=], which is ordered list, so I'm not sure of the differences between them.
[*] is a bullet point list. Like ordered lists, I couldn't figure out how to use it, so I didn't include it in the tutorial.

Do an example of

Code: Select All Code

[url][/url]

There's an example right in the tutorial.

If you wanna use pictures, use [*img][/img] wrapped around a url to make it show up on the forums. Some pictures don't show up for some reason though. Dunno exactly why. Speaking of urls though, use [*url=][/url] to make text link to another site, though try not to link us to something that's gonna give us viruses, ok? I made the text link to the LoK forum main site.

In code form, it looks like

Code: Select All Code

[url=www.legendofkrystal.com/forum]link  to another site[/url]

Also, thanks for helping me figure out [*code]'s use! I'll add that into the tutorial

Plus you forgot to explain how the coding works for Font color

[*b][/b] (without the asterisk) is for bold text. Place the words you want to bold between the two tags and voila!

The same for italics, underline, and colors, only you use [*i][/i], [*u][/u], and [*color=][/color] respectively.

Color is a bit different and you can go about it in two ways: 1) You can use a general color like blue, red, green, etc. or 2) you can go to font color on the tool bar in full editor and pick from the color spectrum they've got in there.

That's what I said in the tutorial. I guess that wasn't in depth enough. To use color, you have to do one of two things. You either have to use it like this

Code: Select All Code

[color=red]This text would become red[/color]

or this

Code: Select All Code

[color=#FF0000]This text would also become red[/color]

You find a full catalog of hex colors you can use on the forums by going into Full Editor and clicking on "Font Colour"

need some love,

Code: Select All Code

[hr][/hr]

I think you covered along with

Code: Select All Code

[link=][/link]

Yup, I covered both of those, though, admittedly, it looks like a confusing mess. Now that I know how [*code] works, I think I'll go back through and clean it up a little.

[BlueLight]

I know how most of this works but some of the tags i can't ever seems to work when i want them to so that's why i wanted a post like this... TY my knight in wooden armor.... sorry, but i've played to much of towns.

[MiscChaos]

No problem. Also, I've cleaned up the original post a bit. Looks a lot less like a horrible mess now.

[MiscChaos]

Figured out how [list=] and [*] work, so I've updated the tutorial to include them. I think I've got all the tags in Full Editor now!

[Thaedael]

Get's even more fun and complicated when you make lists inside of lists using anchors.