Ｄｉｇｉｔａｌｌｙ Ｄｉｓｔｉｎｃｔ: Signature Tutorial Thread

[DolanStan]

Hello, I don't know if anyone can help me but, I have started making 1 image signatures and was wondering if there is anyway to put links in them?
Ex; Click on the tumblr logo and forwarded me to my tumblr?
Here is my signature ->



Thank you if anyone can help! ^^

i think you have to do it like this;

Code: Select all

[url=linkgoeshere][img]imagelinkgoeshere[/img][/url]

Okay thanks!
I need two links but I guess one will work thanks!

[kristenn11]

I've been getting lots of pms asking how to make a picture change every time the page is refreshed. Although the link is already on the front page, I've decided to make a quick tutorial. This way, I can just link those who ask to this post. I apologize if a tutorial has already been made and I missed it.

Making pictures like this is fairly easy. The first thing you want to go is go to grumpybumpers.com. Then you want to create an account. This account will host you one link that can be used for one set of pictures. If you want more than one set of pictures, you must create a new account! To sign up, just log in with whatever information you want and you'll be brought to the next page where you can verify the information.



Next, you'll be given a link and ten spots for image links. Paste your links in the space provided and click submit to combine them into a rotating picture. I recommend each picture be the same size so that they all fit in your signature the same.



Once you click submit, you'll be given a preview of the images you put in the rotator. If anything isn't how you want, change the urls, then submit again. When you're satisfied, copy the url provided and paste is in the forum to see your new picture.



As you can see, everytime you hit preview or refresh the page, a new picture shows up.

You can use this for signatures and topics on the forums. Unfortunately you can not use
this for avatars.

Do not put the link you got from the website into imgur, tinypic, or any other image
hosting website. If you do, the picture will not change at all.

If you want to make a new rotating image, create a new account so the one you just
made will not be replaced.

However if you do want to replace the one you first made, change the links and
click submit again. It should change the entire thing wherever it is posted whether
it's lurking in the forms or just in your signature.

If you have any questions about the subject, ask on the topic or feel free to PM me
(Kristen) and anyone else that knows how to create rotating pictures.

I do hope this helped and again, if there is already a tutorial on this website and I missed
it, please send me a pm and I can delete this post/edit it into something else.

[quietude]

@rosemarrie
are you sure all the size tags are the same ones as in your signature??
because it seems slightly different in the code you posted. & on my
screen it looks weird in forum preview, but looks almost perfect in
your actual sig.

[homelander]

Code: Select all

[left][img]http://i.imgur.com/t5ptUuK.png[/img][/left][left][img]http://i.imgur.com/bFWlKM1.gif[/img][img]http://i.imgur.com/Bb46DDG.png[/img][/left]

I need help to put a bio box in the middle

[serious hamiltrash]

Code: Select all

[left][img]http://i.imgur.com/t5ptUuK.png[/img][/left][left][center]boop[/center][/left][left][img]http://i.imgur.com/bFWlKM1.gif[/img][img]http://i.imgur.com/Bb46DDG.png[/img][/left]

@Sin ♠ Giver
Here, the 'boop' is where you need to put the bio box.

[Azh]

I need a bit of help. This code looks fine to me, but for some reason the preview is all messed up.

Code: Select all

[left][size=150][color=#F778A1]▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒[/color][/size][/left][left][img]http://i1339.photobucket.com/albums/o704/axel1232/Second%20Bucket/ezgif.com-crop%2010_zpsadkx4kcm.gif[/img][/left][left][size=150][color=#F778A1]▒
▒
▒
▒
▒
▒
▒
▒
▒[/color]
[/size][/left][left][img]http://i1339.photobucket.com/albums/o704/axel1232/Second%20Bucket/Untitledt7ii7656_zps4ptohfgs.png[/img][/left][left][size=150][color=#F778A1]▒
▒
▒
▒
▒
▒
▒
▒
▒[/color][/left][right][size=150][color=#F778A1]▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒[/color]
[/size][/right][right][img]http://i1339.photobucket.com/albums/o704/axel1232/Second%20Bucket/oie_fT3NLj6mWkgg_zps7zfctrn2.gif[/img][/right][right][size=150][color=#F778A1]▒
▒
▒
▒
▒
▒
▒
▒
▒[/color]
[/size][/right][right]http://i1339.photobucket.com/albums/o704/axel1232/Second%20Bucket/Untitledt7ii7656_zps4ptohfgs.png[/right][right][size=150][color=#F778A1]▒
▒
▒
▒
▒
▒
▒
▒
▒[/color][/right][center][color=#BF8080]╔══════════[/color][size=130][color=#FFBFBF]❀[/color][/size][color=#BF8080]══╗[/color]
[size=200][color=#BF4040]前田慶次[/color][/size]
[color=#BF8080]╚══[/color][size=130][color=#FFBFBF]❀[/color][/size][color=#BF8080]══════════╝[/color]

[color=#BF0000]╭[/color][color=transparent]............................[/color][color=#BF0000]╮[/color]
[color=#BF4040]This is super girly.
Why did I make
everything pink?[/color]
[color=#BF0000]╰[/color][color=transparent]............................[/color][color=#BF0000]╯[/color]
[url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=531732][color=#FF8080][size=85]Best friend[/size][/color][/url][/center]

▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒

▒
▒
▒
▒
▒
▒
▒
▒
▒

▒
▒
▒
▒
▒
▒
▒
▒
▒

[size=150]▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒

▒
▒
▒
▒
▒
▒
▒
▒
▒

http://i1339.photobucket.com/albums/o704/axel1232/Second%20Bucket/Untitledt7ii7656_zps4ptohfgs.png

▒
▒
▒
▒
▒
▒
▒
▒
▒

╔══════════[size=130]❀══╗
前田慶次
╚══❀══════════╝

╭............................╮
This is super girly.
Why did I make
everything pink?
╰............................╯
Best friend

[cyleris]

I need a bit of help. This code looks fine to me, but for some reason the preview is all messed up.

Code: Select all

[left][size=150][color=#F778A1]▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒[/color][/size][/left][left][img]http://i1339.photobucket.com/albums/o704/axel1232/Second%20Bucket/ezgif.com-crop%2010_zpsadkx4kcm.gif[/img][/left][left][size=150][color=#F778A1]▒
▒
▒
▒
▒
▒
▒
▒
▒[/color]
[/size][/left][left][img]http://i1339.photobucket.com/albums/o704/axel1232/Second%20Bucket/Untitledt7ii7656_zps4ptohfgs.png[/img][/left][left][size=150][color=#F778A1]▒
▒
▒
▒
▒
▒
▒
▒
▒[/color][/left][right][size=150][color=#F778A1]▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒[/color]
[/size][/right][right][img]http://i1339.photobucket.com/albums/o704/axel1232/Second%20Bucket/oie_fT3NLj6mWkgg_zps7zfctrn2.gif[/img][/right][right][size=150][color=#F778A1]▒
▒
▒
▒
▒
▒
▒
▒
▒[/color]
[/size][/right][right]http://i1339.photobucket.com/albums/o704/axel1232/Second%20Bucket/Untitledt7ii7656_zps4ptohfgs.png[/right][right][size=150][color=#F778A1]▒
▒
▒
▒
▒
▒
▒
▒
▒[/color][/right][center][color=#BF8080]╔══════════[/color][size=130][color=#FFBFBF]❀[/color][/size][color=#BF8080]══╗[/color]
[size=200][color=#BF4040]前田慶次[/color][/size]
[color=#BF8080]╚══[/color][size=130][color=#FFBFBF]❀[/color][/size][color=#BF8080]══════════╝[/color]

[color=#BF0000]╭[/color][color=transparent]............................[/color][color=#BF0000]╮[/color]
[color=#BF4040]This is super girly.
Why did I make
everything pink?[/color]
[color=#BF0000]╰[/color][color=transparent]............................[/color][color=#BF0000]╯[/color]
[url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=531732][color=#FF8080][size=85]Best friend[/size][/color][/url][/center]

▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒

▒
▒
▒
▒
▒
▒
▒
▒
▒

▒
▒
▒
▒
▒
▒
▒
▒
▒

[size=150]▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒
▒ ▒

▒
▒
▒
▒
▒
▒
▒
▒
▒

http://i1339.photobucket.com/albums/o704/axel1232/Second%20Bucket/Untitledt7ii7656_zps4ptohfgs.png

▒
▒
▒
▒
▒
▒
▒
▒
▒

╔══════════[size=130]❀══╗
前田慶次
╚══❀══════════╝

╭............................╮
This is super girly.
Why did I make
everything pink?
╰............................╯
Best friend

The preview and PM signature spaces are a little bit shorter in width than the board space. It looks great on the boards.

[Azh]

Wait, I forgot to put an IMG code. Wow I'm so stupid. Never mind!

Why are the size codes showing up though?

[gallivant]

Just a question!! I can't figure out how to push over the text boxes so they are next to the brackets? It should be the opposite of the 'mister deadly sins'. Thanks!!

●
●
●
●
●
●
●
●
●
●
●
●
●
●

xxxxxxxxxxxxxxxxxx
xxxxxxxxxxlxxxxxxllllxxxx

╔════════╗

║
║
║
║
║
║
║
║

usernamexxxxxxx
-words-

full namexxxxxxx
-words-

nicknamexxxxxxx
-words-

formxxxxxxx
-words-

powerxxxxxxx
-words-

║
║
║
║
║
║
║
║
╚════════╝

╔═════════════╗

║
║
║
║
║
║
║
║

personalityxxxxxxxxxxxxxxxxx
-words-

║
║
║
║
║
║
║
║
╚═════════════╝

Code: Select all

[left][img]http://flont.veer.com/flontpng.aspx?text=f&size=70&maxWidth=540&fontId=23272&lineheight=84&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]

[img]http://flont.veer.com/flontpng.aspx?text=f&size=70&maxWidth=540&fontId=23272&lineheight=84&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]

[img]http://flont.veer.com/flontpng.aspx?text=f&size=70&maxWidth=540&fontId=23272&lineheight=84&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img][/left][right][img]http://i.imgur.com/yQTSKe5.gif[/img][/right][right][size=150]●
●
●
●
●
●
●
●
●
●
●
●
●
●[/size][/right][right][img]http://flont.veer.com/flontpng.aspx?text=%7B&size=135&maxWidth=540&fontId=19608&lineheight=162&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]
[img]http://flont.veer.com/flontpng.aspx?text=%7B&size=135&maxWidth=540&fontId=19608&lineheight=162&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img][/right][color=transparent]xxxxxxxxxxxxxxxxxx[/color][img]http://flont.veer.com/flontpng.aspx?text=miss%20deadly&size=40&maxWidth=540&fontId=16973&lineheight=48&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]
[color=transparent]xxxxxxxxxxlxxxxxxllllxxxx[/color][img]http://flont.veer.com/flontpng.aspx?text=pride&size=40&maxWidth=540&fontId=16974&lineheight=48&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]

[left][size=150]╔════════╗[/size]
[right][size=150]║
║
║
║
║
║
║
║[/size][/right][size=85][right][b]username[/b][color=transparent]xxxxxxx[/color]
[i]-words-[/i]

[b]full name[/b][color=transparent]xxxxxxx[/color]
[i]-words-[/i]

[b]nickname[/b][color=transparent]xxxxxxx[/color]
[i]-words-[/i]

[b]form[/b][color=transparent]xxxxxxx[/color]
[i]-words-[/i]

[b]power[/b][color=transparent]xxxxxxx[/color]
[i]-words-[/i][/right][/size][size=150]║
║
║
║
║
║
║
║[/size]
[size=150]╚════════╝[/size][/left][left][size=150]╔═════════════╗[/size]
[right][size=150]║
║
║
║
║
║
║
║[/size][/right][size=85][right][b]personality[/b][color=transparent]xxxxxxxxxxxxxxxxx[/color]
[i]-words-[/i][/right][/size][size=150]║
║
║
║
║
║
║
║[/size]
[size=150]╚═════════════╝[/size][/left]

●
●
●
●
●
●
●
●
●
●
●
●
●
●

xxxxxxxxxxxxxxxx
xxxxxxxxxxxxlxxxxxxlllxxxx

╔═════════════╗

║
║
║
║
║
║
║
║

personalityxxxxxxxxxxxxxxxxx
-words-

║
║
║
║
║
║
║
║
╚═════════════╝

╔════════╗

║
║
║
║
║
║
║
║

usernamexxxxxxx
-words-

full namexxxxxxx
-words-

nicknamexxxxxxx
-words-

formxxxxxxx
-words-

powerxxxxxxx
-words-

║
║
║
║
║
║
║
║
╚════════╝

[amaoretto]

.