39 Clues Wiki

Agent WindFire/Signature Tutorial

< User:Agent WindFire

1,140pages on
this wiki

Hullo! It's Agent WindFire here (Although you can probably already tell!), often refered to as 'Agent' or 'AWF'. Anything works with me. Anyway, Mermaid, our ever-so-wonderous Bureacrat(inactive) , noticed my boring, gray-and-black signature. Or, 'siggie', as I like to call it. She asked how I did it.

So guess what? You get to put up with my rambling!

The Default Signature

This is the simple link that you always sign off with normally. It's blue/purple, depending on whether you've seen the user's page yet. It also has a time stamp, which it will always have. YOU WILL NEVER ESCAPE IT! (Sorry for the random outburst. XD)

Now, this is what you will build off of. It will progressively look more... colorful. =D

The User Page Link

This is the main part of your signature. It's really the only thing you need. The other things are only add-ons.

There are two ways to make a detailed signature. There's the 'font' tag and the 'span' tag. I found the 'span' tag easier to control, so that's what I'm going to teach you.

Font Color

As you can tell, my siggie is gray and black. I just like those colors. XD The colors you like express yourself, and your siggie should also express yourself.

These are the various font colors you can use: White, Silver, Thistle, Violet, Orchid, Fuchsia, Magenta, Crimson, Red, Tomato, Salmon, Orange, Goldenrod, Wheat, Khaki, Yellow, Olive, Green, Lime, Aquamarine, Cyan, Aqua, Turquoise, Teal, Blue, Navy, Purple, Chocolate, Brown, Maroon, Saffron, and Black.

To get a font color, all you need is to put in a simple code -

<span style="color:Aquamarine">'''Example'''</span>

Add that to your siggie, like this -

[[User:Tumble-tester|<span style="color:Aquamarine">'''Example'''</span>]]

It'll turn out like this -


Note: You may be wondering who "Tumble-tester" is. He's actually my 'clone', or my other account. I use him to test everything from bans to promotions - before I try it on any real person.

He won't be making any edits on this wiki - Not to worry. XD I really hate him anyway. If you want to try something out on him, feel free to ask.

Now, on to our next topic!

Font Faces

This is what we refer to as 'font'. It's the same type of concept as font color, so if you've got that down, this should be simple.

What I normally tell friends is that the font faces you can use for your siggie are the same ones most commonly used in Microsoft word. But, that isn't entirely true.

Here are a few that you might recognize - Tempus Sans ITC, Curlz MT, Mistral, Teen, Papyrus, Century Gothic, Segoe Script, Goudy Old Style, Eras Medium ITC, Freestyle Script, and Comic Sans MS. A font style called "BatangChe" has also been listed as one of these, but it doesn't work on my computer. (*shrugs*) Maybe it'll work on yours.

To get a certain font, you use almost the same code that you do for font color -

<span style="font-family:Segoe Script;">'''Example'''</span>

Add it to your siggie, just like before -

[[User:Tumble-tester|<span style="color:Aquamarine;font-family:Segoe Script;">'''Example'''</span>]]

It will turn out, of course, like this -


And... It looks like that's pretty much all on fonts!

If you have any questions, please ask me on my talk page. It makes it easier for me to answer them, and I'll get back to you ASAP! =)


I really don't have much to say for this.

We all know how to do backgrounds pretty well, since we have to use it on spoilers anyway. The same code works with pretty much anything.

But, just in case you don't know it, I'll review it briefly.

To add a background, you use another simple code! (See why I like the span tag?)

Here's a background code we should all know -

<span style="background:black;">Blah</span>

Replace "Blah" with whatever you want, and you've got the code for spoiler coverings. Pretty neat, huh?

You can use any color I listed before, in 'Font Color', to make a background for your siggie, or anything else.

So, to use that on Tumble-tester's siggie, I'd write a code like this -

[[User:Tumble-tester|<span style="color:Aquamarine;font-family:Segoe Script;background:Blue;">Example =D</span>]]

So, it would turn out like this -

Example =D

And... That's 'bout it for backgrounds.

Same guidelines apply if you have any questions whatsoever. Feel free to ask, and I'll get back to you immediately! (No gurrentees, AWF is not responsible for any unanswered questions referring to signatures, etc.) XD JK. I will answer your questions.


Most borders will be added on to backgrounds. I have personally never seen a siggie with a border that doesn't have a background, but whatever works with you is perfectly okay.

Here's a code for a border I would put on Tumble-tester's siggie -

<span style="color:Aquamarine;font-family:Segoe Script;background:Blue;border:1px solid; -moz-border-raiuds: 1em; color:Lime;">Example =D</span>

It would end up looking like this -

Example =D

Wow... That looks better than I thought it would! XD

Mostly, the border is the same color as the text. It really doesn't change.

Now, if you wanted a dotted border, you'd put in a code like this -

<span style="border:1px dotted; -moz-border-raiuds: 1em; color:Aquamarine;">Example! =D</span>

Add it to a signature like this -

[[User:Tumble-tester|<span style="color:Aquamarine;font-family:Segoe Script;background:Blue;border:1px dotted; -moz-border-raiuds: 1em; color:Aquamarine;">Example! =D</span>]]

And get something like this -

Example! =D

The full code for a dashed border on Tumble-tester's siggie would be this -

[[User:Tumble-tester|<span style="color:Aquamarine;font-family:Segoe Script;background:Blue;border:1px dashed; -moz-border-raiuds: 1em; color:Aquamarine;">Example! =D</span>]]

And you'd get this -

Example! =D It looks great and exciting, but it's also kind of difficult unless you've memorized the coding. Which I haven't. XD

Multiple Links

The examples I've shown so far have only been one-link signatures. There are signatures that link to a user's page, their talk page, and their editcount or their contributions.

For instance, my signature -

-- Agent WindFire - Talk 19:04, July 17, 2010 (UTC)

It has a link to my page, as well as my talk page.

The coding is similar, except it's doubled.

See here -

[[User:Agent WindFire|<span style="color:silver;font-family:Papyrus;">Agent WindFire </span>]][[User Talk:Agent WindFire|<span style="color:Black;font-family:Papyrus;">- Talk</span>]]

Two seperate links, ending up to be one signature.

All you have to do is make another signature, with a completely different link. Just link the other part(s) to you talk page, or your other fancy page-thingy.

So literally - The possibilities are endless.


If you're like me, and you get into SERIOUS coding, you know that it can get a bit... Well, long. Sometimes too long.

To get your siggie to be that long, don't put it in the input box.

Instead, create a page that is called User:[Your Username]/Sig

Put this into the input box under 'Preferences', where you would put your siggie usually - {{SUBST:User:USERNAME/Sig}}

And... That's 'bout it!


This is where you can test out your signature! You just have to sign, and if you want to, put a funny little message, too. =)

My new siggie! =) Agent WindFire - Delve Deeper 02:59, July 23, 2010 (UTC)

Rocketslug! :)-Yo! Talk to meRocketslug01:53, February 25, 2011 (UTC) kangaroopowah

Isabella642 Happy 2 TALK ;) 18:50, June 14, 2011 (UTC)

=D!thesecond-Leave a Message 19:01, June 14, 2011 (UTC)

Nilem12 =) 08:53, June 21, 2011 (UTC)

Bmltera =D 03:30, June 27, 2011 (UTC)

[[User:Bmltera|Bmltera-Talk 01:37, June 30, 2011 (UTC)]]

Junkmaniac! =D=D=)=) 10:51, July 31, 2011 (UTC)

ϟϟPotterhead 4 Lifeϟϟ---Let's Chat!

We're all nothing but cheese in the end

~Fyre 04:55, January 3, 2012 (UTC)

~ReadingLavender9, Souffle Girl of 221B~ 10:56, December 31, 2012 (UTC)

~ReadingLavender9, Souffle Girl of 221B~ 10:39, December 31, 2012 (UTC)

--Nilem12 Talk Announcements 03:14, March 23, 2013 (UTC)

--Lucianvesper09 Talk Announcements 13:03, November 19, 2013 (UTC)

--RotomicAcid Talk Contributions 12:08, July 19, 2014 (UTC)

I hope you've enjoyed my signature tutorial! Have fun making your own signature! If you don't understand how to make one leave a request on Kangaroopower's talkpageAs to making a request, please include the text you want for your signature, the colors you want to use, and the links you want to have. I would appreciate it if you could try before leaving a request.

Thanks for visiting! Agent WindFire - Talk 19:04, July 17, 2010 (UTC)

Around Wikia's network

Random Wiki