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

[sicknasty]

i seem to have nothing but coding problems these days
so: i'm trying to revamp a character form i bought ages ago (before veer went down)
here's how it looks at the moment (actual post, bearing in mind it's on my weird screen size)

here's the code for that.

Code: Select all

[left][center][right][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjcyLjQ4NDIzNy5URWxCVFNCU1QxTlhSVXhNLjAA/bentham.regular.png[/img][/right][right]……… ……… ………………
[size=70]ＷＥ ＡＲＥ ＳＨＩＮＩＮＧ
ＩＮ ＴＨＥ ＲＩＳＩＮＧ ＳＵＮ[/size]
……… ……… ………………
[img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQ0LjQ4NDIzNy5WMGhGVWtVLC4wAAAA/bentham.regular.png[/img]
[img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LjQ4NDIzNy5WRWhGSUV4SlIwaFUuMAAA/bentham.regular.png[/img][/right]
[right][size=190][color=#bfbfbf]░░
░░
░░
░░
░░
░░[/color][/size][/right][right][size=85][color=#800517]name[/color] [color=#808080][i]liam roswell[/i][/color]
[color=#800517]age[/color] [color=#808080][i]seventeen[/i][/color]
[color=#800517]gender[/color] [color=#808080][i]male[/i][/color]
[color=#800517]species[/color] [color=#808080][i]shapeshifter (buck)[/i][/color]
[color=#800517]faceclaim[/color] [color=#808080][i]daniel sharman[/i][/color]
[color=#800517]orientation[/color] [color=#808080][i]homosexual[/i][/color]
……… ……… ……………
[color=#800517]coding[/color] [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=21&t=2764885#p89362187][color=#808080]by wally[/color][/url][/size]
[size=85]── [i]ＷＥ ＡＲＥ[/i] ──[/size][/right][right][size=190][color=#bfbfbf]░
░
░
░
░
░[/color][/size][/right][right][size=50][color=#800517]•

•

•

•

•[/color][/size][/right][right][img]http://i.imgur.com/dVUzARX.gif[/img][/right]
[right][size=200][color=#800517]┌[/color][color=transparent]───────────────[/color][color=#800517]┐[/color][/size]
[color=#FFFFFF]────── [/color][size=75]ＳＨＩＮＩＮＧ ＩＮ ＴＨＥ ＲＩＳＩＮＧ ＳＵＮ[/size][color=#FFFFFF] ─[/color]
[size=200][color=#800517]└[/color][color=transparent]───────────────[/color][color=#800517]┘[/color][/size][/right][right][size=200][color=#BFBFBF]░
░
░
░[/color][/size][/right][/center][right][size=75][center][color=#808080]
he's a vegetarian, and a
super healthy eater - no
chocolate or crisps on
liam's plate, though he's
often found chewing gum.
as well as this, he has a
rather unusual taste for
techno music, considering
he's a very 'nature' person
most of the time.[/color][/center][/size][/right][center][right][size=200][color=#BFBFBF]░
░
░
░[/color][/size][/right][/center][/left][left][center][size=75]ＳＨＩＶＥＲＳ ＯＦＦＳＨＯＲＥ[/size][/center][right][size=85][center][color=#808080]liam's worst problem is
probably his pride, which
leads him to make rash
decisions and stupid mistakes.
however, if he messes up, he's
always the first to suggest
solutions, tackling problems
head on and not lingering on
possible repercussions. when
faced with danger, his instinct
is to intimidate his opponent,
and he's become an expert at
bluffing his way out of things.
[/color][/center][/size][/right][center]…………………


[size=70]ＴＨＲＯＵＧＨ
── [i]ＴＨＥ[/i] ──
ＴＩＤＥＳ ＯＦ[/size]
[right][color=#808080]…… ……… …………… ……… ……… ……… [/color][/right]
[img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjI4LjQ4NDIzNy5UME5GUVU1VC4wAAAA/bentham.regular.png[/img][/center][/left]

what i'd like to do is make the whole block with the gif, information box, etc, level with the 'where' (just under the name)
there's no reason why it shouldn't work, but i can't seem to make it so
i would also like to make the 'shivers offshore' block up under 'the light'. i understand i need to make the text narrower, but even when i removed all the text it wouldn't go in place.

any help for my coding-inexpert butt?

[kaeria]

hey i need help!
i need the text to fit in beside the image so it sits nice and neat but i need to make the deviantart section centered? (if you get what i mean) help?!

Code: Select all

[right][size=200][color=#D3D3D3]ＴＨＩＳ ＩＳ ＨＡＬＬＯＷＥＥＮ，[/color][/size]
[color=transparent]xxxxxxxxxxxxxxxxxx[/color][img]http://orig05.deviantart.net/60b1/f/2015/208/b/f/0hqngbm_by_swiftalunar-d932uxo.png[/img][/right]
[list][list][list][list][list][list][list][list][list][list][list][list][center][size=85]deviantart - youtube
she / her or they / them
female - injp[/size][/center][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list]
[right][size=200][color=#D3D3D3]ＴＨＩＳ ＩＳ ＨＡＬＬＯＷＥＥＮ！[/color][/size][/right][left][img]http://www.chickensmoothie.com/oekaki/image/image.php?id=2634168&size=medium&format=PNG&rev=1475923168[/img][/left]

[sicknasty]

is this what you wanted?

Code: Select all

[right][size=200][color=#D3D3D3]ＴＨＩＳ ＩＳ ＨＡＬＬＯＷＥＥＮ，[/color][/size]
[/right]
[left][img]http://www.chickensmoothie.com/oekaki/image/image.php?id=2634168&size=medium&format=PNG&rev=1475923168[/img][/left]

[center][img]http://orig05.deviantart.net/60b1/f/2015/208/b/f/0hqngbm_by_swiftalunar-d932uxo.png[/img]
[size=85]deviantart - youtube
she / her or they / them
female - injp[/size][/center]
[right][size=200][color=#D3D3D3]ＴＨＩＳ ＩＳ ＨＡＬＬＯＷＥＥＮ！[/color][/size][/right]

[kaeria]

is this what you wanted?

Code: Select all

[right][size=200][color=#D3D3D3]ＴＨＩＳ ＩＳ ＨＡＬＬＯＷＥＥＮ，[/color][/size]
[/right]
[left][img]http://www.chickensmoothie.com/oekaki/image/image.php?id=2634168&size=medium&format=PNG&rev=1475923168[/img][/left]

[center][img]http://orig05.deviantart.net/60b1/f/2015/208/b/f/0hqngbm_by_swiftalunar-d932uxo.png[/img]
[size=85]deviantart - youtube
she / her or they / them
female - injp[/size][/center]
[right][size=200][color=#D3D3D3]ＴＨＩＳ ＩＳ ＨＡＬＬＯＷＥＥＮ！[/color][/size][/right]

aah thanks yes!!

[+30mg]

i seem to have nothing but coding problems these days
so: i'm trying to revamp a character form i bought ages ago (before veer went down)
here's how it looks at the moment (actual post, bearing in mind it's on my weird screen size)

here's the code for that.

Code: Select all

[left][center][right][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjcyLjQ4NDIzNy5URWxCVFNCU1QxTlhSVXhNLjAA/bentham.regular.png[/img][/right][right]……… ……… ………………
[size=70]ＷＥ ＡＲＥ ＳＨＩＮＩＮＧ
ＩＮ ＴＨＥ ＲＩＳＩＮＧ ＳＵＮ[/size]
……… ……… ………………
[img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQ0LjQ4NDIzNy5WMGhGVWtVLC4wAAAA/bentham.regular.png[/img]
[img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LjQ4NDIzNy5WRWhGSUV4SlIwaFUuMAAA/bentham.regular.png[/img][/right]
[right][size=190][color=#bfbfbf]░░
░░
░░
░░
░░
░░[/color][/size][/right][right][size=85][color=#800517]name[/color] [color=#808080][i]liam roswell[/i][/color]
[color=#800517]age[/color] [color=#808080][i]seventeen[/i][/color]
[color=#800517]gender[/color] [color=#808080][i]male[/i][/color]
[color=#800517]species[/color] [color=#808080][i]shapeshifter (buck)[/i][/color]
[color=#800517]faceclaim[/color] [color=#808080][i]daniel sharman[/i][/color]
[color=#800517]orientation[/color] [color=#808080][i]homosexual[/i][/color]
……… ……… ……………
[color=#800517]coding[/color] [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=21&t=2764885#p89362187][color=#808080]by wally[/color][/url][/size]
[size=85]── [i]ＷＥ ＡＲＥ[/i] ──[/size][/right][right][size=190][color=#bfbfbf]░
░
░
░
░
░[/color][/size][/right][right][size=50][color=#800517]•

•

•

•

•[/color][/size][/right][right][img]http://i.imgur.com/dVUzARX.gif[/img][/right]
[right][size=200][color=#800517]┌[/color][color=transparent]───────────────[/color][color=#800517]┐[/color][/size]
[color=#FFFFFF]────── [/color][size=75]ＳＨＩＮＩＮＧ ＩＮ ＴＨＥ ＲＩＳＩＮＧ ＳＵＮ[/size][color=#FFFFFF] ─[/color]
[size=200][color=#800517]└[/color][color=transparent]───────────────[/color][color=#800517]┘[/color][/size][/right][right][size=200][color=#BFBFBF]░
░
░
░[/color][/size][/right][/center][right][size=75][center][color=#808080]
he's a vegetarian, and a
super healthy eater - no
chocolate or crisps on
liam's plate, though he's
often found chewing gum.
as well as this, he has a
rather unusual taste for
techno music, considering
he's a very 'nature' person
most of the time.[/color][/center][/size][/right][center][right][size=200][color=#BFBFBF]░
░
░
░[/color][/size][/right][/center][/left][left][center][size=75]ＳＨＩＶＥＲＳ ＯＦＦＳＨＯＲＥ[/size][/center][right][size=85][center][color=#808080]liam's worst problem is
probably his pride, which
leads him to make rash
decisions and stupid mistakes.
however, if he messes up, he's
always the first to suggest
solutions, tackling problems
head on and not lingering on
possible repercussions. when
faced with danger, his instinct
is to intimidate his opponent,
and he's become an expert at
bluffing his way out of things.
[/color][/center][/size][/right][center]…………………


[size=70]ＴＨＲＯＵＧＨ
── [i]ＴＨＥ[/i] ──
ＴＩＤＥＳ ＯＦ[/size]
[right][color=#808080]…… ……… …………… ……… ……… ……… [/color][/right]
[img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjI4LjQ4NDIzNy5UME5GUVU1VC4wAAAA/bentham.regular.png[/img][/center][/left]

what i'd like to do is make the whole block with the gif, information box, etc, level with the 'where' (just under the name)
there's no reason why it shouldn't work, but i can't seem to make it so
i would also like to make the 'shivers offshore' block up under 'the light'. i understand i need to make the text narrower, but even when i removed all the text it wouldn't go in place.

any help for my coding-inexpert butt?

whew this is p hard. hello. i think i've lined the gif, etc. i think u meant like this?



if so then yay. my rotten coding mind works. however, i tried to do the bit
of the shivers offshore... however, it is just simply too wide. the entire block
comprised of 'where the light' 'we are shining' etc. is 185 in width while the
chunk underneath it, which is 'through the tides of' and 'liam's worst problems...'
268 in width, hence, in my screen, the entire column of your character's name
gif, and bio is completely pushed down. i think the only way is to delete parts of
the text as the width is far too large. it looks like this on my screen



sorry if this isn't what you're hoping for! but here's the code nonetheless

Code: Select all

[left][center]……… ……… ………………
[size=70]ＷＥ ＡＲＥ ＳＨＩＮＩＮＧ
ＩＮ ＴＨＥ ＲＩＳＩＮＧ ＳＵＮ[/size]
……… ……… ………………
[img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQ0LjQ4NDIzNy5WMGhGVWtVLC4wAAAA/bentham.regular.png[/img]
[img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LjQ4NDIzNy5WRWhGSUV4SlIwaFUuMAAA/bentham.regular.png[/img]
[size=75]ＳＨＩＶＥＲＳ ＯＦＦＳＨＯＲＥ[/size][/right]
[size=75][right][color=#808080]liam's worst problem is
probably his pride, which
leads him to make rash
decisions and stupid mistakes.
however, if he messes up, he's
always the first to suggest
solutions, tackling problems
head on and not lingering on
possible repercussions. when
faced with danger, his instinct
is to intimidate his opponent,
and he's become an expert at
bluffing his way out of things.
[/color][/right][/size][right]…………………


[size=70]ＴＨＲＯＵＧＨ
── [i]ＴＨＥ[/i] ──
ＴＩＤＥＳ ＯＦ[/size][/right]
[right][color=#808080]…… ……… …………… ……… ……… ……… [/color][/right][/center][/left][left][center][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjcyLjQ4NDIzNy5URWxCVFNCU1QxTlhSVXhNLjAA/bentham.regular.png[/img]
[right][size=190][color=#bfbfbf]░░
░░
░░
░░
░░
░░[/color][/size][/right][right][size=85][color=#800517]name[/color] [color=#808080][i]liam roswell[/i][/color]
[color=#800517]age[/color] [color=#808080][i]seventeen[/i][/color]
[color=#800517]gender[/color] [color=#808080][i]male[/i][/color]
[color=#800517]species[/color] [color=#808080][i]shapeshifter (buck)[/i][/color]
[color=#800517]faceclaim[/color] [color=#808080][i]daniel sharman[/i][/color]
[color=#800517]orientation[/color] [color=#808080][i]homosexual[/i][/color]
……… ……… ……………
[color=#800517]coding[/color] [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=21&t=2764885#p89362187][color=#808080]by wally[/color][/url][/size]
[size=85]── [i]ＷＥ ＡＲＥ[/i] ──[/size][/right][right][size=190][color=#bfbfbf]░
░
░
░
░
░[/color][/size][/right][right][size=50][color=#800517]•

•

•

•

•[/color][/size][/right][right][img]http://i.imgur.com/dVUzARX.gif[/img][/right]
[right][size=200][color=#800517]┌[/color][color=transparent]───────────────[/color][color=#800517]┐[/color][/size]
[color=#FFFFFF]────── [/color][size=75]ＳＨＩＮＩＮＧ ＩＮ ＴＨＥ ＲＩＳＩＮＧ ＳＵＮ[/size][color=#FFFFFF] ─[/color]
[size=200][color=#800517]└[/color][color=transparent]───────────────[/color][color=#800517]┘[/color][/size][/right][right][size=200][color=#BFBFBF]░
░
░
░[/color][/size][/right][size=75][right][color=#808080]he's a vegetarian, and a
super healthy eater - no
chocolate or crisps on
liam's plate, though he's
often found chewing gum.
as well as this, he has a
rather unusual taste for
techno music, considering
he's a very 'nature' person
most of the time.[/color][/right][/size][right][size=200][color=#BFBFBF]░
░
░
░[/color][/size][/right][/center][/left]

[sicknasty]

ahh thank you! i'll make the text shorter

[ps4 kid]

Alright, so this may come out weird, but can someone make this image;

-snip- (all credits to who made it)

have a transparent background, silhouetted to have this

-snip-

to be in it? And also with making it being tiny enough to fit under the quote ''We are here'' in my signature. (Hope this makes sense ;-;) Thank you in advance.

I believe this is what you are looking for; if not, let me know! I had to guess the size since I didn't have the coding for your signature to test it out myself, but I used the inspect element with Chrome and it should fit if my measurements are correct. If not, I can resize it again for you C:

Code: Select all

[img]http://i.imgur.com/Ng7ZFA4.gif[/img]

This post is edited, the first version was way too messy xD

I was looking for the static like, filling in the picture, if that makes any sense at all ;v;.

[11sophisticat123]

Thank you It's so helpful for me!

[Greenleaf]

Could someone help me with my signature?

This is what it currently looks like on my screen:


And this is a bit what I'd like it to look like (I got the screenshot from the signature preview box, which I think has smaller dimensions than an actual signature)


I'd just like to get rid of all the white space on the right. For some reason, the right border gets pushed down when I try to put it beside the font image, and when I try to put it in with the rightmost text box, it just shows up beneath it. The only way I could make it show up in a decent way was if I put it at the beginning of the code between a <right></right> tag, but then all that aforementioned white space shows up.

Is there a way to get rid of all that white space while still permitting this signature to be viewed fine on mobile? Thanks for any help in advance, I really appreciate it.

Code: Select all

[center][right][img]https://2.bp.blogspot.com/-5edHAcUqoss/V_hvOoEt3zI/AAAAAAAABjI/SSJFeXl4ho0_3wsQTb9fwtoGXYV13WHpwCLcB/s1600/right%2Bborder.png[/img][/right][left][img]https://4.bp.blogspot.com/-yXHOC343658/V_hvH-b0haI/AAAAAAAABjA/uj0tFPXokpcs_VGowIeGD46Jn9cminMHACLcB/s1600/left%2Bborder.png[/img][/left][left][img]https://2.bp.blogspot.com/-u8aSsTd60e8/V_hjqtNAa9I/AAAAAAAABiU/59AH_SwTBY0_AyBNFnv60qXhrNjK4iJggCLcB/s1600/lighthouse.gif[/img][/left][left][img]https://2.bp.blogspot.com/-DVPy3k438Fk/V_hkd9W1pgI/AAAAAAAABic/KQFZOhAkpOA4mcTAUbvru5rWZsqK3hTZACLcB/s1600/finished%2Btext.png[/img][/left]




[left][size=110][color=#ADB9C1][b]┏[/b][/color][color=transparent]-----'--------[/color][color=#ADB9C1][b]┓[/b][/color][/size]
[color=#4B616E][size=85]she/her ● writer;
trombone, piano[/size][/color]
[size=110][color=#ADB9C1][b]┗[/b][/color][color=transparent]-------'------[/color][color=#ADB9C1][b]┛[/b][/color][/size][/left][left][size=110][color=#ADB9C1][b]┏[/b][/color][color=transparent]---------------------[/color][color=#ADB9C1][b]┓[/b][/color][/size]
[color=#4B616E][size=85][b]currently:[/b] attempting
to write smth decent[/size][/color]
[size=110][color=#ADB9C1][b]┗[/b][/color][color=transparent]---------------------[/color][color=#ADB9C1][b]┛[/b][/color][/size][/left][left][size=110][color=#ADB9C1][b]┏[/b][/color][color=transparent]----'--'-------[/color][color=#ADB9C1][b]┓[/b][/color][/size]
[color=#4B616E][size=85]Canadian ● RPer
● biromantic ace[/size][/color]
[size=110][color=#ADB9C1][b]┗[/b][/color][color=transparent]------------''-[/color][color=#ADB9C1][b]┛[/b][/color][/size][/left][/center]

[Jubunu]

Alright, so this may come out weird, but can someone make this image;

-snip- (all credits to who made it)

have a transparent background, silhouetted to have this

-snip-

to be in it? And also with making it being tiny enough to fit under the quote ''We are here'' in my signature. (Hope this makes sense ;-;) Thank you in advance.

I believe this is what you are looking for; if not, let me know! I had to guess the size since I didn't have the coding for your signature to test it out myself, but I used the inspect element with Chrome and it should fit if my measurements are correct. If not, I can resize it again for you C:

Code: Select all

[img]http://i.imgur.com/Ng7ZFA4.gif[/img]

This post is edited, the first version was way too messy xD

I was looking for the static like, filling in the picture, if that makes any sense at all ;v;.

Uhh, I still don't understand exactly what you mean. Do you know of any examples that look like what you want? Is it something you could google to find an example of? Do you want the static to be more of a filter over the whole image, like this?

Code: Select all

[img]http://i.imgur.com/pALQlCZ.gif[/img]