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

[Nequam]

I am simply marking this thread. I would like to thank you, Zeydaan, for making such an amazing thread. This is a real life saver.

[ghostmaker]

i am currently coding a character form, and i can't seem to get the words next to the picture. could someone help me?

Code: Select all

[left][img]http://i.imgur.com/Z73sZ5L.png[/img][/left][left][color=silver][size=200][b]░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░[/b][/size][/color]
[img]http://i.imgur.com/5Ul0OLI.jpg[/img][size=85][list][b]⧼ [/b][color=#aacedc][b]name[/b][/color][b] ⧽[/b] clear water
[b]⧼ [/b][color=#aacedc][b]nickname[/b][/color][b] ⧽[/b] cle, clear
[b]⧼ [/b][color=#aacedc][b]past name[/b][/color][b] ⧽[/b] silver moon[/list][/size]
[color=silver][size=200][b]░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░[/b][/size][/color][/left]

[Dedaccount]

Marking cx this thread really helped me with my current signature <3

[geno]

i am currently coding a character form, and i can't seem to get the words next to the picture. could someone help me?

-snip-

you would have to align the picture to the left, and then use another left tag to put the text next to it. you had everything in one left tag -- you would need to do it separately for each column. there was no need to align the top and bottom border to the left. i'm assuming you want something like this? [below]

░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░

⧼ name ⧽ clear water
⧼ nickname ⧽ cle, clear
⧼ past name ⧽ silver moon

░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░

Code: Select all

[left][img]http://i.imgur.com/Z73sZ5L.png[/img][/left][color=silver][size=200][b]░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░[/b][/size][/color]
[left][img]http://i.imgur.com/5Ul0OLI.jpg[/img][/left]
[left][size=85][list][b]⧼ [/b][color=#aacedc][b]name[/b][/color][b] ⧽[/b] clear water
[b]⧼ [/b][color=#aacedc][b]nickname[/b][/color][b] ⧽[/b] cle, clear
[b]⧼ [/b][color=#aacedc][b]past name[/b][/color][b] ⧽[/b] silver moon[/list][/size][/left]
[color=silver][size=200][b]░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░[/b][/size][/color]

[ghostmaker]

i am currently coding a character form, and i can't seem to get the words next to the picture. could someone help me?

-snip-

you would have to align the picture to the left, and then use another left tag to put the text next to it. you had everything in one left tag -- you would need to do it separately for each column. there was no need to align the top and bottom border to the left. i'm assuming you want something like this? [below]

░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░

⧼ name ⧽ clear water
⧼ nickname ⧽ cle, clear
⧼ past name ⧽ silver moon

░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░

Code: Select all

[left][img]http://i.imgur.com/Z73sZ5L.png[/img][/left][color=silver][size=200][b]░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░[/b][/size][/color]
[left][img]http://i.imgur.com/5Ul0OLI.jpg[/img][/left]
[left][size=85][list][b]⧼ [/b][color=#aacedc][b]name[/b][/color][b] ⧽[/b] clear water
[b]⧼ [/b][color=#aacedc][b]nickname[/b][/color][b] ⧽[/b] cle, clear
[b]⧼ [/b][color=#aacedc][b]past name[/b][/color][b] ⧽[/b] silver moon[/list][/size][/left]
[color=silver][size=200][b]░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░[/b][/size][/color]

aah, i understand.

thanks so much! this was exactly what i was looking for.

[thank]

Code: Select all

[left][img]http://i.imgur.com/mzyE0Xx.giff[/img]
[color=#f5a498][size=90]⋯⋯ ⋯ ⋯⋯⋯ ⋯⋯⋯ ⋯ ⋯⋯ ⋯ ⋯⋯⋯⋯ ⋯ ⋯⋯⋯ ⋯⋯ ⋯⋯⋯⋯[/size]
[size=150]┌─────────────────────┐[/size]
[right][size=150]│
│
│
│
│
│
│
│
│
│
│
│
│
│[/size][/right][right][img]http://i.imgur.com/D1yAvVM.gif[/img][/color]
[color=#f5a498][img]http://i.imgur.com/784BR20.jpg[/img][/right][size=150]│
│
│
│
│
│
│
│
│
│
│
│
│
│[/size]
[size=150]└─────────────────────┘[/size][/left][/color][left][size=150][color=#f5a498]┏[/color][/size][color=transparent]xxxxxxxxxxx[/color]
[img]http://i.imgur.com/mfgfalX.png[/img]
[color=transparent]xxxxxxxxxxxxxxxxxxx[/color][size=150][color=#f5a498]┚[/size][/color]
[color=#f5a498][size=90]⋯⋯⋯⋯ ⋯ ⋯⋯⋯ ⋯⋯ ⋯⋯⋯[/size][/color]
[size=80][color=#e8b920]
marigoldpaw is a tiny, fluffy go
den yellow she-cat with small
white paws and a big heart. sh
e struggles with anxiety proble
ms and is constantly stressed o
r worried, but manages to get
through alright. she's also very
timid and usually cannot make
her mind about anything.[/size][/color]
[color=#f5a498][size=90]⋯⋯⋯⋯ ⋯ ⋯⋯⋯ ⋯⋯ ⋯⋯⋯[/size][/color]
[img]http://i.imgur.com/nJYkRW1.giff[/img][/left][left][color=#e8b920]────────────────────[/color]
[color=#f5a498]ｏｆ ｗｈａｔ ｃｏｕｌｄ ｇｏ[/color]
[color=#e8b920]────────────────────[/color]
[size=80][color=#e6948a]
marigoldpaw was born a rogue, until sh
e stumbled into the clan as a kit just  
ter her parents were killed by foxes. sh
e was taken in and raised by the cats o
f streamclan, not truly knowing who he
r parents were. she then met mottlepaw
 who became her best friend in the clan.
[center][b]coding credit:[/b][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=102&t=3076700]phan[/url][/center][/color][/size][color=#e8b920]────────────────────[/color]
[center][b][color=#f5a498]ＷＲＯＮＧ![/color][/b][/center][color=#e8b920]────────────────────[/color]
[color=transparent]xxxxxxeeeeeeeeeeeeeeeeex[/color][size=150][color=#e8b920]┓[/color][/size]
[color=transparent]eeeex[/color][img]http://i.imgur.com/hZ6IuxF.png[/img]
[size=150][color=#e8b920]┖[/color][/size][color=transparent]xxxxxxxxxxx[/color]
[color=#e6948a]ａｎｄ ｆｏｃｕｓ ｏｎ ｗｈａｔ[/color][/left][left][size=150][color=#e8b920]ｃ
ｏ
ｕ
ｌ
ｄ




ｇ
ｏ



[b]ｒ
ｉ
ｇ
ｈ
ｔ[/color][/b][/size][/left]

xxx
xxx
xxx
xxx
xxx
xxx
xxx
could someone please help me? i got this coded for me
and the photo and name (marigoldpaw) just won't fit in
the box. does anyone know how to fix this?

[gods]

could someone please help me? i got this coded for me
and the photo and name (marigoldpaw) just won't fit in
the box. does anyone know how to fix this?

this is one of those things where the symbols (in this case the dots under stop being) show up different on different browsers/computers. for the coder, it probably looked fine. i deleted some of the dots so it fits for me, but you may have to adjust it for yourself. (the dots were making the column too wide, so the box broke)



Code: Select all

[left][img]http://i.imgur.com/mzyE0Xx.giff[/img]
[color=#f5a498][size=90]⋯⋯ ⋯ ⋯⋯⋯ ⋯⋯⋯ ⋯ ⋯⋯ ⋯ ⋯⋯⋯⋯ ⋯ ⋯⋯⋯ ⋯⋯[/size]
[size=150]┌─────────────────────┐[/size]
[right][size=150]│
│
│
│
│
│
│
│
│
│
│
│
│
│[/size][/right][right][img]http://i.imgur.com/D1yAvVM.gif[/img][/color]
[color=#f5a498][img]http://i.imgur.com/784BR20.jpg[/img][/right][size=150]│
│
│
│
│
│
│
│
│
│
│
│
│
│[/size]
[size=150]└─────────────────────┘[/size][/left][/color][left][size=150][color=#f5a498]┏[/color][/size][color=transparent]xxxxxxxxxxx[/color]
[img]http://i.imgur.com/mfgfalX.png[/img]
[color=transparent]xxxxxxxxxxxxxxxxxxx[/color][size=150][color=#f5a498]┚[/size][/color]
[color=#f5a498][size=90]⋯⋯⋯⋯ ⋯ ⋯⋯⋯ ⋯⋯ ⋯⋯⋯[/size][/color]
[size=80][color=#e8b920]
marigoldpaw is a tiny, fluffy go
den yellow she-cat with small
white paws and a big heart. sh
e struggles with anxiety proble
ms and is constantly stressed o
r worried, but manages to get
through alright. she's also very
timid and usually cannot make
her mind about anything.[/size][/color]
[color=#f5a498][size=90]⋯⋯⋯⋯ ⋯ ⋯⋯⋯ ⋯⋯ ⋯⋯⋯[/size][/color]
[img]http://i.imgur.com/nJYkRW1.giff[/img][/left][left][color=#e8b920]────────────────────[/color]
[color=#f5a498]ｏｆ ｗｈａｔ ｃｏｕｌｄ ｇｏ[/color]
[color=#e8b920]────────────────────[/color]
[size=80][color=#e6948a]
marigoldpaw was born a rogue, until sh
e stumbled into the clan as a kit just  
ter her parents were killed by foxes. sh
e was taken in and raised by the cats o
f streamclan, not truly knowing who he
r parents were. she then met mottlepaw
 who became her best friend in the clan.
[center][b]coding credit:[/b][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=102&t=3076700]phan[/url][/center][/color][/size][color=#e8b920]────────────────────[/color]
[center][b][color=#f5a498]ＷＲＯＮＧ![/color][/b][/center][color=#e8b920]────────────────────[/color]
[color=transparent]xxxxxxeeeeeeeeeeeeeeeeex[/color][size=150][color=#e8b920]┓[/color][/size]
[color=transparent]eeeex[/color][img]http://i.imgur.com/hZ6IuxF.png[/img]
[size=150][color=#e8b920]┖[/color][/size][color=transparent]xxxxxxxxxxx[/color]
[color=#e6948a]ａｎｄ ｆｏｃｕｓ ｏｎ ｗｈａｔ[/color][/left][left][size=150][color=#e8b920]ｃ
ｏ
ｕ
ｌ
ｄ




ｇ
ｏ



[b]ｒ
ｉ
ｇ
ｈ
ｔ[/color][/b][/size][/left]

[thank]

could someone please help me? i got this coded for me
and the photo and name (marigoldpaw) just won't fit in
the box. does anyone know how to fix this?

this is one of those things where the symbols (in this case the dots under stop being) show up different on different browsers/computers. for the coder, it probably looked fine. i deleted some of the dots so it fits for me, but you may have to adjust it for yourself. (the dots were making the column too wide, so the box broke)

thanks so much c:

[Svtisfied]

marking <3 thank you for the help <3

[χaphan]

..... hello again.... again ;w; (I'm so sorry for asking for help all the time....)
I need a little bit of help with this... I want there to be a small place for text next to the gif/pictures/title but for some reason I just can't make it do it. It keeps on pushing things over or down ^^'

Code: Select all

[left][img]https://media.giphy.com/media/3owypahsxw2FmHJK24/giphy.gif[/img][/left][img]https://media.giphy.com/media/3owypjZOiPXoBIoJLa/giphy.gif[/img]
[b][size=200]▪ ＴＨＥ ▪ ＤＡＲＫＮＥＳＳ ▪ ＲＩＳＥＳ ▪[/size][/b]
[left][img]https://media.giphy.com/media/3owyoY5S1HPZvvP7YA/giphy.gif[/img][/left][img]https://media.giphy.com/media/3owyp7ZPEgXETFY9Hy/giphy.gif[/img]

Thank you beforehand!