User:RiinRin/Signature Tutorials

Insaneular's signature tutorial is incredibly out of date, so I'm gonna give some updated tips on how to make signatures you'll see commonly.

Credits to Insaneular for some of the original text.

'''Please don't edit this page except the Sandbox, thank you. Also note that all the example sigs are made by their respective users, you can't just copy them with your username. They are there as examples only, not templates.'''

While making your sig, be sure you are familiar with the Signature policy!

=How to set up and Use a Signature=
 * Okay, here are the simple steps to set up a custom signature:


 * 1) Create a subpage to your userpage to store your signature coding. To do this, click this redlink which will let you create your subpage. This page is where you will be putting all your signature coding that you learn from this tutorial.
 * 2) Now go to your preferences page, and check the box that says "Custom signature (Check this box to create a custom signature in the field above. The signature uses the same wiki markup that a regular page does, including links.)"
 * 3) In the signature input box, put this code:  and replace USERNAME with your username. This code, though it might look strange to you, will take whatever is on the signature page you just made, and use it as your signature when you type ( ~ ) or press the button that looks like this: [[File:Signa.jpg]] Now that you've gotten your signature set up, let's move on the the important part: Customizing!

=Customizing it=

What do you want each bit of text to link to?

 * The first thing you need to decide is what you want your sig to say, and what it should link to. One thing you need to have is your username (or a variation on it) link to your user page, and then some other text link to your talk page. Some people include their contributions, or sub pages, or link other users, but it's entirely up to you.
 * When deciding what text to put, a lot of people either have their username link to their userpage, then some other text link to their talk page or other pages; an alternative is to have part of your username link to your user page, another part to your talk page, or you could break it up letter by letter... The possibilities are endless. Just think of something, play around with it, till you like it. Anyways, now that you've decided that, let's move on to the more fun stuff.
 * Customizing text coding all falls under the  code. To start off your   code, you write

TEXT
 * This is the basic premise of  coding, and you put your fun variables in between the quotation marks.

Fonts

 * There's a variety of fonts you can choose from for your signature - however, keep in mind that not every OS can show every font. Apple, Windows, and Google all have different fonts that are coded to appear on their respective browsers, so be aware of this. I have a list of fonts here that I will try to keep updated!
 * To implement a font, take the  coding above and add this;

TEXT
 * Where FONT is, place the font you wish to present; for this example I'll pick the cursive font since a variation of it can be seen across Windows, Mac and Android. I've changed it to a longer string of text so it shows all the lettering.

The quick brown fox jumped over the lazy dog.
 * That makes it turn into this -

The quick brown fox jumped over the lazy dog.

Colouring

 * Now that you have your font figured out, you can pick a colour to change the colour of the text. I personally use this website to get my HTML colour codes since it's easy to colourpick. You can also use a variety of colour names that are encoded in Wikia, but I find colour codes to be the easiest way to get exactly what I'm looking for.
 * I've decided to use #20A385 for this, and what you want to do to your  code is add this;

The quick brown fox jumped over the lazy dog.
 * You can add onto your existing code, or start a brand new  code for the colours, however I like to keep it all in one string, as that makes it easier. ^^
 * Using #20A385, I'm going to implement it into the code to produce;

The quick brown fox jumped over the lazy dog.
 * Which will make that come out to be

The quick brown fox jumped over the lazy dog.

Linking

 * So you have your font, and you have it coloured. Now you wanna link it to your user page and talk. There are several different ways people will link things, and different ways people present their signatures, but for this I'm going to take a traditional warrior name and separate the prefix and suffix to produce links to a userpage and a talk.
 * For this, I'm going to take my own warrior name, "Echoblossom", and separate it. 'Echo' will link to my userpage, and 'blossom' will be my talk. To link things, you follow the standard code to link pages, like so;

Echoblossom
 * To add your  code, you put it after the | break in your link. This is an example code using my user and talk as different colours;

Echo blossom
 * It makes the code longer, but it can be very aesthetically pleasing. For the second colour, I've picked #6220A3. This is the final result;

Echo blossom
 * It's simple, and straight to the point, however there are ways to make your signatures more fancy!

More tricks

 * 1) shadows
 * 2) sup / sub
 * 3) small / big
 * 4) text symbols
 * 5) hover titles
 * 6) timestamps