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

[eldritch hound]

Code: Select all

[left][color=transparent]x
x
x
x
x
x[/color][img]http://i.imgur.com/rLIKsUL.png[/img][/left][left][center][img]http://fontmeme.com/permalink/170528/257e4e8ef0bf0736f60e443f98e9e79e.png[/img]
[color=transparent]xx[/color][size=140]Ｊｕｓｔ ａ ｒｏｏｋｉｅ[/size]
[size=190]ＷＨＯ[/size]
╔✦✦✦═══════════════════╗
[color=transparent].x[/color]Info ● Info ● Info ● Info ● Info
╚════════════════════✦✦╝
[size=150][color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color][/size]
[color=transparent]x[/color]Text, text, text, text, text, text
[color=transparent]x[/color]Text, text, text, text, text, text
[color=transparent]x[/color]Text, text, text, text, text, text
[color=transparent]x[/color]Text, text, text, text, text, text
[color=transparent]x[/color]Text, text, text, text, text, text
[color=transparent]x[/color]Text, text, text, text, text, text
[size=150][color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color] [color=#333333]●[/color] [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color][/size]
[img]http://fontmeme.com/permalink/170528/08de85a8eb7c439eb435520d79b3ebc2.png[/img]
[color=transparent]xxx[/color][size=140]Ｈｅｒ ｈｅａｄ[/size]
╔✦✦✦═══════════════════╗
[color=transparent].x[/color]Info ● Info ● Info ● Info ● Info
╚════════════════════✦✦╝[/center][/left][left][size=200][color=#121212]█
█
█
█
█
█
█[/color]
[color=#121212]☯[/color]
[color=#121212]█
█
█
█
█
█
█
█[/color][/size][/left][left][size=120]ＬＩＮＫＳ[/size]
╔[color=transparent]xxxxxxx[/color]╗
[color=transparent]x[/color]● Link ●
[color=transparent]x[/color]● Link ●
[color=transparent]x[/color]● Link ●
[color=transparent]x[/color]● Link ●
╚[color=transparent]xxxxxxx[/color]╝
[color=transparent]x[/color][img]http://i.imgur.com/B0y4d7A.gif[/img]
[url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=10&t=2779511]Button[/url]
[url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=10&t=2779511]Button[/url]
[color=transparent]x[/color][img]http://i.imgur.com/B0y4d7A.gif[/img]
╔[color=transparent]xxxxxxx[/color]╗
[color=transparent]x[/color]● Show ●
[color=transparent]x[/color]● Show ●
[color=transparent]x[/color]● Show ●
[color=transparent]x[/color]● Show ●
[color=transparent]x[/color]● Show ●
[color=transparent]x[/color]● Show ●
╚[color=transparent]xxxxxxx[/color]╝

[size=110]ＴＶ ＳＨＯＷＳ[/size][/left][left][size=200][color=#121212]█
█
█
█
█
█
█[/color]
[color=#121212]☯[/color]
[color=#121212]█
█
█
█
█
█
█
█[/color][/size][/left][color=transparent]x
x
x[/color][right][size=200][color=#121212]█
█
█
█
█
█
█[/color]
[color=#121212]☯[/color]
[color=#121212]█
█
█
█
█
█
█
█[/color][/size][/right][left][img]http://i.imgur.com/vYKTtYR.png[/img][/left]

The last 'Bar' ( One on the far right ) is out of place. I want it to be next to the bendy but
i don't know how exactly to get it next to him. Could anybody help me out?

[jiㅤ]

@bendy

quite simply, when the border was wrapped with "right", it went farthest to the right. When you are putting borders/columns, put them in left center unless putting something to the right in a border or writing text C: I also centered the links/tv show sections!

Code: Select all

[left][color=transparent]x
x
x
x
x
x[/color][img]http://i.imgur.com/rLIKsUL.png[/img][/left][left][center][img]http://fontmeme.com/permalink/170528/257e4e8ef0bf0736f60e443f98e9e79e.png[/img]
[color=transparent]xx[/color][size=140]Ｊｕｓｔ ａ ｒｏｏｋｉｅ[/size]
[size=190]ＷＨＯ[/size]
╔✦✦✦═══════════════════╗
[color=transparent].x[/color]Info ● Info ● Info ● Info ● Info
╚════════════════════✦✦╝
[size=150][color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color][/size]
[color=transparent]x[/color]Text, text, text, text, text, text
[color=transparent]x[/color]Text, text, text, text, text, text
[color=transparent]x[/color]Text, text, text, text, text, text
[color=transparent]x[/color]Text, text, text, text, text, text
[color=transparent]x[/color]Text, text, text, text, text, text
[color=transparent]x[/color]Text, text, text, text, text, text
[size=150][color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color] [color=#333333]●[/color] [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color]  [color=#ccbbbb]●[/color]  [color=#333333]●[/color][/size]
[img]http://fontmeme.com/permalink/170528/08de85a8eb7c439eb435520d79b3ebc2.png[/img]
[color=transparent]xxx[/color][size=140]Ｈｅｒ ｈｅａｄ[/size]
╔✦✦✦═══════════════════╗
[color=transparent].x[/color]Info ● Info ● Info ● Info ● Info
╚════════════════════✦✦╝[/center][/left][left][size=200][color=#121212]█
█
█
█
█
█
█[/color]
[color=#121212]☯[/color]
[color=#121212]█
█
█
█
█
█
█
█[/color][/size][/left][center][left][size=120]ＬＩＮＫＳ[/size]
╔[color=transparent]xxxxxxx[/color]╗
[color=transparent]x[/color]● Link ●
[color=transparent]x[/color]● Link ●
[color=transparent]x[/color]● Link ●
[color=transparent]x[/color]● Link ●
╚[color=transparent]xxxxxxx[/color]╝
[color=transparent]x[/color][img]http://i.imgur.com/B0y4d7A.gif[/img]
[url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=10&t=2779511]Button[/url]
[url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=10&t=2779511]Button[/url]
[color=transparent]x[/color][img]http://i.imgur.com/B0y4d7A.gif[/img]
╔[color=transparent]xxxxxxx[/color]╗
[color=transparent]x[/color]● Show ●
[color=transparent]x[/color]● Show ●
[color=transparent]x[/color]● Show ●
[color=transparent]x[/color]● Show ●
[color=transparent]x[/color]● Show ●
[color=transparent]x[/color]● Show ●
╚[color=transparent]xxxxxxx[/color]╝

[size=110]ＴＶ ＳＨＯＷＳ[/size][/left][/center][left][center][size=200][color=#121212]█
█
█
█
█
█
█[/color]
[color=#121212]☯[/color]
[color=#121212]█
█
█
█
█
█
█
█[/color][/size][/center][/left][left][center][img]http://i.imgur.com/vYKTtYR.png[/img][/center][/left][left][center][size=200][color=#121212]█
█
█
█
█
█
█[/color]
[color=#121212]☯[/color]
[color=#121212]█
█
█
█
█
█
█
█[/color][/size][/center][/left]

x
x
x
x
x
x

xxＪｕｓｔ ａ ｒｏｏｋｉｅ
ＷＨＯ
╔✦✦✦═══════════════════╗
.xInfo ● Info ● Info ● Info ● Info
╚════════════════════✦✦╝
● ● ● ● ● ● ● ● ● ● ● ●
xText, text, text, text, text, text
xText, text, text, text, text, text
xText, text, text, text, text, text
xText, text, text, text, text, text
xText, text, text, text, text, text
xText, text, text, text, text, text
● ● ● ● ● ● ● ● ● ● ● ●

xxxＨｅｒ ｈｅａｄ
╔✦✦✦═══════════════════╗
.xInfo ● Info ● Info ● Info ● Info
╚════════════════════✦✦╝

█
█
█
█
█
█
█
☯
█
█
█
█
█
█
█
█

ＬＩＮＫＳ
╔xxxxxxx╗
x● Link ●
x● Link ●
x● Link ●
x● Link ●
╚xxxxxxx╝
x
Button
Button
x
╔xxxxxxx╗
x● Show ●
x● Show ●
x● Show ●
x● Show ●
x● Show ●
x● Show ●
╚xxxxxxx╝

ＴＶ ＳＨＯＷＳ

█
█
█
█
█
█
█
☯
█
█
█
█
█
█
█
█

█
█
█
█
█
█
█
☯
█
█
█
█
█
█
█
█

[ginger-snaps]

Code: Select all

[left][img]http://i.imgur.com/A4rlf9X.jpg[/img][/left]
[size=150][left]▊
▊
▊
▊
▊
▊
▊
▊
▊
▊
▊
▊
▊
▊
▊
▊
▊
▊[/left][/size]
[left][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQwLjAwMDAwMC5kR1ZzYkNCdFpTQkpJR05oYmlkMC4x/rebel-chick.regular.png[/img][/left]
[size=200]◤[color=transparent]xxxxxxxxxxxxxxxxxxxx[/color]◥[/size]
[size=85]Hello! My name is Noodle! I'm a female trash can that lives in the
U.S.A. As you can most likely tell, I'm obsessed with Gorillaz, as well as
Twenty One Pilots and Melanie Martinez. I really love role-playing, and I
 am a semi-lit plus writer, so go ahead and invite me to your role-play. If
 you ever need me, I'm usually stalking a wolf role-play or goofing off
with some of my CS friends. This is getting kinda long, so peace out![/size]
[size=200]◣[color=transparent]xxxxxxxxxxxxxxxxxxxx[/color]◢[/size]
[left][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQwLjAwMDAwMC5ZVzVrSUVrZ2QybHNiQSwsLjEA/rebel-chick.regular.png[/img][/left]

[left][img]http://i.imgur.com/067UZJf.jpg[/img][/left]

i'm not sure why it was doing that :P perhaps because the text image above it was a bit too large - but i tried lowering the last image by one line, and it seems to be working now, at least on my screen~

[irrkah]

I don't know if I should post this here. •^• I've been seeing that some people have this, but how do you make a small quote box? I know how to get a regular one I just wanted to know if you could make it smaller?

[anxious ghost]

@nox is this what you mean?

text text
Text text

I put left tags around the quote box, like this: [left][quote]text here[/ quote][/ left]
Without the spaces.

[irrkah]

@Moriarty omg yes it is, thank you so much!☺

[watts]

needing some help!!
i want this image to sit under "the roses!" and next to all the "wip"s in my signature.

here's the coding and the image.


Code: Select all

[left][right][size=150]♛♛
♛♛
♛♛
♛♛[/size][/right][img]http://i.imgur.com/9SmLk5D.png[/img]
[img]http://i.imgur.com/kUGS9mx.png[/img][/left][left][center]──── [ [size=85]and smell[/size] ] ──
[size=85]wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w[/size]
[img]http://i.imgur.com/bbKUrEX.png[/img][/center][/left][left][right][img]http://i.imgur.com/rUghkfi.png[/img]
[size=85]wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w[/size][/right][right][size=130]♛
♛
♛
♛
♛
♛
♛
♛
♛
♛
♛[/size][/right][/left]





Code: Select all

[img]http://i.imgur.com/uOw51sO.png[/img]

[Aliria]

@chubkit Like this? I moved the line of crowns into a left column before the "the roses" column, changed the "the roses" column into a left column, and added the image in a right column within that left column.

Code: Select all

[left][right][size=150]♛♛
♛♛
♛♛
♛♛[/size][/right][img]http://i.imgur.com/9SmLk5D.png[/img]
[img]http://i.imgur.com/kUGS9mx.png[/img][/left][left][center]──── [ [size=85]and smell[/size] ] ──
[size=85]wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w[/size]
[img]http://i.imgur.com/bbKUrEX.png[/img][/center][/left][left][size=130]♛
♛
♛
♛
♛
♛
♛
♛
♛
♛
♛[/size][/left][left][img]http://i.imgur.com/rUghkfi.png[/img]
[right][img]http://i.imgur.com/uOw51sO.png[/img][/right][size=85]wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w
wip wip wip wip wip wip w[/size][/left]

[niko.]

Code: Select all

[left][size=200]╔═════════════╗[/size]
[right][size=200]║
║
║
║
║
║
║[/size][/right][center][b][u]ᴀʟʟ ᴀʙᴏᴜᴛ ᴍᴇ[/u][/b]
[b]name;[/b]
[b]age;[/b]
[b]gender;[/b]
[b]rank;[/b]
[b][u]ʜᴏᴡ ɪ ʟᴏᴏᴋ[/u][/b]
[b]size;[/b]
[b]scars;[/b]
[b]scent;[/b]
[b][u]ᴛʜᴏsᴇ ɪ ʟᴏᴠᴇ[/u][/b]
[b]mate;[/b]
[b]pups;[/b][/center][size=200]║
║[/size]
[size=200]╚═════════════╝[/size][/left][right][size=200]╔═════════════╗[/size]
[left][size=200]║
║
║
║
║
║
║[/size][/left][center]INSERT TEXT HERE[/center][size=200]║
║
║
║
║
║
║[/size]
[size=200]╚═════════════╝[/size][/right]

How do I move the right most of the two lines on the bottom directly beside eachother to the right? Please help! Thank you!

[✦ nemuri]

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

║
║
║
║
║
║
║
║

ᴀʟʟ ᴀʙᴏᴜᴛ ᴍᴇ
name;
age;
gender;
rank;
ʜᴏᴡ ɪ ʟᴏᴏᴋ
size;
scars;
scent;
ᴛʜᴏsᴇ ɪ ʟᴏᴠᴇ
mate;
pups;
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

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

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

║
║
║
║
║
║
║
║

INSERT TEXT HERE
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

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

Code: Select all

[left][size=200]╔═════════════╗[/size]
[right][size=200]║
║
║
║
║
║
║
║[/size][/right][right][center][b][u]ᴀʟʟ ᴀʙᴏᴜᴛ ᴍᴇ[/u][/b]
[b]name;[/b]
[b]age;[/b]
[b]gender;[/b]
[b]rank;[/b]
[b][u]ʜᴏᴡ ɪ ʟᴏᴏᴋ[/u][/b]
[b]size;[/b]
[b]scars;[/b]
[b]scent;[/b]
[b][u]ᴛʜᴏsᴇ ɪ ʟᴏᴠᴇ[/u][/b]
[b]mate;[/b]
[b]pups;[/b]
[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color][/center][/right][size=200]║
║
║
║
║
║
║
║[/size]
[size=200]╚═════════════╝[/size][/left][left][size=200]╔═════════════╗[/size]
[right][size=200]║
║
║
║
║
║
║
║[/size][/right][right][center]INSERT TEXT HERE
[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color][/center][/right][size=200]║
║
║
║
║
║
║
║[/size]
[size=200]╚═════════════╝[/size][/left]

the first thing that i saw was that you altered the codes that made boxes, well, boxes, and that was a big no-no. i fixed them for you, and wrapped all the text with a center column within a right column, and used transparent letters that spanned across the space in the box to center the text. if there isn't enough space, then copy the ║ symbols and distribute them evenly on each side of the boxes if you want to expand the space.