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

[Tsukỉ]

@Ｄｏｃｔｏｒ．



Code: Select all

[left][img]https://i.imgur.com/5brdRWC.gif[/img]
[right][size=180][color=#003865]－ｅ＇ｒｅ[/color][/size]
[size=200][color=#003865]ａ[/color][color=transparent].x[/color][color=#003865]ｌ[/color][color=transparent]x[/color][color=#003865]ｌ [/color][/size]
[size=145][color=#003865]ｓｔｏｒｉｅｓ[/color][/size][/right][img]https://i.imgur.com/8spdkkj.png[/img][/left][left][img]https://i.imgur.com/9rpc57E.png[/img]
[size=110][color=#003865]░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░[/color][/size][/left][left][img]https://i.imgur.com/LPv5n9D.gif[/img]
[size=200][color=transparent]xxxx[/color][color=#003865]－ ｔｈｅ ｅｎｄ －[/color][/size]
[img]https://i.imgur.com/saRW4DU.gif[/img]
[url=https://fontmeme.com/fonts/abhaya-libre-font/][img]https://fontmeme.com/permalink/171216/5a53951a40eab9010f951f1567ba015e.png[/img][/url]
[color=#003865][size=120]●[/size][size=200]ａ ｇｏｏｄ ｏｎｅ， ｅｈ？[/size][size=120]●[/size][/color][/left][left][size=110]░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░
░░░░[/size][/left][img]https://i.imgur.com/ND6Mtq8.png[/img]
[size=85][color=transparent].[/color]text, text, text, text
[color=transparent].[/color]text, text, text, text
[color=transparent].[/color]text, text, text, text
[color=transparent].[/color]text, text, text, text
[color=transparent].[/color]text, text, text, text[/size]
[img]https://i.imgur.com/I2fPGJs.png[/img]

[saint]

@caesou
perfect, thank you!

i have no idea what's happened
to the words at the right? it's
all wonky. i think it's the center tags,
but when i remove them, it goes
even worse ;; need help again rip



Code: Select all

[size=195][left][color=#1F1F1F]●[/color]
[color=#897466]●[/color]
[color=#1F1F1F]●[/color]
[color=#897466]●[/color]
[color=#1F1F1F]●[/color]
[color=#897466]●[/color]
[color=#1F1F1F]●[/color]
[color=#897466]●[/color]
[color=#1F1F1F]●[/color]
[color=#897466]●[/color]
[color=#1F1F1F]●[/color]
[color=#897466]●[/color]
[color=#1F1F1F]●[/color][/left][/size][left][img]https://i.imgur.com/l92WaPg.gif[/img][center]────────────────────────────
[size=85]words words words words words words words xx
words words words words words words words xx
words words words words words words words xx
words words words words words words words xx
words words words words words words words xx
words words words words words words words xx[/size]
────────────────────────────
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
░░░░░░░░░░░░░░░░░░░░░░░░░░░░
────────────────────────────
[size=100]● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ●[/size][/center][/left][left][img]http://txt-dynamic.cdn.1001fonts.net/txt/b3RmLjgwLjIyMjIyMC5WRUZMUlEsLC4x/nimbus-roman-no9-l.regular.png[/img]
────────────── [color=#897466][i][b]ＥＶＥＲＹ[/b][/i][/color] [size=85]))[/size]
┏[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]┓
[size=85][color=transparent]xx[/color]words words words words words xxxx
[color=transparent]xx[/color]words words words words words xxxx
[color=transparent]xx[/color]words words words words words xxxx[/size]
┖[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]┚
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
[color=#897466][i][b]ＣＨＡＮＣＥ[/b][/i][/color] [size=85]))[/size] ───────────
[img]http://txt-dynamic.cdn.1001fonts.net/txt/b3RmLjgwLjIyMjIyMC5SRkpQVUEsLC4xAAA,/nimbus-roman-no9-l.regular.png[/img]
[strike][size=175]░░░░░░░░░░░░░[/size][/strike]
▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪
[img]http://txt-dynamic.cdn.1001fonts.net/txt/b3RmLjY2LjIyMjIyMC5SVlpGVWxrLC4xAAAA/nimbus-roman-no9-l.regular.png[/img]
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/left][left][size=120][color=#897466]┌[/color][/size][color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxx[/color][size=120][color=#897466]┐[/color][/size][size=85][center][color=#1F1F1F]words words words words words
words words words words words
words words words words words
words words words words words[/color][/center][/size][size=120][color=#897466]└[/color][/size][color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxx[/color][size=120][color=#897466]┘[/color][/size][/left][img]https://i.imgur.com/j0qVuix.png[/img]
[size=120][color=#897466]┌[/color][/size][color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxx[/color][size=120][color=#897466]┐[/color][/size][size=85][center][color=#1F1F1F]words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words[/color][/center][/size][size=120][color=#897466]└[/color][/size][color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxx[/color][size=120][color=#897466]┘[/color][/size]

[yinsum]

@malfoys hngh the code was a bit messy but i think i got it...! basically you wanna have each column inside a /left tag. the last /left was only around the first word box on the right so that's why the first one worked and the second didn't. also, remember to hit enter for each line!



Code: Select all

[size=195][left][color=#1F1F1F]●[/color]
[color=#897466]●[/color]
[color=#1F1F1F]●[/color]
[color=#897466]●[/color]
[color=#1F1F1F]●[/color]
[color=#897466]●[/color]
[color=#1F1F1F]●[/color]
[color=#897466]●[/color]
[color=#1F1F1F]●[/color]
[color=#897466]●[/color]
[color=#1F1F1F]●[/color]
[color=#897466]●[/color]
[color=#1F1F1F]●[/color][/left][/size][left][img]https://i.imgur.com/l92WaPg.gif[/img][center]────────────────────────────
[size=85]words words words words words words words xx
words words words words words words words xx
words words words words words words words xx
words words words words words words words xx
words words words words words words words xx
words words words words words words words xx[/size]
────────────────────────────
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
░░░░░░░░░░░░░░░░░░░░░░░░░░░░
────────────────────────────
[size=100]● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ●[/size][/center][/left][left][img]http://txt-dynamic.cdn.1001fonts.net/txt/b3RmLjgwLjIyMjIyMC5WRUZMUlEsLC4x/nimbus-roman-no9-l.regular.png[/img]
────────────── [color=#897466][i][b]ＥＶＥＲＹ[/b][/i][/color] [size=85]))[/size]
┏[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]┓
[size=85][color=transparent]xx[/color]words words words words words xxxx
[color=transparent]xx[/color]words words words words words xxxx
[color=transparent]xx[/color]words words words words words xxxx[/size]
┖[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]┚
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
[color=#897466][i][b]ＣＨＡＮＣＥ[/b][/i][/color] [size=85]))[/size] ───────────
[img]http://txt-dynamic.cdn.1001fonts.net/txt/b3RmLjgwLjIyMjIyMC5SRkpQVUEsLC4xAAA,/nimbus-roman-no9-l.regular.png[/img]
[strike][size=175]░░░░░░░░░░░░░[/size][/strike]
▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪
[img]http://txt-dynamic.cdn.1001fonts.net/txt/b3RmLjY2LjIyMjIyMC5SVlpGVWxrLC4xAAAA/nimbus-roman-no9-l.regular.png[/img]
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/left][left][size=120][color=#897466]┌[/color][/size][color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxx[/color][size=120][color=#897466]┐[/color][/size][size=85][center][color=#1F1F1F]words words words words words
words words words words words
words words words words words
words words words words words[/color][/center][/size][size=120][color=#897466]└[/color][/size][color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxx[/color][size=120][color=#897466]┘[/color][/size]
[img]https://i.imgur.com/j0qVuix.png[/img]
[size=120][color=#897466]┌[/color][/size][color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxx[/color][size=120][color=#897466]┐[/color][/size]
[center][size=85][color=#1F1F1F]words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words
words words words words words[/color][/size][/center][size=120][color=#897466]└[/color][/size][color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxx[/color][size=120][color=#897466]┘[/color][/size][/left]


hopefully it works aaa

[saint]

@sekiuchi
aaa thank you so much,
it looks great :>

[anonymous.aa]

I need help! It looked okay in the preview but ended up a flop when I finished it
(I also want to make the font permanent but I dunno how ;^;)

Code: Select all

[color=transparent]xxxxxxxxxxxxxxxxxxx[/color][img]https://fontmeme.com/temporary/8509ac7462e876e1974dd2b8ada99b11.png[/img]
[img]https://im2.ezgif.com/tmp/ezgif-2-50801623cc.jpg[/img][left][size=200][color=#ffd4d4] ▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄[/color][/size][/left][left][size=200][color=#ffdede]▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄
▄[/color][/size][/left][right][size=85][color=#ffd4d4]▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂ [/color]
[b]name.[/b] pebblefur [b]gender.[/b] molly [b]age.[/b] 37 months
[b]sex.[/b] straight [b] scent.[/b] rose [b]crush.[/b] none [b]mate.[/b] none
[color=#ffd4d4]▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂ [/color]
[b]personality.[/b] text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
[color=#ffd4d4]▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂ [/color]
[b]history.[/b]text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
text text text text text text text text text text text
[color=#ffd4d4]▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂ [/color]
[b]appearance.[/b] Pebblefur has a sleek and a normal
body build. Her fur is very soft ,but with short fur,
and has brown and black mixed with a bit of whi
te. She has a saturated pink nose and ears with ol
ive green eyes.
[/size][/right]

[rocoboq]

@CyanSakura
Hello! Unfortunately, I cannot help you with your code right now as I am at school and pictures load weird here, but I hope I can answer some of your questions! Your post looked different from preview mode to live mode because the dimensions are actually a little different. I run into that problem a lot, so what I like to do is post and edit every once in a while to see my progress and modify as I need to. As for your image text, the only way to make that (or any image/gif) permanent is to upload them to an image hosting site. My personal favorite is imgur.com, but there are others listed near the top of this post.
I hope I was able to help a bit! If nobody has posted by the time I get home tonight, I would be more than happy to help you on the coding side of things.

[anonymous.aa]

@CyanSakura
Hello! Unfortunately, I cannot help you with your code right now as I am at school and pictures load weird here, but I hope I can answer some of your questions! Your post looked different from preview mode to live mode because the dimensions are actually a little different. I run into that problem a lot, so what I like to do is post and edit every once in a while to see my progress and modify as I need to. As for your image text, the only way to make that (or any image/gif) permanent is to upload them to an image hosting site. My personal favorite is imgur.com, but there are others listed near the top of this post.
I hope I was able to help a bit! If nobody has posted by the time I get home tonight, I would be more than happy to help you on the coding side of things.

Thank you so much parabatai! I appreciate your help a lot! Also, you can take your time as you probably have homework after coming back from school and all.

[Monomares]

cOUGHS
Hey! I, um-

I need help getting this;


Code: Select all

[left][img]https://media.giphy.com/media/6iiDGc8aDGqMo/giphy.gif[/img]
[size=200]↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠[/size]
↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠[/left][left][size=150]█ ↡ █
    █ ↡ █
    █ ↡ █
    █ ↡ █
    █ ↡ █[/size]
[size=200]I❂N[/size]
[img]https://i.imgur.com/BByCNri.gif[/img][/left]



under this;


Code: Select all

[left]┏[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]┓
[color=transparent]xx[/color]textexttextexttextexttexexttextextext
[color=transparent]xx[/color]textexttextexttextexttexexttextextext
[color=transparent]xx[/color]textexttextexttextexttexexttextextext
┖[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]┚[/left][left][img]https://i.imgur.com/UlmOwRl.png[/img][/left][left]



Thing is, in the preview it looks the way I want it to;


But, in my signature, it looks like this;


Here's the full code;


Code: Select all

[left]┏[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]┓
[color=transparent]xx[/color]textexttextexttextexttexexttextextext
[color=transparent]xx[/color]textexttextexttextexttexexttextextext
[color=transparent]xx[/color]textexttextexttextexttexexttextextext
┖[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]┚[/left][left][img]https://i.imgur.com/UlmOwRl.png[/img][/left][left][img]https://media.giphy.com/media/6iiDGc8aDGqMo/giphy.gif[/img]
[size=200]↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠[/size]
↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠[/left][left][size=150]█ ↡ █
    █ ↡ █
    █ ↡ █
    █ ↡ █
    █ ↡ █[/size]
[size=200]I❂N[/size]
[img]https://i.imgur.com/BByCNri.gif[/img][/left]



Explanations are requested, but not necessary, thank you! <3

[yinsum]

@belief hey, i'm pretty sure this is what you want?



Code: Select all

[left][right][img]https://i.imgur.com/UlmOwRl.png[/img][/right][right]┏[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]┓
[color=transparent]xx[/color]textexttextexttextexttexexttextextext
[color=transparent]xx[/color]textexttextexttextexttexexttextextext
[color=transparent]xx[/color]textexttextexttextexttexexttextextext
[color=transparent]xx[/color]textexttextexttextexttexexttextextext
┖[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]┚[/right]
[right][size=150]█ ↡ █
█ ↡ █
█ ↡ █
█ ↡ █
█ ↡ █[/size]
[size=200]I❂N[/size]
[img]https://i.imgur.com/BByCNri.gif[/img][/right][right][img]https://media.giphy.com/media/6iiDGc8aDGqMo/giphy.gif[/img]
[size=200]↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠[/size]
↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠↠[/right][/left]



i'm gonna introduce you to right columns, they simultaneously save your life while ruining it at the same time. you had all the parts in /left brackets when it could be all in a single column, a /left plus several /right's. right columns, ergh, you can nestle them into left columns and yay, a single column. i'm not sure why it came out that way exactly in the preview but this is probably the way you should start doing it

yeah

[Monomares]

@sekiuchi ahh I always avoided right columns unless it was an emergency, but now I figure I'll be using them more often, thanks so much!