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

[skies]

Hi everyone! It's been awhile since I came back here last, but I'm glad to see you all again!
I'm having a bit of trouble because the right border is smaller than the right border, but there's nothing wrong with it. I don't know why it's like this, but if someone could help me, that'd be great! c:
Here's the code!:

Code: Select all

[left][size=145][color=#80BFFF]█
░
░
░
░
░
█[/color][/size][/left][left][img]http://i.imgur.com/dmAFrjJ.gif[/img][/left][size=85][left][color=#80BFFF]≺ Shay - Female - ENFJ - Lawful Good ≻[/color]
[color=#BFBFBF]text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t[/color]
[color=transparent]xx[/color][color=#80BFFF]≺ Do. Or do not. There is no try. ≻[/color][/size][/left][left][color=#80BFFF][size=145]█
░
░
░
░
░
░
█[/size][/color][/left]

It looks like this right now, and I don't know if it's just me that thinks the border is too small. Oh well.
(And sorry for the horrible cropping, I was in a rush! :3)

[Zetirian]

i need help. i've made this signature for
a friend of mine, but it's a bit wonky. can anyone
help me? thanks so much!!

Code: Select all

[left][img]http://i.imgur.com/scjO53u.gif[/img]
[color=#B3446C]┄┄[/color] [size=110][color=#CF71AF]ｄｏ ｙｏｕ[/color][/size] [color=#B3446C]┄┄┄┄┄[/color]
[img]http://i.imgur.com/GKhc591.gif[/img][/left][color=transparent]xx[/color][left][size=150][color=#905D5D]▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
[/color][/size][/left][left][img]http://i.imgur.com/lohBhkU.png[/img][/left]
[left][img]http://i.imgur.com/566K3i5.gif[/img][/left]
[left][color=#F4C2C2]────────────[/color] [color=#8B636C]i'm[/color] [color=#F4C2C2]──────────────────────────────[/color][/left]
[left][color=#DE6FA1]╔[/color][color=transparent]xxxxxxxxxxxxxxxxxxxxxx[/color][color=#DE6FA1]╗[/color]
[color=transparent]xj[/color][size=85][color=#E79EA9]meowmeowmeowmeowmeow[/color][/size]
[color=transparent]xj[/color][size=85][color=#E79EA9]meowmeowmeowmeowmeow[/color][/size]
[color=transparent]xj[/color][size=85][color=#E79EA9]meowmeowmeowmeowmeow[/color][/size]
[color=#DE6FA1]╚[/color][color=transparent]xxxxxxxxxxxxxxxxxxxxxx[/color][color=#DE6FA1]╝[/color][/left][left][img]http://i.imgur.com/huGiQFk.gif[/img][/left][left][url=https://www.youtube.com/watch?v=Tw4J4u2Rxm0][color=#FFC1CC]xx[/color][/url] - [url=https://www.youtube.com/watch?v=ejXSiMa9M4c][color=#FFC1CC]xx[/color][/url] - [url=https://www.youtube.com/watch?v=_woNBiIyOKI][color=#FFC1CC]xx[/color][/url] - [url=https://www.youtube.com/watch?v=AdsYpi_1Zc4][color=#FFC1CC]xx[/color][/url]

[url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=666439][color=#B76E79]forgive // credit[/color][/url]

[color=#FFC1CC]link or something[/color][/left]
[left][img]http://i.imgur.com/jPfBOq1.png[/img][/left]
[left][color=#F4C2C2]─────[/color] [color=#8B636C][size=90]she asked him one day,[/size] [/color][color=#F4C2C2]────────────────────────[/color][/left]

You put left commands around everything. You only do this for the columns. For image representation:

The red highlighted parts are where you put one left command around the entire code. In your signature you only need to use three minimum, no more.
The pink highlighted parts are where you put right commands around that specific part of the code. This is seen in the tutorial here

With that said, here is your code:


Code: Select all

[left][img]http://i.imgur.com/scjO53u.gif[/img]
[color=#B3446C]┄┄[/color] [size=110][color=#CF71AF]ｄｏ ｙｏｕ[/color][/size] [color=#B3446C]┄┄┄┄┄[/color]
[img]http://i.imgur.com/GKhc591.gif[/img][/left][color=transparent]xx[/color][left][size=150][color=#905D5D]▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
[/color][/size][/left][left][img]http://i.imgur.com/lohBhkU.png[/img]
[img]http://i.imgur.com/566K3i5.gif[/img]
[color=#F4C2C2]────────────[/color] [color=#8B636C]i'm[/color] [color=#F4C2C2]──────────────────────────────[/color]
[right][color=#DE6FA1]╔[/color][color=transparent]xxxxxxxxxxxxxxxxxxxxxx[/color][color=#DE6FA1]╗[/color]
[color=transparent]xj[/color][size=85][color=#E79EA9]meowmeowmeowmeowmeow[/color][/size]
[color=transparent]xj[/color][size=85][color=#E79EA9]meowmeowmeowmeowmeow[/color][/size]
[color=transparent]xj[/color][size=85][color=#E79EA9]meowmeowmeowmeowmeow[/color][/size]
[color=#DE6FA1]╚[/color][color=transparent]xxxxxxxxxxxxxxxxxxxxxx[/color][color=#DE6FA1]╝[/color][/right][right][img]http://i.imgur.com/huGiQFk.gif[/img][/right][right][url=https://www.youtube.com/watch?v=Tw4J4u2Rxm0][color=#FFC1CC]xx[/color][/url] - [url=https://www.youtube.com/watch?v=ejXSiMa9M4c][color=#FFC1CC]xx[/color][/url] - [url=https://www.youtube.com/watch?v=_woNBiIyOKI][color=#FFC1CC]xx[/color][/url] - [url=https://www.youtube.com/watch?v=AdsYpi_1Zc4][color=#FFC1CC]xx[/color][/url]

[url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=666439][color=#B76E79]forgive // credit[/color][/url]

[color=#FFC1CC]link or something[/color][/right]
[img]http://i.imgur.com/jPfBOq1.png[/img]
[color=#F4C2C2]─────[/color] [color=#8B636C][size=90]she asked him one day,[/size] [/color][color=#F4C2C2]────────────────────────[/color][/left]

┄┄ ｄｏ ｙｏｕ ┄┄┄┄┄

xx

▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓
▓

──────────── i'm ──────────────────────────────

╔xxxxxxxxxxxxxxxxxxxxxx╗
xjmeowmeowmeowmeowmeow
xjmeowmeowmeowmeowmeow
xjmeowmeowmeowmeowmeow
╚xxxxxxxxxxxxxxxxxxxxxx╝

xx - xx - xx - xx

forgive // credit

link or something

───── she asked him one day, ────────────────────────

Hi everyone! It's been awhile since I came back here last, but I'm glad to see you all again!
I'm having a bit of trouble because the right border is smaller than the right border, but there's nothing wrong with it. I don't know why it's like this, but if someone could help me, that'd be great! c:
Here's the code!:

Code: Select all

[left][size=145][color=#80BFFF]█
░
░
░
░
░
█[/color][/size][/left][left][img]http://i.imgur.com/dmAFrjJ.gif[/img][/left][size=85][left][color=#80BFFF]≺ Shay - Female - ENFJ - Lawful Good ≻[/color]
[color=#BFBFBF]text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t[/color]
[color=transparent]xx[/color][color=#80BFFF]≺ Do. Or do not. There is no try. ≻[/color][/size][/left][left][color=#80BFFF][size=145]█
░
░
░
░
░
░
█[/size][/color][/left]

It looks like this right now, and I don't know if it's just me that thinks the border is too small. Oh well.
(And sorry for the horrible cropping, I was in a rush! :3)

The boarder is smaller on one side than it is on the other. I fixed this for you, however by fixing this, it meant you didn't have much space in the center. What happens is the close size of the center is then passed onto the end part because of how you coded the tracking of the font *Space between one line of font to the next line below or above it* to be very thin, and therefore the smaller size continues onto the end bar, in this case the right boarder. I do not think there is a way to have both working, or if there is I do not know how to fix it at this moment in time.


Code: Select all

[left][size=145][color=#80BFFF]█
░
░
░
░
░
█[/color][/size][/left][left][img]http://i.imgur.com/dmAFrjJ.gif[/img][/left][left][size=85][color=#80BFFF]≺ Shay - Female - ENFJ - Lawful Good ≻[/color]
[color=#BFBFBF]text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t[/color]
[color=transparent]xx[/color][color=#80BFFF]≺ Do. Or do not. There is no try. ≻[/color][/size][/left][left][color=#80BFFF][size=145]█
░
░
░
░
░
█[/size][/color][/left]

█
░
░
░
░
░
█

≺ Shay - Female - ENFJ - Lawful Good ≻
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
text text text text text text text text t
xx≺ Do. Or do not. There is no try. ≻

█
░
░
░
░
░
█

[skies]

@ZeyDaan;
Thanks! It really helped me a lot! c:
If you figure it out one day, make sure you tell me! XD

[flake.]

Code: Select all

[size=200]╔══════════════════════════════════════╗[/size]

[right][size=200] | ▓▓
 | ▓▓
 | ▓▓
 | ▓▓
 | ▓▓
 | ▓▓
 | ▓▓
[/size][/right][left][img]http://samples.myfonts.net/e_91/u/11/1b76e09e7282502645d765fc4a203a.gif[/img][/left][left][img]http://samples.myfonts.net/e_92/u/0e/031370dabda2d49ce3f6b7ca793303.gif[/img][/left][left][img]http://im.ezgif.com/tmp/ezgif-57433359.gif[/img][/left]

[size=200]╚══════════════════════════════════════╝[/size]

Hey guys. I just need some quick help. I've tried everything and
I cannot fix this ^>^ So, anyways, my signature is acting weird. When I make
it in the profile section and preview it, it looks exactly how I want to, but right
now it's going... Boom.
Okay, so what I want is the sea star under the font (Nautically.) And then, right
after that, the shark GIF on the same line of text. And then for the dark, vertical
line on the right to be a side of the box.
Sorry, I must be confusing readers. Anyways, can somebody help me with
this issue? Thanks! <3

[Suhø]

Code: Select all

[center][left][size=130][color=#000080]Δℓℓ Ѧαɢιc Ɔσмɛƨ Ɯιтн Δ Ƥяιcɛ.[/color][/size]

    [size=95][color=#800000]Name's [b]Goldstiltskin[/b], a combination
 of Mr. Gold and Rumplestiltskin. Both come from
 my favorite television show, [i]Once Upon A Time[/i].[/color]

    [color=#5E5A80]◆[/color] [color=#000000]Link[/color] [color=#5E5A80]◆[/color] [color=#000000][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=40&t=3002366]Auction[/url][/color] [color=#5E5A80]◆[/color] [color=#000000]Link[/color] [color=#5E5A80]◆[/color][/size]



    [size=130][color=#000080]Ƭιмɛ Ƭσ Ƥαʏ Ʋρ, Ɖɛαяιɛ.[/color][/size]
    [size=50][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=102&t=2952964#p95242995][color=transparent]Credit[/color][/url][/left][/size][left][img]http://i67.tinypic.com/oi87dx.jpg[/img][/left][/center]

Can anyone help me center my sig?

[ghost queen.]

@goldstiltskin - this should be centered enough for you. since you had already used the centering format, you have to use the [list ][/ list] format on all of the text, thus moving it over until it's centered. c:


Code: Select all

[list][list][list][list][list][list][center][left][size=130][color=#000080]Δℓℓ Ѧαɢιc Ɔσмɛƨ Ɯιтн Δ Ƥяιcɛ.[/color][/size]

    [size=95][color=#800000]Name's [b]Goldstiltskin[/b], a combination
 of Mr. Gold and Rumplestiltskin. Both come from
 my favorite television show, [i]Once Upon A Time[/i].[/color]

    [color=#5E5A80]◆[/color] [color=#000000]Link[/color] [color=#5E5A80]◆[/color] [color=#000000][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=40&t=3002366]Auction[/url][/color] [color=#5E5A80]◆[/color] [color=#000000]Link[/color] [color=#5E5A80]◆[/color][/size]



    [size=130][color=#000080]Ƭιмɛ Ƭσ Ƥαʏ Ʋρ, Ɖɛαяιɛ.[/color][/size]
    [size=50][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=102&t=2952964#p95242995][color=transparent]Credit[/color][/url][/left][/size][left][img]http://i67.tinypic.com/oi87dx.jpg[/img][/left][/center][/list][/list][/list][/list][/list][/list]



@nautically. - it seems like your image links have expired, so what you need to do, after you've done everything to the image and are ready to use it, upload it to an image hosting site. personally i use imgur, and i copy my photo then paste it in the "upload images" bar under the "enter image urls" section, unless you have saved it to your computer. if you'd like more help, my inbox is open. ^^

[synastry]

So I'e had the same siggy for a while now, and I want to make myself a new one. Any theme suggestions? Topics I'm interested in are pretty wide, so I need help narrowing these down: Warriors, SAO (Sword Art Online), Nature, cats, animals in general, Greek mythology, and plants. It'd really help me if I could get a specific theme from some of these topics c: Please PM me any suggestions so the thread doesn't get spammed

[Zetirian]

So I'e had the same siggy for a while now, and I want to make myself a new one. Any theme suggestions? Topics I'm interested in are pretty wide, so I need help narrowing these down: Warriors, SAO (Sword Art Online), Nature, cats, animals in general, Greek mythology, and plants. It'd really help me if I could get a specific theme from some of these topics c: Please PM me any suggestions so the thread doesn't get spammed

Please ask here next time.
This thread is for tutorials, helping with coding and sharing intelligence about BBC coding as a whole.
If you wish to ask for opinions of your design ethnic, please go to the link next time.

[Crowley_KingOfHell]

Hiya. Could someone please tell me what the code is for a gif please? Ive trie having Img and Url and them seperate I even tried this one
[url=URL path to external link][img]http://Path%20to%20image[/*img][/url] (I put the * in so it doesnt mess it up)
The external link is: http://giphy.com/gifs/adam-lambert-awes ... wIQ1xHVKtW
The path to the image is this: http://gph.is/1XWKEZ4
There is something about a HTML5 link which is: http://giphy.com/gifs/14jRwIQ1xHVKtW/html5

*EDIT: I have tried putting the correct links in the correct areas but it just shows up with the word image and the image icon
How would I do this?

Thanks in advance

Thankyou

[qeu9nveq7vn]

Hiya. Could someone please tell me what the code is for a gif please? Ive trie having Img and Url and them seperate I even tried this one
[url=URL path to external link][img]http://Path%20to%20image[/*img][/url] (I put the * in so it doesnt mess it up)
The external link is: http://giphy.com/gifs/adam-lambert-awes ... wIQ1xHVKtW
The path to the image is this: http://gph.is/1XWKEZ4
There is something about a HTML5 link which is: http://giphy.com/gifs/14jRwIQ1xHVKtW/html5

*EDIT: I have tried putting the correct links in the correct areas but it just shows up with the word image and the image icon
How would I do this?

Thanks in advance

It needs to have a file extension on the end - so .png, .jpg or in your case, .gif. You can find the .gif on giphy under advanced and download (just copy the link.)
This is the link to the image: http://i.giphy.com/14jRwIQ1xHVKtW.gif