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

[leda.]

╔═══════════════════════╗
Left, right, straight ahead
There's no way out, you're dead.
╚═══════════════════════╝


How you turned my world

You precious thing.

You starve and near exhaust me.

Everything I've done, I've done for you.

I move the stars for no one.

╔═══════════════════════╗
Left, right, straight ahead
You're in the Labyrinth!
ll ll
╚═══════════════════════╝

Code: Select all

[right][img]http://49.media.tumblr.com/2f1f661c7b5c0734e6a85d4c864e5805/tumblr_n7q4m6zYGP1qhetcdo4_250.gif[/img]
[img]http://33.media.tumblr.com/f4f460f1e7bdd42e3393be92fc6b50e7/tumblr_n7q4eec2nS1qhetcdo4_250.gif[/img][/right][right][size=90][b]
[center]╔═══════════════════════╗
[i]Left, right, straight ahead
There's no way out, you're dead.[/i]
╚═══════════════════════╝


How you turned my world

You precious thing.

You starve and near exhaust me.

Everything I've done, I've done for you.

I move the stars for no one.

╔═══════════════════════╗
[i]Left, right, straight ahead
You're in the Labyrinth!
[url=https://www.youtube.com/watch?v=gPVrFIP0CMs][img]http://55.media.tumblr.com/tumblr_m7vz7a0tnZ1r6o8v2.gif[/img][/url] ll [url=https://www.youtube.com/watch?v=bcCb9MLShss][img]http://55.media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif[/img][/url] ll [url=https://www.youtube.com/watch?v=VppuD1St8Ec][img]http://55.media.tumblr.com/tumblr_m7vz7a0tnZ1r6o8v2.gif[/img][/url][/i]
╚═══════════════════════╝[/b][/size][/center][/right][right][img]https://49.media.tumblr.com/4dd3e14050678867ef6721285c4b4932/tumblr_mkthkdIQ491qhb8f5o7_r1_250.gif[/img]
[img]https://media.giphy.com/media/JxbaxC7fGj10k/giphy.gif[/img][/right]

@goblin king,is this what you're talking about about the italic portions?

[Suhø]

Yes it is. Thank you.

[Rose.King]

*whispers* can someone help me think of a different design for my sig u.u

Code: Select all

[left][img]http://orig00.deviantart.net/fed3/f/2016/022/5/9/red1_by_kirai_doku-d9oymrx.png[/img][img]http://orig03.deviantart.net/1f9c/f/2016/022/6/1/oie_rounded_corners_by_kirai_doku-d9oxs8h.gif[/img][/left][right][img]http://orig07.deviantart.net/f19c/f/2016/022/f/b/oie_rounded_corners__1__by_kirai_doku-d9oxsqv.gif[/img][img]http://orig08.deviantart.net/86fe/f/2016/022/a/a/red2_by_kirai_doku-d9oymrq.png[/img][/right]
[size=120][b]We're not[/b][/size][center]◤[color=transparent]Lesbian|A-sexual|Taken[/color]◥
 Lesbian|A-sexual|Taken
◣[color=transparent]Lesbian|A-sexual|Taken[/color]◢[/center]
[right][b][color=#ff0000]（[/color][color=#dc143c]Ｄ[/color][color=#b40a1e]ｅ[/color][color=#8b0000]ｍ[/color][color=#8b0000]ｏ[/color][color=#b40a1e]ｎ[/color][color=#dc143c]ｓ[/color][color=#ff0000]）[/color]
[/b][/right]


[center][size=120][b]or [color=#ff0000]Ｇ[/color][color=#dc143c]ｏ[/color][color=#8b0000]ｄ[/color][color=#8b0000]ｓ[/color]
[/b][/size][/center]
[center]◤[color=transparent]xxxxxxxxxxx[/color]◥
Anime Lover
◣[color=transparent]xxxxxxxxxxx[/color]◢[/center]
[left][b]Ｗｅ＇ｒｅ Ｊｕｓｔ [size=150][color=#2f6fc2]Ｈ[/color][color=#2c9e83]ｕ[/color][color=#28cd43]ｍ[/color][color=#25fc04]ａ[/color][color=#50a24d]ｎ[/color][color=#7a4795]ｓ[/color]
[/size][/b][/left]

[Goostarion]

*whispers* can someone help me think of a different design for my sig u.u

Code: Select all

[left][img]http://orig00.deviantart.net/fed3/f/2016/022/5/9/red1_by_kirai_doku-d9oymrx.png[/img][img]http://orig03.deviantart.net/1f9c/f/2016/022/6/1/oie_rounded_corners_by_kirai_doku-d9oxs8h.gif[/img][/left][right][img]http://orig07.deviantart.net/f19c/f/2016/022/f/b/oie_rounded_corners__1__by_kirai_doku-d9oxsqv.gif[/img][img]http://orig08.deviantart.net/86fe/f/2016/022/a/a/red2_by_kirai_doku-d9oymrq.png[/img][/right]
[size=120][b]We're not[/b][/size][center]◤[color=transparent]Lesbian|A-sexual|Taken[/color]◥
 Lesbian|A-sexual|Taken
◣[color=transparent]Lesbian|A-sexual|Taken[/color]◢[/center]
[right][b][color=#ff0000]（[/color][color=#dc143c]Ｄ[/color][color=#b40a1e]ｅ[/color][color=#8b0000]ｍ[/color][color=#8b0000]ｏ[/color][color=#b40a1e]ｎ[/color][color=#dc143c]ｓ[/color][color=#ff0000]）[/color]
[/b][/right]


[center][size=120][b]or [color=#ff0000]Ｇ[/color][color=#dc143c]ｏ[/color][color=#8b0000]ｄ[/color][color=#8b0000]ｓ[/color]
[/b][/size][/center]
[center]◤[color=transparent]xxxxxxxxxxx[/color]◥
Anime Lover
◣[color=transparent]xxxxxxxxxxx[/color]◢[/center]
[left][b]Ｗｅ＇ｒｅ Ｊｕｓｔ [size=150][color=#2f6fc2]Ｈ[/color][color=#2c9e83]ｕ[/color][color=#28cd43]ｍ[/color][color=#25fc04]ａ[/color][color=#50a24d]ｎ[/color][color=#7a4795]ｓ[/color]
[/size][/b][/left]

This thread is to help code and fix signatures, not really fitted to give out design layouts. If you are looking for advice to add things to your signature or otherwise, consider joining / posting in the Signature Fanclub instead.

[Rose.King]

*whispers* can someone help me think of a different design for my sig u.u

Code: Select all

[left][img]http://orig00.deviantart.net/fed3/f/2016/022/5/9/red1_by_kirai_doku-d9oymrx.png[/img][img]http://orig03.deviantart.net/1f9c/f/2016/022/6/1/oie_rounded_corners_by_kirai_doku-d9oxs8h.gif[/img][/left][right][img]http://orig07.deviantart.net/f19c/f/2016/022/f/b/oie_rounded_corners__1__by_kirai_doku-d9oxsqv.gif[/img][img]http://orig08.deviantart.net/86fe/f/2016/022/a/a/red2_by_kirai_doku-d9oymrq.png[/img][/right]
[size=120][b]We're not[/b][/size][center]◤[color=transparent]Lesbian|A-sexual|Taken[/color]◥
 Lesbian|A-sexual|Taken
◣[color=transparent]Lesbian|A-sexual|Taken[/color]◢[/center]
[right][b][color=#ff0000]（[/color][color=#dc143c]Ｄ[/color][color=#b40a1e]ｅ[/color][color=#8b0000]ｍ[/color][color=#8b0000]ｏ[/color][color=#b40a1e]ｎ[/color][color=#dc143c]ｓ[/color][color=#ff0000]）[/color]
[/b][/right]


[center][size=120][b]or [color=#ff0000]Ｇ[/color][color=#dc143c]ｏ[/color][color=#8b0000]ｄ[/color][color=#8b0000]ｓ[/color]
[/b][/size][/center]
[center]◤[color=transparent]xxxxxxxxxxx[/color]◥
Anime Lover
◣[color=transparent]xxxxxxxxxxx[/color]◢[/center]
[left][b]Ｗｅ＇ｒｅ Ｊｕｓｔ [size=150][color=#2f6fc2]Ｈ[/color][color=#2c9e83]ｕ[/color][color=#28cd43]ｍ[/color][color=#25fc04]ａ[/color][color=#50a24d]ｎ[/color][color=#7a4795]ｓ[/color]
[/size][/b][/left]

This thread is to help code and fix signatures, not really fitted to give out design layouts. If you are looking for advice to add things to your signature or otherwise, consider joining / posting in the Signature Fanclub instead.

oh woops sorry ^^'

[dori.]

bleep bloop

can someone please take a screenshot of my signature so i can see if it's okay on other systems?
using chrome on a 13.3 inch macbook air

[Goostarion]

bleep bloop

can someone please take a screenshot of my signature so i can see if it's okay on other systems?
using chrome on a 13.3 inch macbook air

No spam, please.
[*] Do not double post.
[*] Only mark the thread once.
[*] Do not ask for screen shots here.
[*] Do not ask for signature ratings here.
[*] If you are not giving or asking for coding/signature help, please do not post here.

Please read the front page before making a post to ensure that all updated rules are read and known to you. If you want a screenshot, consider the Signature Fanclub, Signature Respect or Signature criticism thread.

[paw;]

x
Okay, can I ask for some help here, loves?

This is for my new coding shop. You can see all the other codes here if that helps.
This is an example of how it should be laid out.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
x
i. Remember site rules
ii. Be patient, coding takes time. Please don't rush me, I have a life too.
iii. If you have a drawn image, make sure it's yours, or you have permission to use it.
iv. Don't claim that you made any of my coding.
v. If there is one on your coding, don't remove the 'coding' link.
vi. Send your payment before/after you post your form. I won't start your code without
it, and won't accept it until you receive your coding.

x
xxxxxxxxxxxxxx ａ ｃｏｄｉｎｇ ｓｈｏｐ

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

╓───────────╖

╙───────────╜
╓───────────╖

╙───────────╜
╓───────────╖

╙───────────╜
╓───────────╖

╙───────────╜

But for some reason this one isn't doing it. It was at first but then I started adding
all the text in between the two gifs and it got messed up. The text is how I want
it but the stuff on the right isn't. I've been messing with it forever and honestly I'm
getting frustrated. I'm taking a break from it, but decided it defiantly wouldn't
hurt to ask for help while I calmed down haha.

Here it is, all messed up:

x

skinny signature; 1 rare or 2 WL common/uncommon
thick signature; 2 rare or 4 WL common/uncommon
char. form; 1 VR, 3 rare, or 6 WL common/uncommon

x
xxxxxxxxxxxxxx ａ ｃｏｄｉｎｇ ｓｈｏｐ

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

╓───────────╖

╙───────────╜
╓───────────╖

╙───────────╜
╓───────────╖

╙───────────╜
╓───────────╖

╙───────────╜

Code: Select all

[img]http://i.imgur.com/BLXMnU1.gif[/img]
[left][color=transparent]x[/color]
[img]http://flont.veer.com/flontpng.aspx?text=(%20payment%20)&size=20&maxWidth=540&fontId=30562&lineheight=29&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img][/left][left][size=85][b][i]skinny signature;[/i][/b] 1 rare or 2 WL common/uncommon
[i][b]thick signature;[/b][/i] 2 rare or 4 WL common/uncommon
[b][i]char. form;[/i][/b] 1 VR, 3 rare, or 6 WL common/uncommon [/size][/left]
[img]http://i.imgur.com/GaDsNd1.gif[/img][right][img]http://i.imgur.com/gC9B0bi.png[/img] [color=transparent]x [/color][img]http://flont.veer.com/flontpng.aspx?text=OCEAN%20WAVES&size=20&maxWidth=540&fontId=24294&lineheight=90&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]
[color=transparent]xxxxxxxxxxxxxx[/color] ａ  ｃｏｄｉｎｇ  ｓｈｏｐ[/right][left][size=150]░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░[/size][/left][center]╓───────────╖
[img]http://flont.veer.com/flontpng.aspx?text=introduction&size=13&maxWidth=540&fontId=30562&lineheight=29&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]
╙───────────╜
╓───────────╖
[img]http://flont.veer.com/flontpng.aspx?text=examples&size=13&maxWidth=540&fontId=30562&lineheight=29&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]
╙───────────╜
╓───────────╖
[img]http://flont.veer.com/flontpng.aspx?text=payment&size=13&maxWidth=540&fontId=30562&lineheight=29&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]
╙───────────╜
╓───────────╖
[img]http://flont.veer.com/flontpng.aspx?text=forms&size=13&maxWidth=540&fontId=30562&lineheight=29&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]
╙───────────╜[/center]

Thanks so much in advance to anyone who decides to look into it.

[sibylline,]

xxxxxx

skinny signature; 1 rare or 2 WL common/uncommon
thick signature; 2 rare or 4 WL common/uncommon
char. form; 1 VR, 3 rare, or 6 WL common/uncommon

x
xxxxxxxxxxxxxx ａ ｃｏｄｉｎｇ ｓｈｏｐ

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

╓───────────╖

╙───────────╜
╓───────────╖

╙───────────╜
╓───────────╖

╙───────────╜
╓───────────╖

╙───────────╜

x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x


Okay, so you had the stuff on the left in a bunch of left brackets. The stuff on the right aligns with the last left bracket, so it was aligning with the bottom image instead of the top. I changed some stuff so that everything on the left is in its own left bracket, so that the stuff on the right aligns properly. Sorry, but Payment had to be pushed up or the prices were pushed down.
Edit- Theres a bunch of right brackets in the left bracket, that is because you can't put left brackets in left brackets.
Edit 2- You also had the table of contents in it's own center bracket with no left bracket, so I threw it in a left bracket.

Code: Select all

[left][img]http://i.imgur.com/BLXMnU1.gif[/img]
[right][color=transparent]xxxxxx[/color][/right][right][size=85][b][i]skinny signature;[/i][/b] 1 rare or 2 WL common/uncommon
[i][b]thick signature;[/b][/i] 2 rare or 4 WL common/uncommon
[b][i]char. form;[/i][/b] 1 VR, 3 rare, or 6 WL common/uncommon [/size][/right][right][img]http://flont.veer.com/flontpng.aspx?text=(%20payment%20)&size=20&maxWidth=540&fontId=30562&lineheight=29&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img][/right]
[img]http://i.imgur.com/GaDsNd1.gif[/img][/left][left][img]http://i.imgur.com/gC9B0bi.png[/img] [color=transparent]x [/color][img]http://flont.veer.com/flontpng.aspx?text=OCEAN%20WAVES&size=20&maxWidth=540&fontId=24294&lineheight=90&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]
[color=transparent]xxxxxxxxxxxxxx[/color] ａ  ｃｏｄｉｎｇ  ｓｈｏｐ[/left][left][size=150]░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░
░░░░░░░░░[/size][/left][left][center]╓───────────╖
[img]http://flont.veer.com/flontpng.aspx?text=introduction&size=13&maxWidth=540&fontId=30562&lineheight=29&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]
╙───────────╜
╓───────────╖
[img]http://flont.veer.com/flontpng.aspx?text=examples&size=13&maxWidth=540&fontId=30562&lineheight=29&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]
╙───────────╜
╓───────────╖
[img]http://flont.veer.com/flontpng.aspx?text=payment&size=13&maxWidth=540&fontId=30562&lineheight=29&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]
╙───────────╜
╓───────────╖
[img]http://flont.veer.com/flontpng.aspx?text=forms&size=13&maxWidth=540&fontId=30562&lineheight=29&backcolor=01FFFFFF&color=FF000000&wrap=false&tracking=0[/img]
╙───────────╜[/center][/left]

[misted]

I need help as soon as possible please!

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

Code: Select all

[img]http://i.imgur.com/HpfovR7.gif[/img][left][img]http://i.imgur.com/3Ef9im7.jpg[/img][/left]
[left][img]http://i.imgur.com/xDvq7zB.gif[/img][/left]  [left]░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░[/left]


I need ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ to be at the top but I can't do it ;v; help?