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

[mew,]

So I was doing some really simple coding...
I suck at it. I just don't take the time to learn it all because I - for one - can't remember any of it and also I just don't have the time
enough of my excuses I need a bit of help figuring out why this thing is happening.
I wanted two straight rows, but the first one wasn't straight... I figured out why this happened a lot time ago, but I forgot. again, I can't remember any of this stuff one I learn it
Anyway, I just need help figuring out why...


Code: Select all

[size=85][list]
[left][img]https://image.prntscr.com/image/2dde45cfb2f944eb9984bf064f354d01.jpg[/img]
reserved - my demon side[/left]
[left][img]https://image.prntscr.com/image/b15600d9227a4b0c94bad1d3014db490.jpg[/img]
reserved - X_AnimeTrash_X[/left]
[left][img]https://image.prntscr.com/image/a18d42f75d15461d89e8e4514636ba40.jpg[/img]
reserved - flightless birds[/left]
[left][img]https://image.prntscr.com/image/8aa2ec7d338d4750b808722211211e16.jpg[/img]
reserved - growl.lingo[/left]
[left][img]https://image.prntscr.com/image/79efac825ca74f8db6527941d923d124.jpg[/img]
reserved - *MissSayuri*[/left]
[left][img]https://image.prntscr.com/image/9a5e18c9c174486facb3bad70513d229.jpg[/img]
open[/left]
[left][img]https://image.prntscr.com/image/7afc714558894e9a90c128067b17ea72.jpg[/img]
reserved - vaarsuvius.[/left]
[left][img]https://image.prntscr.com/image/8091a5a6dbfa4ab9ac94d55bed2f7bb9.jpg[/img]
reserved - Viverrinus[/left]
[left][img]https://image.prntscr.com/image/96c8978ea93747bdb290b3cf440dcbcc.jpg[/img]
open[/left]
[left][img]https://image.prntscr.com/image/f172cf5fbf174fad8ae8c06c8edc6f2b.jpg[/img]
open[/left]
[left][img]https://image.prntscr.com/image/ec354bb8d4334de2a8711703bfe9f990.jpg[/img]
reserved - nailbunny[/left]
[left][img]https://image.prntscr.com/image/6a68a04561ca483c8e6837ae742e38e0.jpg[/img]
open[/left]
[/list][/size]

[Keir;]

@Viverrinus
I believe this is what you wanted them to look like?
You hit enter after each image, which made it bump down a line each time. When using left, right and center commands, you do not need to put a line between them, but rather just leave them all together one after the other.

Code: Select all

[size=85][list]
[left][img]https://image.prntscr.com/image/2dde45cfb2f944eb9984bf064f354d01.jpg[/img]
reserved - my demon side[/left][left][img]https://image.prntscr.com/image/b15600d9227a4b0c94bad1d3014db490.jpg[/img]
reserved - X_AnimeTrash_X[/left][left][img]https://image.prntscr.com/image/a18d42f75d15461d89e8e4514636ba40.jpg[/img]
reserved - flightless birds[/left][left][img]https://image.prntscr.com/image/8aa2ec7d338d4750b808722211211e16.jpg[/img]
reserved - growl.lingo[/left][left][img]https://image.prntscr.com/image/79efac825ca74f8db6527941d923d124.jpg[/img]
reserved - *MissSayuri*[/left][left][img]https://image.prntscr.com/image/9a5e18c9c174486facb3bad70513d229.jpg[/img]
open[/left]
[left][img]https://image.prntscr.com/image/7afc714558894e9a90c128067b17ea72.jpg[/img]
reserved - vaarsuvius.[/left][left][img]https://image.prntscr.com/image/8091a5a6dbfa4ab9ac94d55bed2f7bb9.jpg[/img]
reserved - Viverrinus[/left][left][img]https://image.prntscr.com/image/96c8978ea93747bdb290b3cf440dcbcc.jpg[/img]
open[/left][left][img]https://image.prntscr.com/image/f172cf5fbf174fad8ae8c06c8edc6f2b.jpg[/img]
open[/left][left][img]https://image.prntscr.com/image/ec354bb8d4334de2a8711703bfe9f990.jpg[/img]
reserved - nailbunny[/left][left][img]https://image.prntscr.com/image/6a68a04561ca483c8e6837ae742e38e0.jpg[/img]
open[/left]
[/list][/size]

[royalty.]

i'm trying to get the horns picture in the small little space above angel next to the text box. help? [ i also have both horns pictures separately if it would help ]

Code: Select all

[left][img]http://fontmeme.com/permalink/170508/c2ebc153b5506238e7a684e5e2526d69.png[/img][/left]


[left][color=#670000][size=200]██│
██│
██│
██│
██│[/size][/color][/left][left]┏ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ┓
[right]┃
┃
┃
┃
┃
┃
┃[/right][right][size=80][center]hey put your words here man okay k
hey put your words here man okay k
hey put your words here man okay k
hey put your words here man okay k
hey put your words here man okay k
hey put your words here man okay k
hey put your words here man okay k
hey put your words here man okay k
hey put your words here man okay k
hey put your words here man okay k[/center][/size][/right]┃
┃
┃
┃
┃
┃
┃
┗ ━ ━ ━ ━ ━ ━ ━  ━ ━ ━ ━ ┛[/left] [img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjIxOC43NzE4MTguUkEsLC4wAAAAAAA,/crimson.roman.png[/img][left][color=#670000][size=200]│██
│██
│██
│██
│██[/size][/color][/left][img]https://lh3.googleusercontent.com/-lgMoNmUJNZI/V3YqyTAcVPI/AAAAAAAAH7Q/VMUKXTFxcg89HrBHIFSIjJtwVP_3_k2gw/w800-h800/tumblr_mo1jitCYKE1rs9gsro2_250.gif[/img]
[left]┏ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ┓
[right]┃
┃
┃[/right][right][size=80][center]hey put your words here man okay k just keep it thin and noice so it fits gosh this is long xx
hey put your words here man okay k just keep it thin and noice so it fits gosh this is long xx
hey put your words here man okay k just keep it thin and noice so it fits gosh this is long xx
hey put your words here man okay k just keep it thin and noice so it fits gosh this is long xx[/center][/size][/right]┃
┃
┃
┗ ━ ━ ━ ━ ━ ━  ━ [size=143]（ [color=#808080]ＷＡＳ ＯＮＣＥ[/color] ）[/size] ━ ━ ━ ━ ━ ━ ━ ━ ┛[/left][right][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjExNi43NzE4MTguUlZaSlRBLCwuMAAAAAAAAAAAAAAAAAAA/crimson.roman.png[/img][/right]
[right]─────────────────────────
[size=80]hey put some words here but not much mkay x
hey put some words here but not much mkay x
hey put some words here but not much mkay x
hey put some words here but not much mkay x
hey put some words here but not much mkay x
hey put some words here but not much mkay x
hey put some words here but not much mkay x
hey put some words here but not much mkay x
hey put some words here but not much mkay x
hey put some words here but not much mkay x
hey put some words here but not much mkay x
hey put some words here but not much mkay x[/size]
─────────────────────────[/right][right][size=200]░░
░░
░░
░░
░░
░░
░░
░░[/size][/right]
[left]┏━━━━━━━━━━━━━━━━━━━━━━━┓
[right]┃
┃
┃
┃
┃
┃
┃[/right][right][size=80][center]hey put your words here man okay k alright gotcha man yay
hey put your words here man okay k alright gotcha man yay
hey put your words here man okay k alright gotcha man yay
hey put your words here man okay k alright gotcha man yay
hey put your words here man okay k alright gotcha man yay
hey put your words here man okay k alright gotcha man yay
hey put your words here man okay k alright gotcha man yay
hey put your words here man okay k alright gotcha man yay
hey put your words here man okay k alright gotcha man yay
hey put your words here man okay k alright gotcha man yay[/center][/size][/right]┃
┃
┃
┃
┃
┃
┃
┗━━━━━━━━━━━━━━━━━━━━━━━┛[/left]
[img]http://i.imgur.com/BZdjIa9.png?1[/img]
[img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjk2Ljc1N2Q5Zi5RVTRnUVU1SFJVdywuMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA,/crimson.roman.png[/img]

[Keir;]

@royalty.
The horns image is too wide. It works in preview because the preview box is wider than the actual post. Since the post in smaller and has less space, there is not enough room so it gets bumped down. You will need to make the image of the horns shorter in width for it to fit.

[Osteo]

Does any one know how to do a box? Either with a continuous line, or just the corners? (Kind of like when people only have the little L shape in the corners and nothing else).

[wittebane]

@fornax here's the section dedicated to borders! feel free to post again if you need help using them, someone will definitely help you out!

[Osteo]

@nailbunny
Thanks!
-----

Any advice on how to fix this sig? The left image is skewed and I would like the text and text box to be closer so there aren't any awkward gaps (kind of like how the last line of the quote is just hanging out at the bottom). Also, the corners seem to be off.

Code: Select all

[left][img]http://i.imgur.com/unzixkH.gif[/img][/left]
[right][img]http://i.imgur.com/DLNkYTl.gif[/img][/right]
[center][img]http://i.imgur.com/efvER6R.png[/img]
[img]http://i.imgur.com/giXsQo6.png[/img][/center]

╭[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]╮[size=85]
 [center]Just a girl living in the USA, but dreams of seeing the world.
I love to RP and I'm always open to trades.

[url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=102&t=2943236&p=94831810#p94831734]BBC[/url] {-} [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=80&t=3456278]DIƧΛVӨЩΣD[/url]
[/size]╰[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]╯[/center]



[center][img]http://i.imgur.com/QAkjEKh.png[/img][/center]


[Keir;]

@Fornax here you go~ I believe this is how you wanted it?
You entered down between each left, right and center command, which you don't need to do, they can all go right next to each other without a line break, if you put a line break, it will push it down a line. I also cleaned up your center commands, you had way too many (3, I believe?) when you only needed one. Instead of placing one around each item (image, box, image) you can place them all in one command c: And the reason the text box boarders were a bit messed up was because you had the bottom boarder inside the center commands, but the top one was not - I just put them both inside of the center column~



Code: Select all

[left][img]http://i.imgur.com/unzixkH.gif[/img][/left][right][img]http://i.imgur.com/DLNkYTl.gif[/img][/right][center][img]http://i.imgur.com/efvER6R.png[/img]
[img]http://i.imgur.com/giXsQo6.png[/img]
╭[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]╮[size=85]
Just a girl living in the USA, but dreams of seeing the world.
I love to RP and I'm always open to trades.

[url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=102&t=2943236&p=94831810#p94831734]BBC[/url] {-} [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=80&t=3456278]DIƧΛVӨЩΣD[/url]
[/size]╰[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]╯
[img]http://i.imgur.com/QAkjEKh.png[/img][/center]

[Osteo]

@Nicky Midnight

Thank you so much!

[Catten]

Code: Select all

[left][img]http://i.imgur.com/EuROAFm.jpg?1[/img][/left][left][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjI0LjZiNmI2Yi5RMnhoY0NCNWIzVnlJR2hoYm1SeklHRWdiR2wwZEd4bC4w/shine-personal-use.regular.png[/img]
[img]http://i.imgur.com/O47e5C9.jpg[/img]
[img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjI0LmZiNzlmMC5TU2RNVENCUVZVeE1JRmxQVlZJZ1IxVkJVa1FnUkU5WFRnLCwuMAAA/didact-gothic.regular.png[/img]
[img]http://i.imgur.com/GUJINFM.jpg[/img]
[img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjY2LmI1ZjFmNy5SVWxVU0VWU0lGZEJXUSwsLjAA/ferrum.extra-condensed.png[/img][/left][img]http://i.imgur.com/BggtgID.jpg[/img][right][img]http://i.imgur.com/E0N2P2s.jpg[/img][/right]

This is the code for my signature. I'd like the text to go between the right and the pink strips but I can't figure it out. Help please