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

[Aʟᴇxᴊᴀɪ]

Yes!!! Thats what i was looking for! Thanks so much!

[beautea]

hello! I'm making a new signature, and although I've coded many signatures in the past, this one is killing me. I've tried everything to fix it, and it's probably a simple error, but any help would be appreciated!
I'm trying to "close in" my signature. As in, make it compact and small. It looked fine while I was working on it, and I wanted it to look like this. But when I posted, it looks like this, with a lot of extra space, which is what I don't want.
I tried everything for the past hour. Putting everything to the left didn't work either, and I'm so lost. It's so frustrating since everything is actually done except this error. Sorry that the image quality is bad, my computer is on the fritz, but hopefully you get my drift with the ordering of the signature. Coding is below, thank you to anyone that helps me!


Code: Select all

[left][img]http://i.imgur.com/PODeJ2a.gif[/img][/left][right][img]http://i.imgur.com/Qf38bBZ.gif[/img][/right][color=transparent]xxx[/color][img]http://i.imgur.com/SZ0jegK.png[/img]
[color=transparent]xxxxxxxxxxxxxxxx[/color][img]http://i.imgur.com/RBVXx5q.png[/img]
[center][size=85]Hello! I'm Kailey! I'm a high school student that likes coding, plumerians, and making art!
female  [color=#80BF40][b]♡[/b][/color] isfj  [color=#80BF40][b]♡[/b][/color] agnostic

Mood: [b][color=#80BF40]Feeling Better[/color][/size][/b]

[size=85][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=188680]friend[/url] ○ [url=https://www.youtube.com/watch?v=NtgiP95ikIE]song[/url] ○ [url=http://kaileysplumes.weebly.com/]my plumes[/url][/size]

[color=transparent]xx[/color][img]http://i.imgur.com/Q1SSFKt.png?1[/img]
[color=transparent]xxxxxxxxxxxx[/color][img]http://i.imgur.com/D7I2BJE.png?1[/img][/center]

[Goostarion]

hello! I'm making a new signature, and although I've coded many signatures in the past, this one is killing me. I've tried everything to fix it, and it's probably a simple error, but any help would be appreciated!
I'm trying to "close in" my signature. As in, make it compact and small. It looked fine while I was working on it, and I wanted it to look like this. But when I posted, it looks like this, with a lot of extra space, which is what I don't want.
I tried everything for the past hour. Putting everything to the left didn't work either, and I'm so lost. It's so frustrating since everything is actually done except this error. Sorry that the image quality is bad, my computer is on the fritz, but hopefully you get my drift with the ordering of the signature. Coding is below, thank you to anyone that helps me!


Code: Select all

[left][img]http://i.imgur.com/PODeJ2a.gif[/img][/left][right][img]http://i.imgur.com/Qf38bBZ.gif[/img][/right][color=transparent]xxx[/color][img]http://i.imgur.com/SZ0jegK.png[/img]
[color=transparent]xxxxxxxxxxxxxxxx[/color][img]http://i.imgur.com/RBVXx5q.png[/img]
[center][size=85]Hello! I'm Kailey! I'm a high school student that likes coding, plumerians, and making art!
female  [color=#80BF40][b]♡[/b][/color] isfj  [color=#80BF40][b]♡[/b][/color] agnostic

Mood: [b][color=#80BF40]Feeling Better[/color][/size][/b]

[size=85][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=188680]friend[/url] ○ [url=https://www.youtube.com/watch?v=NtgiP95ikIE]song[/url] ○ [url=http://kaileysplumes.weebly.com/]my plumes[/url][/size]

[color=transparent]xx[/color][img]http://i.imgur.com/Q1SSFKt.png?1[/img]
[color=transparent]xxxxxxxxxxxx[/color][img]http://i.imgur.com/D7I2BJE.png?1[/img][/center]

I changed the code around so it was using the left left technique so the signature is tighter. I removed a few extra parts of the code so it will fit better. The main problem you had was that the line that goes 'Hello! I'm Kailey etc' was too long and needed to be pushed down a line so it would fit without pushing the signature down or away.



Code: Select all

[left][img]http://i.imgur.com/PODeJ2a.gif[/img][/left][left][center][color=transparent]xxx[/color][img]http://i.imgur.com/SZ0jegK.png[/img]
    [color=transparent]xxxxxxxxxxxxxxxx[/color][img]http://i.imgur.com/RBVXx5q.png[/img]
[size=85]Hello! I'm Kailey! I'm a high school student that
likes coding, plumerians, and making art!
    female  [color=#80BF40][b]♡[/b][/color] isfj  [color=#80BF40][b]♡[/b][/color] agnostic

    Mood: [b][color=#80BF40]Feeling Better[/color][/b]
[url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=188680]friend[/url] ○ [url=https://www.youtube.com/watch?v=NtgiP95ikIE]song[/url] ○ [url=http://kaileysplumes.weebly.com/]my plumes[/url][/size]
    [color=transparent]xx[/color][img]http://i.imgur.com/Q1SSFKt.png?1[/img]
    [color=transparent]xxxxxxxxxxxx[/color][img]http://i.imgur.com/D7I2BJE.png?1[/img][/center][/left][left][img]http://i.imgur.com/Qf38bBZ.gif[/img][/left]

xxx
xxxxxxxxxxxxxxxx
Hello! I'm Kailey! I'm a high school student that
likes coding, plumerians, and making art!
female ♡ isfj ♡ agnostic

Mood: Feeling Better
friend ○ song ○ my plumes
xx
xxxxxxxxxxxx

[beautea]

@Zey - aaaaa, thank you so so much! I wanted to move it to the left anyway. that helped me so much, thank you again <3

[frank ocean]

I need a bit of help...

Code: Select all

[left][center][img]http://i.imgur.com/BMqvJLm.png[/img]
[img]http://i.imgur.com/260jGOp.jpg[/img][/center][/left][center][left][size=120][color=#1f1a17]█
█
█
█
█
█
█
█
█
█
█
█
█
█
█[/color][/size][/left][/center][left][center][img]http://i.imgur.com/OvGTqUF.gif[/img][/center][size=133]░
░
░
░
░
░
░
░
░[/size][/left]

So here's a quick picture I made representing what I want it to be like:

The red box is supposed to outline where the text will go, and the orange line is just the same border using these: ░

Is there any way this could be done?

Thanks for any help, it's greatly appreciated!! (:

[qeu9nveq7vn]

Code: Select all

[left][center][img]http://i.imgur.com/BMqvJLm.png[/img]
[img]http://i.imgur.com/260jGOp.jpg[/img][/center][/left][center][left][size=120][color=#1f1a17]█
█
█
█
█
█
█
█
█
█
█
█
█
█
█[/color][/size][/left][/center][left][center][img]http://i.imgur.com/OvGTqUF.gif[/img][/center][right][size=133]░
░
░
░
░
░
░
░
░[/size][/right][center]text
text[/center][/left]

█
█
█
█
█
█
█
█
█
█
█
█
█
█
█

░
░
░
░
░
░
░
░
░

text
text

right align the border and put the text after

[frank ocean]

Code: Select all

[left][center][img]http://i.imgur.com/BMqvJLm.png[/img]
[img]http://i.imgur.com/260jGOp.jpg[/img][/center][/left][center][left][size=120][color=#1f1a17]█
█
█
█
█
█
█
█
█
█
█
█
█
█
█[/color][/size][/left][/center][left][center][img]http://i.imgur.com/OvGTqUF.gif[/img][/center][right][size=133]░
░
░
░
░
░
░
░
░[/size][/right][center]text
text[/center][/left]

█
█
█
█
█
█
█
█
█
█
█
█
█
█
█

░
░
░
░
░
░
░
░
░

text
text

right align the border and put the text after

Thanks, that helps a bit! But then how'd I also keep the border on the left without the text being pushed down?

[totally not patronus]

Code: Select all

[left][center][img]http://i.imgur.com/BMqvJLm.png[/img]
[img]http://i.imgur.com/260jGOp.jpg[/img][/center][/left][center][left][size=120][color=#1f1a17]█
█
█
█
█
█
█
█
█
█
█
█
█
█
█[/color][/size][/left][/center][left][center][img]http://i.imgur.com/OvGTqUF.gif[/img][/center][right][size=133]░
░
░
░
░
░
░
░
░[/size][/right][center]text text[/center][/left]

█
█
█
█
█
█
█
█
█
█
█
█
█
█
█

░
░
░
░
░
░
░
░
░

text text

like this?

[frank ocean]

@above
ahh i think i've confused everyone
>3<
i want to keep the ░ on the left, as well as on the right
what i don't know how to do is put the text between the 2 without the text being pushed down under where the borders should be aha

edit:

Code: Select all

[left][center][img]http://i.imgur.com/BMqvJLm.png[/img]
[img]http://i.imgur.com/260jGOp.jpg[/img][/center][/left][center][left][size=120][color=#1f1a17]█
█
█
█
█
█
█
█
█
█
█
█
█
█
█[/color][/size][/left][/center][left][center][img]http://i.imgur.com/OvGTqUF.gif[/img][/center][right][size=133]░
░
░
░
░
░
░
░
░[/size][/right][size=133]░
░
░
░
░
░
░
░
░[/size][center]text
text[/center][/left]

now i've got this, but as you can see the part saying 'text text' goes under the borders, instead of being aligned within the 2, if that makes any sense?

[kook]

@.taehyung

Code: Select all

[left][center][img]http://i.imgur.com/BMqvJLm.png[/img]
[img]http://i.imgur.com/260jGOp.jpg[/img][/center][/left][center][left][size=120][color=#1f1a17]█
█
█
█
█
█
█
█
█
█
█
█
█
█
█[/color][/size][/left][/center][left][center][img]http://i.imgur.com/OvGTqUF.gif[/img][/center][size=133]░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░[/size][/left]


█
█
█
█
█
█
█
█
█
█
█
█
█
█
█

░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░
░text text text text text text text text░

Like this? You can put the text next to the little borders on the side and then add the borders next to it on the right like I did in the coding. If the border on the right is too far too the left even with text between it, you can use a trick where you put [color=transparent ]...[/color] after it and put as many periods down as you need, but if it's too far too the right then I suggest moving some text to the next line.