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

[Zaiphon]

Thank you @undying !

I tried the "hug left" method but it mixes up the columns.
In the original coding it is : far right image, then far left image, then left text+left image, then right image+right text, then center image.
But if I hug at every comma, the result is literally far right image, then far left image, then left text+left image, then right image+right text, then center image. ^^'

[geno]

Thank you @undying !

I tried the "hug left" method but it mixes up the columns.
In the original coding it is : far right image, then far left image, then left text+left image, then right image+right text, then center image.
But if I hug at every comma, the result is literally far right image, then far left image, then left text+left image, then right image+right text, then center image. ^^'



i used the hug left method and rearranged the code so everything looks as if it is in the right order.
i hope this helps! ^^



Code: Select all

[left][img]http://img15.hostingpics.net/pics/773925ubfb1ftot135qozscroppedyl1ya.jpg[/img][/left][left][size=200]╭[/size][color=transparent]xxxxxxxxxxxxxxxxxxxxxx[/color][size=200]╮[/size]
        [color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]
        [color=transparent]xxxxx[/color][i]“I'll have no wings[/i]
        [color=transparent]xxxxx[/color][i]that take me away[/i]
        [color=transparent]xxxxxxxxx[/color][i]from you.”[/i]
        [color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]
        [size=200]╰[/size][color=transparent]xxxxxxxxxxxxxxxxxxxxxx[/color][size=200]╯[/size]
        [img]http://img15.hostingpics.net/pics/627858q4gioehtlmnkuz58croppedrum8x.jpg[/img][/left][left][img]http://img15.hostingpics.net/pics/767006ubfb1ftot135qozscroppedvicqa.jpg[/img][/left][left][img]http://img15.hostingpics.net/pics/202261q4gioehtlmnkuz58croppeduyw2d.jpg[/img]
        [size=200]╭[/size][color=transparent]xxxxxxxxxxxxxxxxxxxxxx[/color][size=200]╮[/size]
        [color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]
        [color=transparent]xxxxxx[/color][i]“The only power[/i]
        [color=transparent]xxxxxxxx[/color][i]that exists[/i]
        [color=transparent]xxxxx[/color][i]is inside ourselves.”[/i]
        [color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]
        [size=200]╰[/size][color=transparent]xxxxxxxxxxxxxxxxxxxxxx[/color][size=200]╯[/size][/left][left][img]http://img15.hostingpics.net/pics/300906ubfb1ftot135qozscropped1jzu21.jpg[/img][/left][size=50]Shimiro and I share the same computer and wifi as we live together, so please don't ban us ^^[/size]

[Zaiphon]

Thank you very much for your patience! <3
It looked a bit odd in the preview but it is perfect!
I simply added a transparent wall so the last line goes under the rest of the code.^^

[χaphan]

I have no clue what I'm doing ;w;
I'm still quite new to coding but I'm working on a post I can use to advertise for my roleplay with but for some reason I can't get it to work the way I want it too.
I want to add in this gif ( under the line ) but everytime I do it messes with all of the other things D:
and I can't get the text to be in the middle... and there's something that annoys my eye with the pictures as well ^^'
I'm just lost and afraid to make a mess of the things I already have ;w;

Code: Select all

[left][img]http://i.imgur.com/OcUbehF.png[/img][/left][left][size=120]▌
▌
▌ 
▌   
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌[/size][/left][left]xxxxxxxxxxxx > || We are the Fairies! || < xxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
_________________________________________________[/left][left][size=120]▌
▌
▌ 
▌   
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌[/size][/left][left][img]http://i.imgur.com/5m8hC93.png[/img][/left]

[qeu9nveq7vn]

I have no clue what I'm doing ;w;
I'm still quite new to coding but I'm working on a post I can use to advertise for my roleplay with but for some reason I can't get it to work the way I want it too.
I want to add in this gif ( under the line ) but everytime I do it messes with all of the other things D:
and I can't get the text to be in the middle... and there's something that annoys my eye with the pictures as well ^^'
I'm just lost and afraid to make a mess of the things I already have ;w;

Code: Select all

[left][img]http://i.imgur.com/OcUbehF.png[/img][/left][left][size=120]▌
▌
▌ 
▌   
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌[/size][/left][left]xxxxxxxxxxxx > || We are the Fairies! || < xxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
_________________________________________________[/left][left][size=120]▌
▌
▌ 
▌   
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌[/size][/left][left][img]http://i.imgur.com/5m8hC93.png[/img][/left]

The gif was too wide; I've resized it for you!


Code: Select all

[left][img]http://i.imgur.com/OcUbehF.png[/img][/left][left][size=120]▌
    ▌
    ▌
    ▌   
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌[/size][/left][left]xxxxxxxxxxxx > || We are the Fairies! || < xxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    _________________________________________________[center][img]http://i68.tinypic.com/55p2ky.gif[/img][/center][/left][left][size=120]▌
    ▌
    ▌
    ▌   
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌
    ▌[/size][/left][left][img]http://i.imgur.com/5m8hC93.png[/img][/left]

▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌

xxxxxxxxxxxx > || We are the Fairies! || < xxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
_________________________________________________

▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌
▌

[tytrack]

So recently i've had trouble with coding my roleplay page, Boulderclan, and I was trying to get a box similar to the one below the picture of the cats beside the storm gif, but I haven't been able to. Is there any way you could help me out with this? I probably did something wrong / forgot how to do it- i've been on a long CS hiatus.

[qeu9nveq7vn]

So recently i've had trouble with coding my roleplay page, Boulderclan, and I was trying to get a box similar to the one below the picture of the cats beside the storm gif, but I haven't been able to. Is there any way you could help me out with this? I probably did something wrong / forgot how to do it- i've been on a long CS hiatus.

Left tag the image, then make a new left column with the box in.

[ᴊᴜʟɪᴇᴛᴛᴇ.]

I hate to disturb anyone, but would I be able to get some help with cropping this image in half horizontally? Its for a warriors rp. Thank you so much if you can <33

[Woogwoo Wren]

Here you go!

Code: Select all


[img]http://i.imgur.com/Bj9SKzt.jpg[/img]
[img]http://i.imgur.com/H5GFASq.jpg[/img]

[ᴊᴜʟɪᴇᴛᴛᴇ.]

Here you go!

Code: Select all


[img]http://i.imgur.com/Bj9SKzt.jpg[/img]
[img]http://i.imgur.com/H5GFASq.jpg[/img]

Thank you so much!!