Ｄｉｇｉｔａｌｌｙ Ｄｉｓｔｉｎｃｔ: BBCoding Tutorial/Help Thread

[caesou]

is there a way to align this code to the centre?
it "says" it's already alinged, but it's not positioned in the centre.

Code: Select all

[center][left][img]http://i.imgur.com/EfZ0B0T.gif[/img][/left][left][size=200]Ｉ＇Ｍ ＳＴＲＯＮＧ[/size]
[size=85]────────────── ＣＡＮ＇Ｔ ＹＯＵ ＳＥＥ？↩[/size]


still a wip!



[b][size=140]Ｉ＇Ｍ ＳＴＩＬＬ ＬＩＴＴＬＥ[/size][/b]
[size=85]↪ ＢＵＴ Ｉ ＨＡＶＥ ＢＩＧ ＤＲＥＡＭＳ！───────[/size][/left][left][img]http://i.imgur.com/1MdyHQy.gif[/img][/left][/center]

[Azh]

Code: Select all

[left][color=transparent]xxxxxxxxxxxx[/color][/left][center][left][img]http://i.imgur.com/EfZ0B0T.gif[/img][/left][left][size=200]Ｉ＇Ｍ ＳＴＲＯＮＧ[/size]
[size=85]────────────── ＣＡＮ＇Ｔ ＹＯＵ ＳＥＥ？↩[/size]


still a wip!



[b][size=140]Ｉ＇Ｍ ＳＴＩＬＬ ＬＩＴＴＬＥ[/size][/b]
[size=85]↪ ＢＵＴ Ｉ ＨＡＶＥ ＢＩＧ ＤＲＥＡＭＳ！───────[/size][/left][left][img]http://i.imgur.com/1MdyHQy.gif[/img][/left][/center]

Note the transparent x's. These will get your signature into the center of the signature box. However, I put in a random amount, so it is up to you to experiment with the amount of transparent x's until the signature is positioned where you want it.

[caesou]

Code: Select all

[left][color=transparent]xxxxxxxxxxxx[/color][/left][center][left][img]http://i.imgur.com/EfZ0B0T.gif[/img][/left][left][size=200]Ｉ＇Ｍ ＳＴＲＯＮＧ[/size]
[size=85]────────────── ＣＡＮ＇Ｔ ＹＯＵ ＳＥＥ？↩[/size]


still a wip!



[b][size=140]Ｉ＇Ｍ ＳＴＩＬＬ ＬＩＴＴＬＥ[/size][/b]
[size=85]↪ ＢＵＴ Ｉ ＨＡＶＥ ＢＩＧ ＤＲＥＡＭＳ！───────[/size][/left][left][img]http://i.imgur.com/1MdyHQy.gif[/img][/left][/center]

Note the transparent x's. These will get your signature into the center of the signature box. However, I put in a random amount, so it is up to you to experiment with the amount of transparent x's until the signature is positioned where you want it.

-slaps self-

ack, should've thought of this! thank you so much!

[Nightsent]

it's perfect!!! thanks, bev!

[lance mclame]

Code: Select all

[left][size=200]╔═══════════════════════════════╗[/size]
    [right][size=200]║
    ║
    ║
    ║
    ║
    ║
    ║
    ║
    ║
    ║
    ║[/right][right][img]http://i.imgur.com/659B9pW.png[/img][/right]║
    ║
[right]words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,[/right]║
    ║
    ║
    ║
    ║
    ║
    ║
    ║
    ║[/size]
    [size=200]╚═══════════════════════════════╝[/size][/left]



hi! um, i'm having a bit of trouble here. i messed something up n now i don't know how to fix it? can someone put the words right next to the picture so it's lined up? thank you !!

[ryuunosuke]

Split Gif Tutorial for Online-Image-Editor
this is a split-gif tutorial for online-image-editor. it is one of the mentioned websites for image manipulation!
you can find it here. it is not a program, and can be done online! it can also be done with .png images. (the transparency will not work with a .jpg image)
o1. Select your image.
generally, you can use any image/gif as long as it is under 400x700 pixels. that is the maximum space for a signature!
o2. Upload it to Online-Image-Editor.
you can upload it from your device/computer/etc or from a URL.

if uploading from your computer, do not click any of the boxes.
o3. Go to the 'Wizards' panel. Select 'Transparency'.

select the diamond. you will see a panel open up.

select the 'transparent box' setting. you will then see a red square open up over your image.
o4. Move and adjust the box to your liking.
you don't have to just keep it on both sides of the panel. sometimes, you can make things different!
i chose to put two columns to the left of the image, spaced out.

of course, you can leave it like that, or you could crop it, like in gods's tutorial.
Optional: Crop the image.
simply go to the crop tool and crop it out part by part. i had to split my gif into 3 parts. if you did it the
'traditional' way, simply crop across the borders of the transparency.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━(text!)━━━━

[Canis2954]

markin'

[lance mclame]

Code: Select all

[left][size=200]╔═══════════════════════════════╗[/size]
    [right][size=200]║
    ║
    ║
    ║
    ║
    ║
    ║
    ║
    ║
    ║
    ║[/right][right][img]http://i.imgur.com/659B9pW.png[/img][/right]║
    ║
[right]words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,
words,words,words,words,words,words,words,[/right]║
    ║
    ║
    ║
    ║
    ║
    ║
    ║
    ║[/size]
    [size=200]╚═══════════════════════════════╝[/size][/left]



hi! um, i'm having a bit of trouble here. i messed something up n now i don't know how to fix it? can someone put the words right next to the picture so it's lined up? thank you !!

[Guzma]

hi! um, i'm having a bit of trouble here. i messed something up n now i don't know how to fix it? can someone put the words right next to the picture so it's lined up? thank you !![/size]

Code: Select all

[left][size=200]╔═══════════════════════════════╗[/size]
[right][size=200]║
    ║
    ║
    ║
    ║
    ║
    ║
    ║
    ║
    ║
    ║[/size][/right][right]words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,
words,words,words,words,words,[/right][right][img]http://i.imgur.com/659B9pW.png[/img][/right][size=200]║
    ║
║
    ║
    ║
    ║
    ║
    ║
    ║
    ║
    ║[/size]
    [size=200]╚═══════════════════════════════╝[/size][/left]

@Jimmy Novak

Sup! I think I got what you wanted. Also I had to take out a few of the words to make sure that all of it stayed even. There was also a slight issue with the border so I fixed that for you too.

[lance mclame]

it is, thank you so much!