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

My gallery · by **sicknasty** » Sat Oct 08, 2016 10:18 pm

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?

My gallery · by **kaeria** » Sat Oct 08, 2016 10:56 pm

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]

My gallery · by **sicknasty** » Sat Oct 08, 2016 11:14 pm

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]

My gallery · by **kaeria** » Sat Oct 08, 2016 11:20 pm

.box wrote:
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!!

My gallery · by **+30mg** » Sat Oct 08, 2016 11:29 pm

.box wrote: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]

My gallery · by **sicknasty** » Sat Oct 08, 2016 11:32 pm

ahh thank you! i'll make the text shorter

My gallery · by **ps4 kid** » Sun Oct 09, 2016 1:50 am

Jubunu wrote:
~Neon_and_Lylia~ wrote: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;.

My gallery · by **11sophisticat123** » Sun Oct 09, 2016 1:51 am

Thank you It's so helpful for me!

My gallery · by **Greenleaf** » Sun Oct 09, 2016 6:21 am

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]

My gallery · by **Jubunu** » Sun Oct 09, 2016 7:25 am

~Neon_and_Lylia~ wrote:
Jubunu wrote:
~Neon_and_Lylia~ wrote: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]

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

World Wide page counter

Re: ＤｉｇｉｔａｌｌｙＤｉｓｔｉｎｃｔ: Coding & Signature Tutorial/Help Thr

Re: ＤｉｇｉｔａｌｌｙＤｉｓｔｉｎｃｔ: Coding & Signature Tutorial/Help Thr

Re: ＤｉｇｉｔａｌｌｙＤｉｓｔｉｎｃｔ: Coding & Signature Tutorial/Help Thr

Re: ＤｉｇｉｔａｌｌｙＤｉｓｔｉｎｃｔ: Coding & Signature Tutorial/Help Thr

Re: ＤｉｇｉｔａｌｌｙＤｉｓｔｉｎｃｔ: Coding & Signature Tutorial/Help Thr

Re: ＤｉｇｉｔａｌｌｙＤｉｓｔｉｎｃｔ: Coding & Signature Tutorial/Help Thr

Re: ＤｉｇｉｔａｌｌｙＤｉｓｔｉｎｃｔ: Coding & Signature Tutorial/Help Thr

Re: ＤｉｇｉｔａｌｌｙＤｉｓｔｉｎｃｔ: Coding & Signature Tutorial/Help Thr

Re: ＤｉｇｉｔａｌｌｙＤｉｓｔｉｎｃｔ: Coding & Signature Tutorial/Help Thr

Who is online