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

[frank ocean]

@.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.

Yes! That's exactly what I wanted, thank you so much b^-^d
Thanks to everyone for the help :3

[lance mclame]

Code: Select all

[img]http://24.media.tumblr.com/tumblr_mdqwdosveC1r45099o1_250.jpg[/img][size=70][center][color=#51677d]──────────────────────────────────────[/color]
♛ ＳＴＡＹ ＯＰＥＮ. ＷＨＯ ＫＮＯＷＳ, ♛
[color=#51677d]──────────────────────────────────────[/color][/center][/size][size=75][center][color=#B3CBBD][b]name : [/b][/color]wip [color=#B3CBBD][b]age : [/b][/color]wip
 [b][color=#B3CBBD]ethnicity : [/color][/b]wip [color=#B3CBBD][b]sexuality : [/b][/color]wip
[color=#B3CBBD][b]+ traits : [/b][/color]wip [color=#B3CBBD][b]- traits : [/b][/color]wip
[color=#B3CBBD][b] star sign : [/b][/color]wip [color=#B3CBBD][b]complexion : [/b][/color]wip[/center][/size][size=70][center][color=#51677d]──────────────────────────────────────[/color]
♛ ＬＩＧＨＴＮＩＮＧ ＣＯＵＬＤ ＳＴＲＩＫＥ ♛
[color=#51677d]──────────────────────────────────────[/color][/center][/size]

hiya!! does anyone know how i could move the bio thing next to the image??

[qeu9nveq7vn]

Code: Select all

[left][img]http://24.media.tumblr.com/tumblr_mdqwdosveC1r45099o1_250.jpg[/img][/left][size=70][left][center][color=#51677d]──────────────────────────────────────[/color]
♛ ＳＴＡＹ ＯＰＥＮ. ＷＨＯ ＫＮＯＷＳ, ♛
[color=#51677d]──────────────────────────────────────[/color][/center][/size][size=75][center][color=#B3CBBD][b]name : [/b][/color]wip [color=#B3CBBD][b]age : [/b][/color]wip
 [b][color=#B3CBBD]ethnicity : [/color][/b]wip [color=#B3CBBD][b]sexuality : [/b][/color]wip
[color=#B3CBBD][b]+ traits : [/b][/color]wip [color=#B3CBBD][b]- traits : [/b][/color]wip
[color=#B3CBBD][b] star sign : [/b][/color]wip [color=#B3CBBD][b]complexion : [/b][/color]wip[/center][/size][size=70][center][color=#51677d]──────────────────────────────────────[/color]
♛ ＬＩＧＨＴＮＩＮＧ ＣＯＵＬＤ ＳＴＲＩＫＥ ♛
[color=#51677d]──────────────────────────────────────[/color][/center][/left][/size]

──────────────────────────────────────
♛ ＳＴＡＹ ＯＰＥＮ. ＷＨＯ ＫＮＯＷＳ, ♛
──────────────────────────────────────

name : wip age : wip
ethnicity : wip sexuality : wip
+ traits : wip - traits : wip
star sign : wip complexion : wip

──────────────────────────────────────
♛ ＬＩＧＨＴＮＩＮＧ ＣＯＵＬＤ ＳＴＲＩＫＥ ♛
──────────────────────────────────────

or

Code: Select all

[left][img]http://24.media.tumblr.com/tumblr_mdqwdosveC1r45099o1_250.jpg[/img][/left][center][size=70][color=#51677d]──────────────────────────────────────[/color]
♛ ＳＴＡＹ ＯＰＥＮ. ＷＨＯ ＫＮＯＷＳ, ♛
[color=#51677d]──────────────────────────────────────[/color][/center][/size][size=75][center][color=#B3CBBD][b]name : [/b][/color]wip [color=#B3CBBD][b]age : [/b][/color]wip
 [b][color=#B3CBBD]ethnicity : [/color][/b]wip [color=#B3CBBD][b]sexuality : [/b][/color]wip
[color=#B3CBBD][b]+ traits : [/b][/color]wip [color=#B3CBBD][b]- traits : [/b][/color]wip
[color=#B3CBBD][b] star sign : [/b][/color]wip [color=#B3CBBD][b]complexion : [/b][/color]wip[/center][/size][size=70][center][color=#51677d]──────────────────────────────────────[/color]
♛ ＬＩＧＨＴＮＩＮＧ ＣＯＵＬＤ ＳＴＲＩＫＥ ♛
[color=#51677d]──────────────────────────────────────[/color][/size][/center]

──────────────────────────────────────
♛ ＳＴＡＹ ＯＰＥＮ. ＷＨＯ ＫＮＯＷＳ, ♛
──────────────────────────────────────

name : wip age : wip
ethnicity : wip sexuality : wip
+ traits : wip - traits : wip
star sign : wip complexion : wip

──────────────────────────────────────
♛ ＬＩＧＨＴＮＩＮＧ ＣＯＵＬＤ ＳＴＲＩＫＥ ♛
──────────────────────────────────────

[lance mclame]

both work! thank you so much!

[mythic,]

hi so I'm coding a character form, but the text won't go inside the box?

Code: Select all

[center][left][right][img]http://fontmeme.com/freefonts/img.php?f=77025&s=97&t=ROM&c=000000[/img][/right]
─────────────────────────────
[size=90]Ｉ＇ＶＥ ＧＯＴ Ａ ＬＯＶＥＲ ＡＮＤ Ｉ＇Ｍ [/size]
─────────────────────────────
[img]https://i.imgsafe.org/25537cf.gif[/img]
[size=185][i]ｕｎｆｏｒｇｉｖｅｎ[/i][/size] [size=200][b]❞[/b][/size][/left][/center][left][right][img]http://i.imgur.com/0OiCxr8.png[/img][/right][right][img]http://i.imgur.com/L24VP0e.png[/img]
[size=75][center]Ｉ ＦＯＵＮＤ Ａ ＳＡＶＩＯＲ ＢＵＴ Ｉ ＤＯＮ＇Ｔ
 ＴＨＩＮＫ ＨＥ ＲＥＭＥＭＢＥＲＳ[/center][/size][/right][right][img]http://i.imgur.com/nYp9zZo.png[/img][/right]
[size=190][color=#000000]┌───────┐[/color][/size]
[right][size=200][color=#000000]│
│
│
│
│
│[/color][/size][/right][right][center][size=85][color=grey]roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w[/color][/size][/center][/right][size=200][color=#000000]│
│
│
│
│
│[/color][/size]
[size=190][color=#000000]└───────┘[/color][/size][/left]

[Jubunu]

hi so I'm coding a character form, but the text won't go inside the box?

Here you go- I just added one [left ][/left] command ^^

Code: Select all

[center][left][right][img]http://fontmeme.com/freefonts/img.php?f=77025&s=97&t=ROM&c=000000[/img][/right]
─────────────────────────────
[size=90]Ｉ＇ＶＥ ＧＯＴ Ａ ＬＯＶＥＲ ＡＮＤ Ｉ＇Ｍ [/size]
─────────────────────────────
[img]https://i.imgsafe.org/25537cf.gif[/img]
[size=185][i]ｕｎｆｏｒｇｉｖｅｎ[/i][/size] [size=200][b]❞[/b][/size][/left][/center][left][right][img]http://i.imgur.com/0OiCxr8.png[/img][/right][right][img]http://i.imgur.com/L24VP0e.png[/img]
[size=75][center]Ｉ ＦＯＵＮＤ Ａ ＳＡＶＩＯＲ ＢＵＴ Ｉ ＤＯＮ＇Ｔ
 ＴＨＩＮＫ ＨＥ ＲＥＭＥＭＢＥＲＳ[/center][/size][/right][right][img]http://i.imgur.com/nYp9zZo.png[/img][/right][/left][left][size=190][color=#000000]┌───────┐[/color][/size]
[right][size=200][color=#000000]│
│
│
│
│
│[/color][/size][/right][right][center][size=85][color=grey]roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w[/color][/size][/center][/right][size=200][color=#000000]│
│
│
│
│
│[/color][/size]
[size=190][color=#000000]└───────┘[/color][/size][/left]

─────────────────────────────
Ｉ＇ＶＥ ＧＯＴ Ａ ＬＯＶＥＲ ＡＮＤ Ｉ＇Ｍ
─────────────────────────────

ｕｎｆｏｒｇｉｖｅｎ ❞

Ｉ ＦＯＵＮＤ Ａ ＳＡＶＩＯＲ ＢＵＴ Ｉ ＤＯＮ＇Ｔ
ＴＨＩＮＫ ＨＥ ＲＥＭＥＭＢＥＲＳ

┌───────┐

│
│
│
│
│
│

roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w
roman is words w

│
│
│
│
│
│
└───────┘

[mythic,]

thank you so much c:

[bud]

my signature was very complex and hard to code,
and it looks a little off but i'm not sure i can do anything about it.
you see how the boxes with the words in them are a little down.
i was wondering if there was any way to make them level with the gif of frodo?



Code: Select all

[left][size=200][b]─◊─•─•─•─•─•─[/b][/size]
[color=transparent]xxxxx[/color][size=85]One Ring to rule them all[/size]
[size=200]░░░░░░░░░░░░░
[b]•─•─•─•─•─◊─[/b][/size]
[img]http://i.imgur.com/U84fRqo.gif[/img][/left][left][img]http://i.imgur.com/vYpQ62m.gif[/img]
[size=180]┌[/size][color=transparent]xxxxxxxxxx[/color][size=180]┐[/size][right][size=200]╍╍╍╍╍╍╍╍╍[/size]
[img]http://i.imgur.com/32qVLNW.png[/img]
ｎｅ ｒｉｎｇ ｔｏ ••••••••••••••••
ｂｒｉｎｇ ｔｈｅｍ ａｌｌ•••••••••
ａｎｄ ｉｎ ｔｈｅ ｄａｒｋｎｅｓｓ•[/right]
[center][img]http://i.imgur.com/vtqgfUg.png[/img]
[size=180]└[/size][color=transparent]xxxxxxxxxx[/color][size=180]┘[/size]
▸▸▸▸▸▸▸▸▸▸▸▸▸▸▸✖◂◂◂◂◂◂◂◂◂◂◂◂◂◂◂[/center][/left][img]http://i.imgur.com/rQgM7cn.png[/img]

[left][size=200][b]•─•─•─•─•─◊─[/b]
░░░░░░░░░░░░░[/size]
[color=transparent]xxxxxX[/color][size=85]One Ring to find them[/size]
[size=200][b]─◊─•─•─•─•─•─[/b][/size][/left][left][img]http://i.imgur.com/DLHJ0V3.gif[/img][/left][left][size=200]╔═══════╗[/size]
[right][size=200]║
║[/size][/right][right][size=77]in the Land of Mordor
where the Shadows lie
J.R.R Tolkien ═════[/size][/right][size=200]║
║[/size]
[size=200]╚═══════╝[/size][/left][left][size=200]╔══╗[/size]
[right][size=200]║
║[/size][/right][right][size=85][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=634625]✑[/url]
[url=https://youtu.be/_pGaz_qN0cw]✑[/url]
[url=https://youtu.be/Y80ofCkPbdE]✑[/url][/size][/right][size=200]║
║[/size]
[size=200]╚══╝[/size][/left]



there's the code if anybody would like to try

[Goostarion]

my signature was very complex and hard to code,
and it looks a little off but i'm not sure i can do anything about it.
you see how the boxes with the words in them are a little down.
i was wondering if there was any way to make them level with the gif of frodo?



Code: Select all

[left][size=200][b]─◊─•─•─•─•─•─[/b][/size]
[color=transparent]xxxxx[/color][size=85]One Ring to rule them all[/size]
[size=200]░░░░░░░░░░░░░
[b]•─•─•─•─•─◊─[/b][/size]
[img]http://i.imgur.com/U84fRqo.gif[/img][/left][left][img]http://i.imgur.com/vYpQ62m.gif[/img]
[size=180]┌[/size][color=transparent]xxxxxxxxxx[/color][size=180]┐[/size][right][size=200]╍╍╍╍╍╍╍╍╍[/size]
[img]http://i.imgur.com/32qVLNW.png[/img]
ｎｅ ｒｉｎｇ ｔｏ ••••••••••••••••
ｂｒｉｎｇ ｔｈｅｍ ａｌｌ•••••••••
ａｎｄ ｉｎ ｔｈｅ ｄａｒｋｎｅｓｓ•[/right]
[center][img]http://i.imgur.com/vtqgfUg.png[/img]
[size=180]└[/size][color=transparent]xxxxxxxxxx[/color][size=180]┘[/size]
▸▸▸▸▸▸▸▸▸▸▸▸▸▸▸✖◂◂◂◂◂◂◂◂◂◂◂◂◂◂◂[/center][/left][img]http://i.imgur.com/rQgM7cn.png[/img]

[left][size=200][b]•─•─•─•─•─◊─[/b]
░░░░░░░░░░░░░[/size]
[color=transparent]xxxxxX[/color][size=85]One Ring to find them[/size]
[size=200][b]─◊─•─•─•─•─•─[/b][/size][/left][left][img]http://i.imgur.com/DLHJ0V3.gif[/img][/left][left][size=200]╔═══════╗[/size]
[right][size=200]║
║[/size][/right][right][size=77]in the Land of Mordor
where the Shadows lie
J.R.R Tolkien ═════[/size][/right][size=200]║
║[/size]
[size=200]╚═══════╝[/size][/left][left][size=200]╔══╗[/size]
[right][size=200]║
║[/size][/right][right][size=85][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=634625]✑[/url]
[url=https://youtu.be/_pGaz_qN0cw]✑[/url]
[url=https://youtu.be/Y80ofCkPbdE]✑[/url][/size][/right][size=200]║
║[/size]
[size=200]╚══╝[/size][/left]



there's the code if anybody would like to try

If you highlight the code, you will find that it is level with the box. It is because the symbol used isn't high in the space of the integer that it doesn't look like it is level.

[bud]

ah i see that now!
thank you so much
i guess there's no way to fix that.
but it's still good enough for me!
thank you for clearing that up ~