View Full Version: Signature Banner Links Tutorial

The Ammobunker > Suggestions, Improvements, Problems, & Questions > Signature Banner Links Tutorial



Title: Signature Banner Links Tutorial
Description: How to include AB Banner link in Sigs


Doghouse - October 23, 2007 02:15 PM (GMT)
Here's a quick tutorial that may be useful for including banner links in your sigs on other forums.

Step one: The Image

Image
user posted image

I've reduced Pfreck's rather nice banner he made for the site down to 300 pixels across as this is pretty much the acceptable size for banners on most sites.
Save the above picture to your PC then upload it to a site such as Photobucket.

Step Two: Creating the Link

If you click on the banner below it should take you to the main index for the Ammobunker site.

Link
user posted image


To recreate this link we add the following code to our sigs in the My Controls or User CP section.
Go to Edit Signature then paste the code into your sig.

Step Three: Hosting the image.

Obviously you're going to need to host the image on your photobucket/imageshack account so will need to insert the image address into the code. So here's a simple break down on how to create the link.



Creating the code

Add the following code
CODE

[url=http://z3.invisionfree.com/The_Ammobunker/index.php]


Insert your image address but remember to add [URL] to the end.
CODE
[IMG]http://i152.photobucket.com/albums/s196/Mutt2050/banner3.jpg[/IMG][/url]


This should leave you will something that looks like this

CODE

[url=http://z3.invisionfree.com/The_Ammobunker/index.php][IMG]http://i152.photobucket.com/albums/s196/Mutt2050/banner3.jpg[/IMG][/url]


Now everytime someone clicks the banner they will be directed to the main index page of the Ammobunker.

++EDIT++ Removed step three :)

Pfreck - October 23, 2007 02:24 PM (GMT)
Great tutorial Doghouse, this will help some people out. :)

Though step 3 in the code tutorial isn't really necessary;
CODE
[url=http://z3.invisionfree.com/The_Ammobunker/index.php][IMG]http://i152.photobucket.com/albums/s196/Mutt2050/banner3.jpg[/IMG][/url]

This is enough.
Preview
user posted image

You see? ;)

PS. Glad you like the banner. :)

Doghouse - October 23, 2007 02:28 PM (GMT)
Oops my bad. I'll remove the third step. :)
Really nice banner mate, you should have a bash at making a proper sig banner for the site as well. :)
Hope you don't mind me using yours as an example.

Pfreck - October 23, 2007 03:39 PM (GMT)
No problem mate, I'm just really glad everyone likes it. :)

I made a 'proper' sized banner for forums, as you requested.

user posted image

Cheers. :)

[edit]
And a button for Affiliation and such!

user posted image

Digits - October 23, 2007 05:49 PM (GMT)
Must be a complete numpty but all that happens for me is there apears a string of code which if you press it takes me to my photobucket picture!

Pfreck - October 23, 2007 06:02 PM (GMT)
QUOTE (Digits @ Oct 23 2007, 05:49 PM)
Must be a complete numpty but all that happens for me is there apears a string of code which if you press it takes me to my photobucket picture!

When you use photobucket, you should copy the IMG tags. That's the only good direct link.

Hope this helps. :)





Hosted for free by InvisionFree