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

[Goostarion]

ah here i am full of problems.
anyway, does anyone know how to get the text "i will send
a fully armed battalion" next to the butterfly, and not around it?? im stuck on it, and im not sure how to fix it.

Code: Select all

[left][center][size=130][color=#FFBF80]█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█[/color][/size][/center][/left][left][size=130][color=#FFBF80]█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█[/color][/size][/left][left][center][img]http://i.imgur.com/LWvZ4OX.png[/img]
Ｉ ＷＩＬＬ ＳＥＮＤ
this is being wonky why life
Ａ ＦＵＬＬＹ ＡＲＭＥＤ ＢＡＴＴＡＬＩＯＮ
 ───────────────────────────────────────
[img]http://i.imgur.com/ANA0Y7M.png[/img]
───────────────────────────────────────
[size=80]stuff here [wow hawk moth's ballad is a good animation tbh]
how do i fill this idk ill fill it later-
oh this is being wonky why why[/size]
───────────────────────────────────────
[img]http://i.imgur.com/7ETIGc1.png[/img][/center][/left][left][center][size=100][color=#FFBF80]◯

◯

◯

◯

◯

◯

◯

◯

◯

◯

◯[/color][/size][/center][/left][left][center][img]http://i.imgur.com/oSFQwuR.gif[/img][/center][/left]
[left][size=90]ＹＯＵ＇ＬＬ ＢＥ ＢＡＣＫ，ＴＩＭＥ ＷＩＬＬ ＴＥＬＬ
ＹＯＵ＇ＬＬ ＢＥ ＢＡＣＫ，ＴＩＭＥ ＷＩＬＬ ＴＥＬＬ
ＹＯＵ＇ＬＬ ＢＥ ＢＡＣＫ，ＴＩＭＥ ＷＩＬＬ ＴＥＬＬ[/size]
[center]╭[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]╮
[size=80]Da da da dat da dat da da da da ya da, da da dat dat da
ya da![/size]
───────────────────────────────
[size=60]© [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=752653][color=#FFBF80][u]golden flower tea[/u][/color][/url][/size]
╰[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]╯
[size=90][color=#FFBF80]☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼☼ ☼ ☼ ☼ ☼ ☼
☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼☼ ☼ ☼ ☼ ☼ ☼[/color][/size][/center][/left]

To move the text to the left of the butterfly or to the right of the butterfly?

[nah]

-snip-

To move the text to the left of the butterfly or to the right of the butterfly?

oh sorry i should've mentioned that.
to the right of the butterfly.

[Goostarion]

-snip-

To move the text to the left of the butterfly or to the right of the butterfly?

oh sorry i should've mentioned that.
to the right of the butterfly.

Like this?
Note: Had to put Battalion on a new line because there wasn't enough room for it.
I used the creating a column within a column technique


Code: Select all

[left][center][size=130][color=#FFBF80]█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█[/color][/size][/center][/left][left][size=130][color=#FFBF80]█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█[/color][/size][/left][left][right][center]Ｉ ＷＩＬＬ ＳＥＮＤ
this is being wonky why life
Ａ ＦＵＬＬＹ ＡＲＭＥＤ
ＢＡＴＴＡＬＩＯＮ[/center][/right][right][center][img]http://i.imgur.com/LWvZ4OX.png[/img][/center][/right]
[center]───────────────────────────────────────
[img]http://i.imgur.com/ANA0Y7M.png[/img]
───────────────────────────────────────
[size=80]stuff here [wow hawk moth's ballad is a good animation tbh]
how do i fill this idk ill fill it later-
oh this is being wonky why why[/size]
───────────────────────────────────────
[img]http://i.imgur.com/7ETIGc1.png[/img][/center][/left][left][center][size=100][color=#FFBF80]◯

◯

◯

◯

◯

◯

◯

◯

◯

◯

◯[/color][/size][/center][/left][left][center][img]http://i.imgur.com/oSFQwuR.gif[/img][/center][/left]
[left][size=90]ＹＯＵ＇ＬＬ ＢＥ ＢＡＣＫ，ＴＩＭＥ ＷＩＬＬ ＴＥＬＬ
ＹＯＵ＇ＬＬ ＢＥ ＢＡＣＫ，ＴＩＭＥ ＷＩＬＬ ＴＥＬＬ
ＹＯＵ＇ＬＬ ＢＥ ＢＡＣＫ，ＴＩＭＥ ＷＩＬＬ ＴＥＬＬ[/size]
[center]╭[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]╮
[size=80]Da da da dat da dat da da da da ya da, da da dat dat da
ya da![/size]
───────────────────────────────
[size=60]© [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=752653][color=#FFBF80][u]golden flower tea[/u][/color][/url][/size]
╰[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]╯
[size=90][color=#FFBF80]☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼☼ ☼ ☼ ☼ ☼ ☼
☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼☼ ☼ ☼ ☼ ☼ ☼[/color][/size][/center][/left]

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

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

Ｉ ＷＩＬＬ ＳＥＮＤ
this is being wonky why life
Ａ ＦＵＬＬＹ ＡＲＭＥＤ
ＢＡＴＴＡＬＩＯＮ

───────────────────────────────────────

───────────────────────────────────────
stuff here [wow hawk moth's ballad is a good animation tbh]
how do i fill this idk ill fill it later-
oh this is being wonky why why
───────────────────────────────────────

◯

◯

◯

◯

◯

◯

◯

◯

◯

◯

◯

ＹＯＵ＇ＬＬ ＢＥ ＢＡＣＫ，ＴＩＭＥ ＷＩＬＬ ＴＥＬＬ
ＹＯＵ＇ＬＬ ＢＥ ＢＡＣＫ，ＴＩＭＥ ＷＩＬＬ ＴＥＬＬ
ＹＯＵ＇ＬＬ ＢＥ ＢＡＣＫ，ＴＩＭＥ ＷＩＬＬ ＴＥＬＬ

╭xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx╮
Da da da dat da dat da da da da ya da, da da dat dat da
ya da!
───────────────────────────────
© golden flower tea
╰xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx╯
☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼☼ ☼ ☼ ☼ ☼ ☼
☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼ ☼☼ ☼ ☼ ☼ ☼ ☼

[nah]

-snip-

ah yes, this is exactly it, thank you!!

[vampz]

Hello!
I'm making myself a new signature, and I've got everything planned out for coding; problem is, I'm not so sure how to make it so that the images of Miku line up like so:



I've got every image re-sized and ready to go (they'll probably be replaced by gifs once the game releases), and I know how to center the fontmeme quotes, but when I try using the left and right commands, the images don't seem to want to agree with each other.

If I use the left command for the first two images that go with each other, and it seemed to work- until I got the third one which, while staying to the right like I coded it, was a little pushed down and didn't line up with the first one. Is there any way to fix this?

My apologies if I cannot provide a code box, everything is stored on my other computer. I may be able to add one later.

EDIT: A code will be added tomorrow.

[Goostarion]

Hello!
I'm making myself a new signature, and I've got everything planned out for coding; problem is, I'm not so sure how to make it so that the images of Miku line up like so:



I've got every image re-sized and ready to go (they'll probably be replaced by gifs once the game releases), and I know how to center the fontmeme quotes, but when I try using the left and right commands, the images don't seem to want to agree with each other.

If I use the left command for the first two images that go with each other, and it seemed to work- until I got the third one which, while staying to the right like I coded it, was a little pushed down and didn't line up with the first one. Is there any way to fix this?

My apologies if I cannot provide a code box, everything is stored on my other computer. I may be able to add one later.

Need the coding before we can help you. There are so many reasons why this might happen.

[Lady_Novianti]

Ok I need bit of help. Im making myself this layout.... but I need to get text boxes in between the pictures. The text bozes also need to be vertical. Can anyone help? I have been trying for a while to no avail... maybe someone else?
Thanks!

Code: Select all

[center][color=#2a10c3]T[/color][color=#2914c3]o[/color] [color=#281dc2]b[/color][color=#2721c2]e[/color] [color=#262ac1]o[/color][color=#252ec1]r[/color] [color=#2436c0]n[/color][color=#233bc0]o[/color][color=#233fbf]t[/color] [color=#2144c0]t[/color][color=#2044c0]o[/color] [color=#1f46c2]b[/color][color=#1e46c2]e[/color][color=#1d47c3],[/color] [color=#1b48c4]t[/color][color=#1b49c5]h[/color][color=#1a4ac6]a[/color][color=#194ac6]t[/color] [color=#1b52c9]i[/color][color=#1d58cb]s[/color] [color=#2266ce]t[/color][color=#256cd0]h[/color][color=#2873d2]e[/color] [color=#2d80d6]q[/color][color=#2f87d8]u[/color][color=#328ed9]e[/color][color=#3494db]s[/color][color=#379bdd]t[/color][color=#359cde]i[/color][color=#329ddf]o[/color][color=#309fe0]n[/color][color=#2da0e1].[/color][color=#2ba1e2].[/color][color=#28a2e2].[/color] [color=#23a4e4]m[/color][color=#21a6e5]a[/color][color=#1ea7e6]y[/color][color=#1ca8e7]b[/color][color=#21aae6]e[/color][color=#25ace5],[/color] [color=#2fb0e4]I[/color] [color=#38b3e2]t[/color][color=#3db5e1]h[/color][color=#41b7e0]i[/color][color=#46b9df]n[/color][color=#4bbbdf]k[/color][color=#4fbdde],[/color] [color=#50c0df]I[/color][color=#4cc1e1]'[/color][color=#48c2e2]m[/color] [color=#40c5e6]n[/color][color=#3cc6e8]o[/color][color=#37c7e9]t[/color] [color=#2fc9ed]s[/color][color=#2bcbef]u[/color][color=#27ccf0]r[/color][color=#23cdf2]e[/color]
༺༒༻[/center]
[center][img]http://cutmypic.com/uploads/title732353822.png[/img]     [img]http://cutmypic.com/uploads/title843194035.png[/img]     [img]http://cutmypic.com/uploads/title986838261.png[/img]     [img]http://cutmypic.com/uploads/title69853147.png[/img]     [img]http://cutmypic.com/uploads/title645035012.png[/img]     [img]http://cutmypic.com/uploads/title41648476.png[/img]     [img]http://cutmypic.com/uploads/title376018218.png[/img][/center]

[vampz]

EDIT: I changed the fonts from what I originally wanted, 'cause I couldn't find them.
Okay, so I've gotten the code this time- I fixed the "lining up" issue, but now, there's too much space between the quotes. The signature looks dandy and all, and I've tried reducing the fontmeme sizes, but it still remains with the same quantity of space. This makes it so that the last two lines of wording on the bottom do not show much (you only see a bit of the top). Is there any way to fix this?
Code:



Code: Select all

[center][img]http://fontmeme.com/embed.php?text=this%20is%20it,%20this%20is%20it,%20this%20is%20it..!..&name=danielbd.ttf&size=20&style_color=0808D6[/img]
[img]http://fontmeme.com/embed.php?text=WHADDYA%20MEAN&name=markeraregular.ttf&size=30&style_color=2A2ABD[/img]
[color=#BF0000]▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒[/color][/center]
[left][img]http://i.imgur.com/NNCPIob.png?1[/img]
[img]http://i.imgur.com/LfXKUIe.png?1[/img][/left] [right][img]http://i.imgur.com/jJXvy3s.png?1[/img]
[img]http://i.imgur.com/ugZ6oEE.png?1[/img][/right]
[center][left][color=#800000]░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░[/color][/left] [right][color=#800000]░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░[/color][/right][size=80]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 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

links links links links
links links links links[/size][/center]
[center][img]http://fontmeme.com/embed.php?text=with&name=Arista2.0.ttf&size=18&style_color=0000C4[/img]
[img]http://fontmeme.com/embed.php?text=%22precious%3F%22&name=Arista2.0%20light.ttf&size=30&style_color=BD0A0A[/img][/center]



Thank you for any help!

[gods]

Ok I need bit of help. Im making myself this layout.... but I need to get text boxes in between the pictures. The text bozes also need to be vertical. Can anyone help? I have been trying for a while to no avail... maybe someone else?
Thanks!

-snip-

for yours, you needed to put each image into a separate [left ] container. unfortunately that uncenters it, so i added some transparent x to faux center it (when you add your text in, you can change the number to center it properly). for the text boxes, i didnt know if you wanted them between every image, or what style you wanted, so i put some "text here" examples between a couple. you can insert those between any of the images though.



Code: Select all

[center][color=#2a10c3]T[/color][color=#2914c3]o[/color] [color=#281dc2]b[/color][color=#2721c2]e[/color] [color=#262ac1]o[/color][color=#252ec1]r[/color] [color=#2436c0]n[/color][color=#233bc0]o[/color][color=#233fbf]t[/color] [color=#2144c0]t[/color][color=#2044c0]o[/color] [color=#1f46c2]b[/color][color=#1e46c2]e[/color][color=#1d47c3],[/color] [color=#1b48c4]t[/color][color=#1b49c5]h[/color][color=#1a4ac6]a[/color][color=#194ac6]t[/color] [color=#1b52c9]i[/color][color=#1d58cb]s[/color] [color=#2266ce]t[/color][color=#256cd0]h[/color][color=#2873d2]e[/color] [color=#2d80d6]q[/color][color=#2f87d8]u[/color][color=#328ed9]e[/color][color=#3494db]s[/color][color=#379bdd]t[/color][color=#359cde]i[/color][color=#329ddf]o[/color][color=#309fe0]n[/color][color=#2da0e1].[/color][color=#2ba1e2].[/color][color=#28a2e2].[/color] [color=#23a4e4]m[/color][color=#21a6e5]a[/color][color=#1ea7e6]y[/color][color=#1ca8e7]b[/color][color=#21aae6]e[/color][color=#25ace5],[/color] [color=#2fb0e4]I[/color] [color=#38b3e2]t[/color][color=#3db5e1]h[/color][color=#41b7e0]i[/color][color=#46b9df]n[/color][color=#4bbbdf]k[/color][color=#4fbdde],[/color] [color=#50c0df]I[/color][color=#4cc1e1]'[/color][color=#48c2e2]m[/color] [color=#40c5e6]n[/color][color=#3cc6e8]o[/color][color=#37c7e9]t[/color] [color=#2fc9ed]s[/color][color=#2bcbef]u[/color][color=#27ccf0]r[/color][color=#23cdf2]e[/color]
༺༒༻[/center]
[left][color=transparent]xxxxxxxx.xx[/color][/left][left][img]http://cutmypic.com/uploads/title732353822.png[/img][/left]     [left][img]http://cutmypic.com/uploads/title843194035.png[/img][/left]  [left]t
e
x
t

h
e
r
e[/left]   [left][img]http://cutmypic.com/uploads/title986838261.png[/img][/left]     [left][img]http://cutmypic.com/uploads/title69853147.png[/img][/left]    [left][img]http://cutmypic.com/uploads/title645035012.png[/img][/left]  [left]t
e
x
t

h
e
r
e[/left]   [left][img]http://cutmypic.com/uploads/title41648476.png[/img][/left]     [left][img]http://cutmypic.com/uploads/title376018218.png[/img][/left]

EDIT: I changed the fonts from what I originally wanted, 'cause I couldn't find them.
Okay, so I've gotten the code this time- I fixed the "lining up" issue, but now, there's too much space between the quotes. The signature looks dandy and all, and I've tried reducing the fontmeme sizes, but it still remains with the same quantity of space. This makes it so that the last two lines of wording on the bottom do not show much (you only see a bit of the top). Is there any way to fix this?

-snip-

your issue is the text images had too much extra transparent space, which pushed them apart, so i cropped all of them.



Code: Select all

[center][img]http://puu.sh/nDWr7/afd25f2903.png[/img]
[img]http://puu.sh/nDWrM/816546b141.png[/img]
[color=#BF0000]▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒[/color][/center]
[left][img]http://i.imgur.com/NNCPIob.png?1[/img]
[img]http://i.imgur.com/LfXKUIe.png?1[/img][/left] [right][img]http://i.imgur.com/jJXvy3s.png?1[/img]
[img]http://i.imgur.com/ugZ6oEE.png?1[/img][/right][center][left][color=#800000]░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░[/color][/left] [right][color=#800000]░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░[/color][/right][size=80]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 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

links links links links
links links links links[/size][/center]
[center][img]http://puu.sh/nDWw5/ba73f31f19.png[/img]
[img]http://puu.sh/nDWwV/16f8e2f6ce.png[/img][/center]

[➻ʙʀᴏᴏᴋᴇ]

Mark!