#1 04-08-2010 10:32

MargaretRosexx3
Dandruff Bimbo
MargaretRosexx3
From: Sydney, Australia
Registered: 01-29-2009
Posts: 4318
Website

Clickable Signatures/Banners- an easy-to-follow tutorial

Welcome to Clickable Signatures/Banners- An easy to follow tutorial
This tutorial is part of a series of tutorials for signatures/banners in paint.
To see:- Banners in Microsoft Word/Paint click here (recommended if you aren't familiar with banners)

You will need
-Microsoft Word or similar (Photoshop and Paint can also be used but this is simpler)
-Paint or similar
-A place to upload to eg. Photobucket or Miss Bimbo


This tutorial has 3 sections catering for different sections of information


The second post is on designing and creating a signature step by step:
http://i840.photobucket.com/albums/zz327/MargaretRosex3/samplebanner.png
so that coding will join it together



The third post is on simple url coding for those who already know how to make a banner that will join


More detailed steps for beginners eg. Cropping, Uploading and creating signatures are explained in the fourth post.


My pictures are taken from Dragonartz Designs don't forget to look around the net for pictures- and make sure you understand the artists copyright and usage rules smile




Margaret tongue

Last edited by MargaretRosexx3 (04-08-2010 11:04)

Offline

 

#2 04-08-2010 10:41

MargaretRosexx3
Dandruff Bimbo
MargaretRosexx3
From: Sydney, Australia
Registered: 01-29-2009
Posts: 4318
Website

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Post 1;
Step 1
Create a banner, like so:
http://i840.photobucket.com/albums/zz327/MargaretRosex3/samplebannerword.png
If you don't know how to make one go here

*Make sure that the links will go HORIZONTALLY or this method won't work

Step 2
-Divide your picture.
-Draw lines to separate each link

http://i840.photobucket.com/albums/zz327/MargaretRosex3/clickable%20banner/bannerdivided.png
-Print Screen this by pressing Ctrl and PrtSc on a laptop this may be Fn and PrtSc


-Open up paint.


-Press Ctrl and v (paste)
You should see this inside the window:
[imghttp://i840.photobucket.com/albums/zz327/MargaretRosex3/clickable%20banner/printscreen-2.png[/img]


-Drag the picture over so it looks like this
http://i840.photobucket.com/albums/zz327/MargaretRosex3/clickable%20banner/dragged.png

Step 3
Separate the picture

-Drag the corner of the picture until it looks like this
http://i840.photobucket.com/albums/zz327/MargaretRosex3/clickable%20banner/cornercropped.png

-Save your image.


-Drag the corner of the picture until you reach your first dividing line.
http://i840.photobucket.com/albums/zz327/MargaretRosex3/clickable%20banner/divide1.png

-Colour the line in to blend with your picture.

-Go to Save as and save it as a different picture name

-Reopen the old picture and repeat with the rest of the sections.
http://i840.photobucket.com/albums/zz327/MargaretRosex3/clickable%20banner/divide2.png  http://i840.photobucket.com/albums/zz327/MargaretRosex3/clickable%20banner/divide3.png  http://i840.photobucket.com/albums/zz327/MargaretRosex3/clickable%20banner/divide4.png

Step 4
Upload your pictures

Upload each file onto the internet using Photobucket or Miss Bimbo or other.

Step 5
Find your links.

My links are for my profile, mods and help.

Go to each location and copy the address in the task bar.
http://i840.photobucket.com/albums/zz327/MargaretRosex3/link.png

Paste this into a word document and make sure you know which is which.

Step 6
Find the links for your pictures.

On Miss Bimbo they are here
http://i840.photobucket.com/albums/zz327/MargaretRosex3/linkbimbo.png

On photobucket and such you are looking for the direct link

Step 7
Work out your urls.

The coding is:
[ url="website address"][ img]picture address[ /img][/url ]
(without spaces)

eg: [url="www.missbimbo.com" ][img ]www.missbimbo.com/photo1[ /img][ /url]

Step 8
Insert your urls in order and save.

http://i840.photobucket.com/albums/zz327/MargaretRosex3/clickable%20banner/divide1.pnghttp://i840.photobucket.com/albums/zz327/MargaretRosex3/clickable%20banner/divide2.pnghttp://i840.photobucket.com/albums/zz327/MargaretRosex3/clickable%20banner/divide3.pnghttp://i840.photobucket.com/albums/zz327/MargaretRosex3/clickable%20banner/divide4.png

Tardah!
*Remember if a picture doesn't require a url only type [ img][ /img]

Note:Remember to press enter each time a new line is required otherwise it will look like a mess!

Note x2: Make sure you have time to do this carefullyas you can see, I was a bit rushed and my computer is acting up.



Margaret

Last edited by MargaretRosexx3 (04-08-2010 10:52)

Offline

 

#3 04-08-2010 10:46

MargaretRosexx3
Dandruff Bimbo
MargaretRosexx3
From: Sydney, Australia
Registered: 01-29-2009
Posts: 4318
Website

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Coding for URL's
The coding is:
[ url="website address"][ img]picture address[ /img][/url ]
(without spaces)

eg: [url="www.missbimbo.com" ][img ]www.missbimbo.com/photo1[ /img][ /url]
Explain
A simple url is [url=www.google.com" ]www.google.com[ /url]. This can look unprofessional in some areas so the space inbetween can be modified with inserting words and/or pictures eg. [ url="www.google.com]Google[/url ]
Why?
Normally where we have inserted the picture using the tags [ img] [/ img] there is a word like 'here' or 'go'.
This method of replacing the word with a picture is common with the 'go' button etc.

Last edited by MargaretRosexx3 (04-08-2010 10:56)

Offline

 

#4 04-08-2010 10:46

MargaretRosexx3
Dandruff Bimbo
MargaretRosexx3
From: Sydney, Australia
Registered: 01-29-2009
Posts: 4318
Website

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

To learn how to make banners go here<<<This also helps with cropping and using paint.

Steps from Paint
5. PressCtrl+v On your keyboard to paste the picture into paint.
http://i840.photobucket.com/albums/zz327/MargaretRosex3/tutorial4.png

6. Press Ctrl+a on your keyboard to select all and drag the picture so that the edge of the banner is at the edge of the document.
http://i840.photobucket.com/albums/zz327/MargaretRosex3/tutorial5.png

7. Go the the bottom right hand corner of the picture (you may have to scroll down and across)
http://i840.photobucket.com/albums/zz327/MargaretRosex3/tutorial5-1.png

8. Click and drag the little box to the edge of the background of your banner, then if you want you can drag it up to make the banner a smaller size
http://i840.photobucket.com/albums/zz327/MargaretRosex3/tutorial5-2.png

9. Save the picture as a .PNG file (better quality)


*Taken fromurl="http://www.missbimbo.com/forum/t137025,1-10-step-banners-in-microsoft-word.htm"] Banners from Microsoft Word[/url]


*If you are looking just to add words to your signature the coding is
[ url="website address"]Words[ /url]

Last edited by MargaretRosexx3 (04-08-2010 11:02)

Offline

 

#5 04-08-2010 10:55

Ari97
Dandruff Bimbo
Ari97
From: Athens
Registered: 06-15-2009
Posts: 4339

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Thank you for this smile


http://fotos.fotoflexer.com/26513c0ab13eef134c15444aae75487b.jpg
Bimboland's Birthday/ My banner boutique!!Bimbobin Live ChatRock Band!!
5000/5000 challenges! Special thanks to: Amaryyllis,Augusiaa,Fanoulini, Reenete,Diva_Sakura,Rebela5 and many others smile

Offline

 

#6 04-08-2010 21:19

EvonaTipton
Big beaver Bimbo
EvonaTipton
From: Somewhere over the rainbow...
Registered: 11-20-2008
Posts: 872
Website

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Yay!Thank you!!Ivve beeen wantin for this!! smile


http://photo.missbimbo.com/photo/2/940/gd/751875.jpg

Offline

 

#7 04-08-2010 21:55

Naty1984
Acne Bimbo
Naty1984
From: Buenos Aires, Argentina
Registered: 03-31-2008
Posts: 5195

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Thank you for the tutorial wink
It is great!

Offline

 

#8 04-13-2010 17:03

LittleMissPurple786
Fugly Bimbo
LittleMissPurple786
From: Bimbo Land Honies
Registered: 08-09-2009
Posts: 6385

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Very helpful


Challenge me please :3
http://photo.missbimbo.com/photo/3/1096/gd/876125.jpg
Old Bimbos ftw!

Offline

 

#9 04-13-2010 22:50

Safaris92
Acne Bimbo
Safaris92
Registered: 12-03-2009
Posts: 5820

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Thanks smile


You need people like me. You need people like me so you can point your f*ckin' fingers and say, "That's the bad guy." So... what that make you? Good? You're not good. You just know how to hide, how to lie. Me, I don't have that problem. Me, I always tell the truth. Even when I lie.

Anything that can go wrong will go wrong.

Offline

 

#10 04-14-2010 00:28

ChinaXdoll
Big Nosed Bimbo
ChinaXdoll
From: across the moon
Registered: 08-06-2009
Posts: 2463

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

I love you lol Thanks so much for this helpful thread ^^


http://sl.glitter-graphics.net/pub/810/810858kmywd3riot.gifhttp://sl.glitter-graphics.net/pub/810/810858kmywd3riot.gif

Offline

 

#11 04-14-2010 16:34

Annexfreak
Nerdy Bimbo
annexfreak
From: *cough cough*
Registered: 10-25-2008
Posts: 10602

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Yes! I allways wanted to have clickable siggy tongue Thank you ^_^

Offline

 

#12 04-14-2010 23:11

Bimbogirl926
Baby Bimbo
bimbogirl926
Registered: 07-04-2008
Posts: 108

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

this is soooo helpful!


http://photo.missbimbo.com/2/882/moy/705112.jpg

Offline

 

#13 06-01-2010 14:41

Sayuri_Noir
Urine fresh Bimbo
Sayuri_Noir
Registered: 08-29-2009
Posts: 274
Website

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Thanks a lot Margaret

Offline

 

#14 06-09-2010 08:29

Pinkhole19
Urine fresh Bimbo
pinkhole19
From: ^Maid Latte^
Registered: 10-26-2008
Posts: 293

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

thanks^^

Offline

 

#15 06-09-2010 17:47

Maria09
Body Odour Bimbo
maria09
Registered: 12-16-2008
Posts: 3233

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Really helped. Thanks smile


http://fc07.deviantart.net/fs46/f/2009/211/7/1/Honestly_Lonely_Stamp_by_Kaana_Chan.pnghttp://fc02.deviantart.net/fs70/f/2010/232/8/8/Magic_Kaito_stamp_by_Shinerai.pnghttp://fc01.deviantart.net/fs51/f/2009/305/1/b/My_Characters_STAMP_by_NocturnalMelody9.jpghttp://fc07.deviantart.net/fs7/i/2005/268/0/0/I_Support_Imagination_stamp_by_c3ph31d.gifhttp://fc08.deviantart.net/fs27/f/2008/180/b/7/b79916244ed5ad91ed80989e0ecef31f.gif

Offline

 

#16 06-10-2010 00:31

Jaszczomp
Big Nosed Bimbo
jaszczomp
From: Poland :-)
Registered: 05-19-2008
Posts: 2192

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Very helpful - I've put it already in Landi's Help Section Guide big_smile


http://photo.missbimbo.com/3/1072/gd/857056.jpghttp://dc.makegames.de/157038.gifhttp://dc.makegames.de/157039.gifhttp://dc.makegames.de/157040.gifhttp://dc.makegames.de/157041.gifhttp://dc.makegames.de/157042.gifhttp://dc.makegames.de/157043.gifhttp://dc.makegames.de/157044.gifhttp://dc.makegames.de/157045.gifhttp://dc.makegames.de/157046.gifhttp://dc.makegames.de/157047.gif

Offline

 

#17 06-12-2010 07:07

Pinkhole19
Urine fresh Bimbo
pinkhole19
From: ^Maid Latte^
Registered: 10-26-2008
Posts: 293

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

margaretrosexx3, i really want to do this, but i'm afraid if it goes more than ten lines...
uhm.. is your banner still under ten lines??? how's that???

Offline

 

#18 09-07-2010 22:21

Misssunshine7
Virgin Bimbo
misssunshine7
Registered: 06-06-2009
Posts: 41

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

thank you so much

http://squiby.net/view/4151776.png
http://squiby.net/view/4154640.png

Offline

 

#19 09-09-2010 19:12

MIA3llie
Fugly Bimbo
MIA3llie
From: STRFKR
Registered: 04-04-2009
Posts: 6934
Website

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

This is a great tut!


http://25.media.tumblr.com/tumblr_m0hekf2mdt1r0rujko1_400.gif

Offline

 

#20 09-22-2010 20:16

Destinie-Alora Louise
Virgin Bimbo
Destinie-Alora Louise
From: London
Registered: 09-21-2010
Posts: 63

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

this is great, thanks!


http://photo.missbimbo.com/3/1353/gd/1082256.jpg
                 A N N A' H A V I L A N D + H A R R Y' S T Y L E S - F O R E V E R ?.

Offline

 

#21 10-19-2010 22:50

Butter_cookie
Big beaver Bimbo
butter_cookie
From: that special place........
Registered: 08-08-2010
Posts: 753

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

thank you!

Last edited by butter_cookie (10-19-2010 22:51)


Are you the ghost of jealousy!
http://dl5.glitter-graphics.net/pub/369/369195adsuu9rgnl.gif

Offline

 

#22 10-23-2010 09:24

Yanyanwaln
Banned
Registered: 10-23-2010
Posts: 3

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Jason Fry, 2008 was a bad Hank Williams song. The Florida native worked three jobs - bartending, pouring concrete and digging wells - and even beforeWOW Gold the bankruptcy. The real estate bubble are a sure thing, asBuy WOW Gold investment property under water, he was expecting his second child, and his marriage was on the skids. Christmas was only three days away. says "I do not know why, but I bought a lottery ticket," Fry. "It's something I did only a few times in my life." The mood turned out to be a $ 47KK instant WOW Gold payday. ForRS Gold next year, Fry, what do you expect to do a millionaire in his 30s - he bought a boat, an Escalade, a Shelby Mustang, a motorcycle and a house in Aion Gold Fort Myers. He played golf every chance he got and invested in a driving range with golf pro.

Offline

 

#23 10-23-2010 20:58

Valentinegal
Bad Breath Bimbo
valentinegal
Registered: 02-10-2009
Posts: 2625

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

very helpful...thanks hun content3


please visit my profile and house - Duel me   

Proud Mommy to Fashionistadrianna, Mother-in-Law to Meipan, Grandmother to Shisuta, JadisX & Artemis226

Offline

 

#24 11-11-2010 23:38

Checkingthe
Urine fresh Bimbo
checkingthe
Registered: 03-29-2008
Posts: 485

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Thanks for this! I did mine a little bit differently but used your points for the coding. smile


http://img293.imageshack.us/img293/2943/libbypwnssignaturel1.pnghttp://img691.imageshack.us/img691/9383/libbypwnssignaturer1.png
http://img715.imageshack.us/img715/7765/libbypwnssignaturel22.pnghttp://img257.imageshack.us/img257/640/libbypwnssignaturer2.png
http://img337.imageshack.us/img337/5250/libbypwnssignaturel3.pnghttp://img829.imageshack.us/img829/7886/libbypwnssignaturer31.png http://img233.imageshack.us/img233/8951/checkingthelevel40.png http://oi54.tinypic.com/o8c6so.gif
This bimbo accepts all no stake challenges smile

Offline

 

#25 03-13-2011 08:35

Desmontida
Old Hag Bimbo
Desmontida
From: Somewhere....over the rainbow!
Registered: 05-31-2009
Posts: 652

Re: Clickable Signatures/Banners- an easy-to-follow tutorial

Great tutorial!
big_smile (I will try it later)


Under construction! wink

Please help me level up and send me challenges! smile



Offline

 

Board footer

© MissBimbo.com 2012, Blighty Arts registered in England No 05523313