//Different signatures in Greymatter\\

What this tutorial is about.

You've skinned your site and want to use a different sig for greymatter with each skin.

First you need to have a signature set up in greymatter.  If you are wondering what a sig is, here are some examples of the ones I use.

You'll see a different sig for each skin I use.

• First you need to set up the sig in greymatter.  Sign into greymatter and select Edit Templates.
• Select Edit Main Index Related Templates
• Scroll down till you see Index Entry Template: Standard Entries.
• Add this <a id="smiley" href="#"><span class="alt">Smiley!</span></a> to the very end.
• Save template changes.

Now for the css.

• You will need to add the following code in all your style.css pages.  If you have 5 skins, then open all 5 skins and add the following code to each of the style.css pages.
• a#smiley { display: block; width: 317px; height: 142px; background-image: url('http://yoursite.com/skins/1/images/logo.gif'); margin: 0 auto; background-color: #ffffff; } a#smiley:hover { background-color: #ffffff; } a .alt { display: none; }
• Make sure to edit the code in each skin to link to the correct picture you want to use as your sig.

What I do, I make a folder called images under every skin I use and upload all the images that I use for that skin in the images folder.  So under the 1 folder I have another folder called images and in that folder I have logo.gif.  I also have logo.gif in an images folder under 2, 3, 4 and so on, but each image is different, I just call it by the same name to make the coding simple.  That's just how I do it to make it simple for me.

Now the only thing left to do is make a different logo picture for each skin and upload them.

Also in the code that goes in the style.css, make sure to change the width and height if needed.