User:Stoneclaw33/Tutorial

Hi there! I'm Stoneclaw33, or you can simply call me Stoneclaw, Stoney, ect. You've come to my signature tutorial - and here I'm going to teach you how to set up and customize your signature using the span tag. Since I've seen many have difficulties editing their signature, I've decided to make this tutorial for others to learn from. I do hope this helps!

Please make sure that you are familiar with the signature policy before you proceed with getting started and customizing your sig.

All right. Let's get started.

Oh, and another thing I must inform you of, is that please refrain from copying the signature codes used in these tutorials. Short cuts, in my mind, are not really the best way of getting things done. So suggest to simply learn how to do a signature, not how to copy a signature. ;)


 * And always remember to sign with " ~ " on talk pages or forums. That's why we use siggies. So others can see who posted the message on the talk page or forum. But if you make a mistake, don't worry. The signer of the comment can always be seen in the page's history!

Getting Started; Setting up your Signature for Use

Before you move on the customizing your signature, you need to set up your custom signature for use. These are simple steps, but just make sure that you do them correctly. If a mistake is made, don't worry, it can always be corrected.

Follow these steps:

1. First, you're going to create a subpage for your signature coding. Create a page, and then name it User:USERNAME/Sig and make sure to replace USERNAME with your own username. An easier way to do this is to just click this link, and you've got your subpage.

2. Assuming that you've now got your signature subpage, on it, place the following code:  Make sure that there are spaces or such before and after this code.

3. Head over to your preferences page, and on "My Info", there's a signature section. Paste  in the custom signature box, and don't forget to replace USERNAME with your username. Also, check the little Custom Signature box; and make sure it's checked.

So, we're now finished setting up. Let's move on the customizing! Yay! 8D As I said before, we'll be using the span tag.

Customizing your Signature

Links and Text First, you need to decide what your sig will link to, and what text it will show.


 * How to link to another page on the wiki: You use this code -  Replace 'PAGENAME' with the name of the page you're linking to.


 * If you wanted to link to Bluestar's article, you would insert this code:
 * And it would appear as: Bluestar


 * However, you might want to link to a page, such as Firestar, for an example, but you want the text to show something else; not 'Firestar', but still link to it. How to do that? This is how:


 * So, if I wanted to link to Firestar's page, and I wanted the text to say 'ThunderClan leader', then this is how I would do it: It would show up as: ThunderClan leader but still link to Firestar's article. Click on it and you'll see.

Yep. That's how you link. You basically have to add those brackets around the article's name. It's up to you to what you want to link to in your signature. But make sure that something in your siggie has to link to your userpage and talk page (it's a requirement). You even don't have to have the text in your siggie link to something (except userpage and talk page).

Font Colors The font colors in your siggie will determine what color the text will be. You don't want the text color of your siggie to be just gray. ;P Different font colors will spruce up your sig for sure!

Customizing the Font Color I guess I should teach you how the font colors work.

This is how you can customize the font color (the default font color is a shade of gray):

USERNAME

The code will turn out as (Of course, replace 'USERNAME' with your username):

USERNAME

Of course, you don't have to use the color red. You can also use HTML color codes to be more specific.

HTML Color Codes To determine a very specific color for your text, you can use HTML color codes to represent a specific color you would like to use (However you can just put some basic colors like red if you don't want specific colors). Hexadecimal color codes are just to be specific with the color you're using. You don't need to remember all of the numbers in the hex code. You can use a HTML color code generator website. Like this one. You simply pick the color you would like to use, and it shows the color code that represents the color.


 * For an example, if I wanted to use the color code #2600FF (which is a blue color), the code would look like this:

Stoneclaw33

Stoneclaw33 - I used my own username here. But yeah, this is it.

Colors As I've said earlier, you don't have to use HTML color codes. You can use the name of a color. I'll list some colors that you could use that I know of (I gave some a black background because otherwise they're too light to be visible).

''' White, Azure , Beige , Silver , Thistle ,