User:Katari12/Fancy Sigs

Introduction
So! You're wanting a fancy signature. Well don't expect it to be easy, there's a limit to how much you can put into your signature and that can make or break it.

 Katari12  23:30, April 8, 2012 (UTC)

Something like that is easy, but the way I had it before, it would NEVER pass!

 Katari12  Talk   Contrib 

That's how I had it before, and as time went on, i realized that the coding for that amazing signature was too much, so i shortened it. So let's get your started!

Rules

 * 11338745.png: As of right now I'm unaware of size rules, however, try not to go too big, if you look around the Wikia, you can see just how small some sigs really are.
 * Images: Of course it goes without saying, nothing perverted, you can use any of the emotes from the wiki (Located here ) *
 * Text: Nothing that doesn't follow guidlines and Wikia rules. You may change the words such as sparda did in his, but links should only link to your user page, talk, and contributions.
 * NOTE- Using a picture any bigger then the emotes there MAY cause issues and be taken off. Also using images other then the emots will result in a longer code, so be warned.

Testing Signatures
I've been labeling out an area where you guys can use your signautes and master them, you can also ask for help within this page. I'll link it once I complete this guide.

On this page, you will be able to post your signatures for revision from me to help fix, add or subtract. You may also use it as a "am I still in the limit" area and to not break rules. I'll be in chat of course to offer as much help as possible, and I will also be following my pages closely to make sure you guys know how to do the signatures right.

Main Things To Know
Now is where the fun part begins!

First off you have to know WHERE you're going to be putting the code. To find this location hover over your user name in the top right of your screen, and click "My preferences". From there you will see a signature section. That's where it's going to be placed.

Secondly, you need to know how much space you have. When I had used my original code, it didn't even get past the "contribution" part, Marcey wasn't even there. So just make sure it's a small code, it's always easier to add onto something then to subtract it.

Thirdly, you have to understand the basics of coding. Uce color codes instead of names saves space. You can find a color chart here.

Building Your Signature
We'll just use both of my signatures as layouts. Feel free to use and change anything you see below to help you better understand how to put stuff together.

Building the perfect signature takes time an effort, and sometimes it doesn't always come out right, but I'll make sure to try and help where I can. So without further-adu, I will proceed to break down my codes so you can understand how to work it. Things to be noted, there are space within in page of coding that should be taken away when using a real signature, but my page for testing should help you solve that
 * Let's begin with the first code that was too long. The way I began was simple, I needed a border and a color for the inside, so Ii used the following code.


 * After getting that part into the mix, I wanted to use a file from the emotes page, since I like Nyan cat, that was my first image. So I added this part right after my colors
 * [ [File:Nyan_Cat.gif]]*

NOTE- As you can see, all I used was the last part of the link for the image so there's a space saver right there.


 * Next was the hard part (And the reason the code was so long). It's time for those 3 Links. One to my profile, my talk, and my contributions. My mistakes? #1, I didn't use color codes, #2, I didn't need all those links.
 * ' ' '[ [User:Katari12| Katari12 ]] [ [User talk:Katari12| Talk ]] [ [Special:Contributions/Katari12| Contrib ]]' ' '


 * And last but not least my final image. Her link was very long, and I couldn't shorten it, so you really have to be aware of what you're putting into your signature.
 * [ [File:Free_marceline_icon_by_picklecheesepie-d32mn6i.gif]]


 * The final product looked like this: Remember though this code was too long. So how did I fix it? I removed all the way from the [ [user talk ALL the way until the end of contrid</span] ]
 * [ [File:Nyan_Cat.gif]][ [User:Katari12| Katari12 ] ] [ [User talk:Katari12| Talk ] ] [ [Special:Contributions/Katari12| Contrib ] ][ [File:Free_marceline_icon_by_picklecheesepie-d32mn6i.gif] ]


 * After removing the parts above my final code looked like this: (And this was what i put into that signature area.
 * [ [File:Nyan_Cat.gif]][ [User:Katari12| Katari12 ] ][ [File:Free_marceline_icon_by_picklecheesepie-d32mn6i.gif] ]

End Notes
Special thanks to Sparda's links for the emotes and color codes. Without those life would be nothing but google!

Questions are a good thing when it comes to a guide.

Remember, if you're using the codes you can remove all the spaces OR, you can click "edit" then choose "source" and copy my code at the top of the page. From there you can edit as you please on my signatures page, or on your own page.

Please find me any time in chat, or through my talk page. My e-mail is open 24/7 so if I see a reply on my talk page, I'll come running.