IPB
> How To Add Links To Your Signature
your_mother
post Jul 10 2011, 09:44 AM
Post #1



Group Icon

Group: Legendary Designer
Posts: 2657
Joined: 9-January 08
From: Taka Tuka Land
Member No.: 2505090



This tutorial will show you how you add links to your forum signature. It doesn't help with creating the signature itself... I'm using Tattwams siggy for an example:
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/Tattwamw.png)

To add the links to your siggy you have to cut your image in different parts. To do that open the image in photoshop. It all works best if your file has only one layer...


1. Create some guidelines where you want to cut your image.
Make sure the 'Move Tool' is selected. Now simply click on any part of the rulers and pull the guide line to the point you want to cut your image. Let go of the mouse when you are satisfied. You can still move your guide afterwards. Simply move the mouse on the line, click and drag.
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/Sig1.jpg)

If you can't see the rulers on your photoshop window you can make them visible by choosing 'View' - 'Rulers'.
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/Sig2.jpg)

In this siggy I want to have three images, one with Tattwams Name, that has no link, one for the gallery-link and one for the profile-link. I added guide-lines accordingly:
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/Sig3.jpg)


2. Choose the 'Crop Tool' from your tools bar.
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/Sig4.jpg)

Now choose the first part of your siggy. In my case that's the part with Tattwams Name. Make sure you crop the image where you set your guide lines. Press the ok symbol on the top of your photoshop window when you are satisfied.
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/Sig5.jpg)


3. Save the cropped image. You have to do that with 'File' - 'Save for web and devices'


4. Now undo your last step with 'Edit' - 'Step Backward' or press 'ctrl' & 'alt' &'Z'.
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/Sig6.jpg)


5. Repeat the steps 2 and 3 with the other two parts of the image. Of course your siggy can also have only two parts... More than three doesn't work, by the way.

You should now have three different images saved:
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/nothing.png) (IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/profile.png) (IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/gallery.png)


6. Upload your images.
You can use any webpage for that. I'm mainly using Photobucket...


7. The code.
Post your images as you would usually do in the forum. The only thing you have to take care of is the right order. Since I have one image on top and two that have to be placed under it my code looks like this:
CODE
[img]http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/nothing.png[/img]
[img]http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/profile.png[/img][img]http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/gallery.png[/img]

First the image with Tattwams Name, then the Profile and Gallery image right under it.

8. Adding the links
Mark the part of the code where you have your profile image. In my example that would be this part:
CODE
[img]http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/profile.png[/img]

Now press the 'Insert Link' button of the editor and insert the link to your profile. After that mark the part of the code where you have your gallery image and insert the link to your gallery.

That's it. You now have a linked signature. (IMG:style_emoticons/default/clap.gif)

By the way: If you're making a siggy for somebody else you might want to share the code. To do that simply ad code-tags to the code you want to share. Like this:
(IMG:http://i1121.photobucket.com/albums/l507/your_mothers/Tutorials/code.png)
Go to the top of the page
 
+Quote Post
 
Start new topic
Replies
Emopintu95
post Dec 26 2012, 09:32 AM
Post #2





Group: Partial Members
Posts: 121
Joined: 28-March 12
From: Beautiful INDIA.
Member No.: 13541784



Can u make any emoboy sig for me.
Go to the top of the page
 
+Quote Post

Posts in this topic
- your_mother   How To Add Links To Your Signature   Jul 10 2011, 09:44 AM
- - soumyadeepbshn   Thnx a lot Mom ! Previously I used "Pho...   Jul 10 2011, 11:13 PM
- - sksahoozzz   Very good Tutorials about Siggy. BTW mom is it onl...   Jul 12 2011, 02:41 AM
|- - your_mother   QUOTE (sksahoozzz @ Jul 12 2011, 11:41 AM...   Jul 12 2011, 05:00 AM
- - Na3em0   that's amazing u r so good thnx   Jul 12 2011, 05:17 AM
- - LordOfLightning   Awesome tutorials mom   Jul 12 2011, 07:01 AM
- - mkraj25   THANKS MOTHER   Oct 4 2011, 08:26 PM
- - san-sagar   Thanks mommy for this amnsome tutorial   Oct 5 2011, 02:39 AM
- - _Daniel_02   Thanks alot...nice tutorial..!   Jan 23 2012, 04:19 AM
- - peace_lover3   thahks   Sep 23 2012, 12:43 AM
- - gourabguddu   thank you..   Oct 13 2012, 12:27 PM
- - king_abhishek   nice tutorial   Dec 23 2012, 09:52 PM
|- - Rohitkohli888   nice tutorial   Dec 23 2012, 10:59 PM
- - Emopintu95   Can u make any emoboy sig for me.   Dec 26 2012, 09:32 AM


Reply to this topicStart new topic

 

Lo-Fi Version Time is now: 31st October 2014 - 11:54 PM