Help:Customising your Signature

So Special:Mypage, want to learn how to create your own personalised wikia signature? Well I and everyone's favourite Guide, Hwa Ryun, will show you how to do so!

Step 1. Basics
'''At first, you don't have to know how HTML works! A basic signature is easy to create even for those who don't even know what HTML is!'''

Before you begin, you need a place where you can create your signature! Most users do this as a subpage to their userpage. To create a subpage of your userpage for your signature, go to your userpage, add /Sig1 to the address in your address bar, and press enter. Voila! You are at your subpage. This will be the page you use to create your signature. If at any point while you're creating your signature, you want to see how you're doing, then press the Preview button on the editing tool bar that will be on the right when you edit your subpage.

This is our base:

TEXT

'''Keeping up ? Awesome! Then let's move onwards!'''

Font Face
At first you should choose your favourite font! Whether it be Verdana or any other font, it's all good! To add this property you have to write:

Your text

Font Size
You can change a size of your font in many different ways:

1. You can use x-small/large

2. You can put a percentage: 125% is large, and 50% is small

3. You can just use pixels

Font Colour
There are two ways to add colour to your text:

1. Write the colour's name

2. Write the colour's hexadecimal code

Text Decorations
If you want to decorate you text by using underline or, it's of course possible. There are two ways to do so:

1. Use a  HTML element

2. Use basic HTML codes

You can also mix them together! Using either:

Rachel or  Rachel

Will come out like this: Rachel

Text above and text below
If you want to add a special look to your signature you can put text above (superscript or sup) or text below (subscript or sub).

Step 3. Background!
'''Well done, now your text looks great! So it's time for a background!'''

Adding a background doesn't bring anything new. You can use a colour's name or hexadecimal codes just like in the case of font's colour.

Basics
Borders are there to frame your text! And there are lots of possible borders you could use!

Round Corners
If you want to change corners to something more rounded, you have to change the radius of the border! Don't worry, it's easy, you just have to do the simple task of adding:

''', you're not satisfied? You want to change every part of the corner?! But of course!'''

As in the previous example you have to add it, not with one variable, but four!

Step 4. Paddings!
You now have a border and a background! Still you you realise that your text should be a little bit more removed from the frame. You have to add some paddings!

Step 5. Images!
So, now you want add a picture do you ? No problem! Adding a picture is the same as putting one on an article page:

But on a signature you're not allowed to put pictures any bigger than "35px", so how would you do this without losing its quality? Simple! Instead of 120px you put 0x35px.

You can of course add a link to the wikia or any other external link:

Step 6! Signature Creation!
This is the bit you've been waiting for, isn't it ? It's time to put it all together and make your own personalised signature!!!

For example I'm Demotivator and I want my signature to have a white background with dark magenta inset border, Verdana font, one corner rounded and Jyu Viole Grace on it!

1. Firstly I put my name which is "Demotivator" with the coding relating to border and background:

2. Then I will make some round corners:

'''3. Doesn't look good... I'll add some paddings:'''

4. I'm changing the font (look WHERE I put it! Right before the text!)

5. Finally I will add Jyu Viole Grace

Step 7! Implement your customised signature!
So, you have your code... what's next? I'll put everything in points:
 * 1) You have to create a subpage of your userpage. You can do this by going to your user page and adding /Sig1 to the end of the url. After that, put all your code there. Save it! This step should have been before you started making your signature.
 * 2) Copy all of your signature coding text and then go to My Preferences.
 * 3) On the Signature part, mark Custom signature and in the window paste your signature coding text. Save it!:
 * 4) When you sign your opinions, texts etc. Add four "~" as normal and your customised signature should appear!