Sig On Bb Code Tutorial, here you get a tut for sigs with buttons Options

[aer4]

In this tutorial i will explain you how to make an active signature on BB code, espacially for forums like this on. For this I use Adobe Photoshop CS2 but other versions can slize, too

First of all we have to create a image, which should be the sig. Now we have to devide the signature in parts.
We will devide it in 4 parts. 3 parts are active parts this will be the buttons. The 1st part will be unused.

(IMG:http://dartist.da.ohost.de/sig-tut/sig%20parts.jpg)

To devide the images you must click on the slize symbol in your tool box.

(IMG:http://dartist.da.ohost.de/sig-tut/slize.jpg)

Now you must select the area, which you want to devide.

(IMG:http://dartsit.da.ohost.de/sig-tut/slizes%20-final.jpg)

If you did this, you must click on "File" and "Save For Web". After this an window will appear in which your sig is loaded.

(IMG:http://dartist.da.ohost.de/sig-tut/saveforwebsmall.jpg)

When you want to have transparent background you only must click on each slize and select "PNG24" on the right panel.

(IMG:http://dartist.da.ohost.de/sig-tut/Saveforwebscreen.jpg)

Now to the Saving of your sig.
Click on the Button Save and select in the next window "only Images" (like in my screen).
The 4 parts we slized will be saved as 4 images.

(IMG:http://dartist.da.ohost.de/sig-tut/savesmall.jpg)

Now to the last step, our BB code.
We have to put the images as one and link the buttons. In the first row, there's only one image, the unused.. In the 3rd
there are the other 3 which will be linked. So the code for our sig must look like this:

CODE

[img]http://server.com/sig_o1.png[/img]
[url=http://homesite.mobile9.com/aer4][img]...[/img]

Of course you must enter your links between the image and url tags.
So that was it, I hope you understood my tutorial, but if u have question u can post in my sb on my homesite.

PS: Sorry for my not so good english, I'm 14 years ^^.

This post has been edited by aer4: Apr 24 2007, 07:37 AM

[ArthurWill]

Thanks for the tut, aer4! :good:

[shoutout]

nice tut,aer4 will be very helpful ;)

This post has been edited by shoutout: May 3 2007, 01:14 PM