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

[w0ah]

@ lexi ;I know this isn't exactly a "box", but how about this? is this sorta what you wanted?

╔═══════════════════════════════════════════════════╗





╚═══════════════════════════════════════════════════╝

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

[roo.]

Hello everyone! I hope you are all having a wonderful day/night.
I need a little bit of help with this.

l

Code: Select all

[center][img]https://i.imgur.com/8yjaEqV.jpg[/img][/center][center][img]https://i.imgur.com/HmHloZV.png[/img][/center][left][/left][center][b][size=150]▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁[/size][/b][/center]
[size=90][u][b][i][color=#000000]Alpha Female[/color][/i][/b][/u][/size][color=transparent]X[/color][size=75][b]⇀Raven: /Female♀/3 years old / X Roo X[/b][/size]
[right][color=transparent]XXXXX[/color][/right][right][size=67][color=#000000]The most important rank in the pack. The Alpha female is the Alpha male's
mate. This is the pack leader and anything she says should be done without
question. Alpha female is the most respected she-wolf in the pack. She is
expected to be multi talented and have lots of pups so the Alpha male will
have heir. The Alpha female along with her mate, the Alpha male make the
most important pack decisions and run the pack. [/color][/size][/right]
[right][color=transparent]XXXXX[/color][/right][right][size=75][b]⇀Raven: /Female♀/3 years old / X Roo X[/b][/size][/right][right][size=90][u][b][i][color=#000000]Alpha Female[/color][/i][/b][/u][/size][/right]
[right][color=transparent]XXXXX[/color][/right][right][size=67][color=#000000]The most important rank in the pack. The Alpha female is the Alpha male's
mate. This is the pack leader and anything she says should be done without
question. Alpha female is the most respected she-wolf in the pack. She is
expected to be multi talented and have lots of pups so the Alpha male will
have heir. The Alpha female along with her mate, the Alpha male make the
most important pack decisions and run the pack. [/color][/size][/right][color=transparent]XXXXXXXXXX[/color]

So I am trying to put a text coulumn one on the right side and one on the left but I cant seem to figure out how to do it
without messing one of the text columns up. If somebody could just help me that would be amazing.
Many thanks, xo Roo.

[juni.purrs]

X Roo X
Those [/right] codes have always been little pests for me, haha.
To maybe help show what they're all doing, I added some color to your code first:

Code: Select all

[center][img]https://i.imgur.com/8yjaEqV.jpg[/img][/center][center][img]https://i.imgur.com/HmHloZV.png[/img][/center][left][/left][center][b][size=150]▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁[/size][/b][/center]
[size=90][u][b][i][color=red]Alpha Female[/color][/i][/b][/u][/size][color=transparent]X[/color][size=75][b]⇀Raven: /Female♀/3 years old / X Roo X[/b][/size]
[right][color=red]XXXXX[/color][/right][right][size=67][color=red]The most important rank in the pack. The Alpha female is the Alpha male's
mate. This is the pack leader and anything she says should be done without
question. Alpha female is the most respected she-wolf in the pack. She is
expected to be multi talented and have lots of pups so the Alpha male will
have heir. The Alpha female along with her mate, the Alpha male make the
most important pack decisions and run the pack. [/color][/size][/right]
[right][color=green]XXXXX[/color][/right][right][size=75][b]⇀Raven: /Female♀/3 years old / X Roo X[/b][/size][/right][right][size=90][u][b][i][color=blue]Alpha Female[/color][/i][/b][/u][/size][/right]
[right][color=blue]XXXXX[/color][/right][right][size=67][color=blue]The most important rank in the pack. The Alpha female is the Alpha male's
mate. This is the pack leader and anything she says should be done without
question. Alpha female is the most respected she-wolf in the pack. She is
expected to be multi talented and have lots of pups so the Alpha male will
have heir. The Alpha female along with her mate, the Alpha male make the
most important pack decisions and run the pack. [/color][/size][/right][color=purple]XXXXXXXXXX[/color]

You can see in the code, that the greens line up with the greens, and the reds with the reds. But when you preview what the code looks like, they've sort of gone all over the place yeah?

So, I removed a lot of the [/right]'s, in hopes to make your columns easier to use and still give the proper two column effect you're going for. I also left the colors here for comparison purposes. ^^

Code: Select all

[center][img]https://i.imgur.com/8yjaEqV.jpg[/img][/center][center][img]https://i.imgur.com/HmHloZV.png[/img][/center][left][/left][center][b][size=150]▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁[/size][/b][/center]
[right][color=red]XXXXX[/color][/right][right][size=90][u][b][i][color=red]Alpha Female[/color][/i][/b][/u][/size][color=transparent]X[/color][size=75][b]⇀Raven: /Female♀/3 years old / X Roo X[/b][/size]
[size=67][color=red]The most important rank in the pack. The Alpha female is the Alpha male's
mate. This is the pack leader and anything she says should be done without
question. Alpha female is the most respected she-wolf in the pack. She is
expected to be multi talented and have lots of pups so the Alpha male will
have heir. The Alpha female along with her mate, the Alpha male make the
most important pack decisions and run the pack. [/color][/size][/right][right][color=blue]XXXXX[/color][/right][right][size=90][u][b][i][color=blue]Alpha Female[/color][/i][/b][/u][/size][color=transparent]X[/color][size=75][b]⇀Raven: /Female♀/3 years old / X Roo X[/b][/size]
[size=67][color=blue]The most important rank in the pack. The Alpha female is the Alpha male's
mate. This is the pack leader and anything she says should be done without
question. Alpha female is the most respected she-wolf in the pack. She is
expected to be multi talented and have lots of pups so the Alpha male will
have heir. The Alpha female along with her mate, the Alpha male make the
most important pack decisions and run the pack. [/color][/size][/right]
[color=purple]XXXXXXXXXX[/color]

I wasn't exactly sure about the XXXX's placements, so I hope everything's alright!

[roo.]

X Roo X
Those [/right] codes have always been little pests for me, haha.
To maybe help show what they're all doing, I added some color to your code first:

Code: Select all

[center][img]https://i.imgur.com/8yjaEqV.jpg[/img][/center][center][img]https://i.imgur.com/HmHloZV.png[/img][/center][left][/left][center][b][size=150]▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁[/size][/b][/center]
[size=90][u][b][i][color=red]Alpha Female[/color][/i][/b][/u][/size][color=transparent]X[/color][size=75][b]⇀Raven: /Female♀/3 years old / X Roo X[/b][/size]
[right][color=red]XXXXX[/color][/right][right][size=67][color=red]The most important rank in the pack. The Alpha female is the Alpha male's
mate. This is the pack leader and anything she says should be done without
question. Alpha female is the most respected she-wolf in the pack. She is
expected to be multi talented and have lots of pups so the Alpha male will
have heir. The Alpha female along with her mate, the Alpha male make the
most important pack decisions and run the pack. [/color][/size][/right]
[right][color=green]XXXXX[/color][/right][right][size=75][b]⇀Raven: /Female♀/3 years old / X Roo X[/b][/size][/right][right][size=90][u][b][i][color=blue]Alpha Female[/color][/i][/b][/u][/size][/right]
[right][color=blue]XXXXX[/color][/right][right][size=67][color=blue]The most important rank in the pack. The Alpha female is the Alpha male's
mate. This is the pack leader and anything she says should be done without
question. Alpha female is the most respected she-wolf in the pack. She is
expected to be multi talented and have lots of pups so the Alpha male will
have heir. The Alpha female along with her mate, the Alpha male make the
most important pack decisions and run the pack. [/color][/size][/right][color=purple]XXXXXXXXXX[/color]

You can see in the code, that the greens line up with the greens, and the reds with the reds. But when you preview what the code looks like, they've sort of gone all over the place yeah?

So, I removed a lot of the [/right]'s, in hopes to make your columns easier to use and still give the proper two column effect you're going for. I also left the colors here for comparison purposes. ^^

Code: Select all

[center][img]https://i.imgur.com/8yjaEqV.jpg[/img][/center][center][img]https://i.imgur.com/HmHloZV.png[/img][/center][left][/left][center][b][size=150]▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁[/size][/b][/center]
[right][color=red]XXXXX[/color][/right][right][size=90][u][b][i][color=red]Alpha Female[/color][/i][/b][/u][/size][color=transparent]X[/color][size=75][b]⇀Raven: /Female♀/3 years old / X Roo X[/b][/size]
[size=67][color=red]The most important rank in the pack. The Alpha female is the Alpha male's
mate. This is the pack leader and anything she says should be done without
question. Alpha female is the most respected she-wolf in the pack. She is
expected to be multi talented and have lots of pups so the Alpha male will
have heir. The Alpha female along with her mate, the Alpha male make the
most important pack decisions and run the pack. [/color][/size][/right][right][color=blue]XXXXX[/color][/right][right][size=90][u][b][i][color=blue]Alpha Female[/color][/i][/b][/u][/size][color=transparent]X[/color][size=75][b]⇀Raven: /Female♀/3 years old / X Roo X[/b][/size]
[size=67][color=blue]The most important rank in the pack. The Alpha female is the Alpha male's
mate. This is the pack leader and anything she says should be done without
question. Alpha female is the most respected she-wolf in the pack. She is
expected to be multi talented and have lots of pups so the Alpha male will
have heir. The Alpha female along with her mate, the Alpha male make the
most important pack decisions and run the pack. [/color][/size][/right]
[color=purple]XXXXXXXXXX[/color]

I wasn't exactly sure about the XXXX's placements, so I hope everything's alright!

Thank you so much for the help!

[Hellhound-My-Legend]

yoo

so, how does one make a gif of signatures/coding they've done for the purpose of examples in a coding shop ?

obviously i could just screen shot the coding but i would like the gifs in the coding to be, well, gifs

any help would be very much appreciated !

[✦ nemuri]

yoo

so, how does one make a gif of signatures/coding they've done for the purpose of examples in a coding shop ?

obviously i could just screen shot the coding but i would like the gifs in the coding to be, well, gifs

any help would be very much appreciated !

i use gyazo for my screenshots and when i capture gifs; you can get the free version, but you'll have to upload to images / gifs to an image hosting website, like tinypic or imgur.

[haunting]

yoo

so, how does one make a gif of signatures/coding they've done for the purpose of examples in a coding shop ?

obviously i could just screen shot the coding but i would like the gifs in the coding to be, well, gifs

any help would be very much appreciated !

i screenshot with the snipping tool (just search for it in your computer if you have a pc)
and use online image editor to overlay the gif- you can use the gif overlay tutorial at the
front of this thread, and it turns out like this

[Hellhound-My-Legend]

okay somehow i didn't reply to this ( thought i had sorry omw )

thank you both so much for the help !

[mellovesyou420]

hey there!

so ive got a problem with a relations post i made.
if someone loads the code on a post or something,
they'll see that a line of text that should be centered
is definately not centered. im a bit of an amature
coder and i actually used the "making multiple
colomns and centering text" code to do this, but
try as i might, i just cant get the stupid line of
text to be centered again. sorry if this is a stupid
problem, i just need a bit of a coding guardian angel. c:

Code: Select all

[center]▬▬▬▬▬▬▬▬▬▬▬▬▬[size=200]ʀᴇʟᴀɪᴏɴsʜɪᴘs[/size]▬▬▬▬▬▬▬▬▬▬▬▬▬
[size=80][☀]friend [☯]best friend (only one char) [✓]ally [✕]foe/enemy
[◯]related to [☆]interested in [❥]crush [♦]nuetral [✧]pos
[✦]neg [∘]unsure/unknown [♛]respects[/size]
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
[size=80][[color=#FF0000]viktor is bisexual[/color] so feel free for anyone to be his beloved][/size][/center]
[left][center][size=85]ᴠɪᴋᴛᴏʀ [x] sᴏᴘʜɪᴀ
➥ ❝[i]first thought[/i]❞
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text[/size][/center][/left][right][center][size=85]ᴠɪᴋᴛᴏʀ [x] ɪsᴀʙᴇʟʟᴀ
➥ ❝[i]first thought[/i]❞
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text[/size][/center][/right]
[center][size=85]ᴠɪᴋᴛᴏʀ [☀✓✧] ᴄᴀʟʟᴜᴍ
➥ ❝[i]wanna go ruin someones day?[/i]❞
despite all odds, callum and viktor ar
e actually... [i]friends[/i]?? crazy, right? th
ey both have similar traits in manipul
ation and charm. could probably rule
the world someday! be careful of the
se two when theyre together![/size][/center]
[left][center][size=85]ᴠɪᴋᴛᴏʀ [✓☆✧] ᴠɪᴠɪᴀɴᴇ
➥ ❝[i]to be or not to be?[/i]❞
as far as viktor knows, proposing to v
iviane carlton would be the thing to s
et him apart from his family, but he
only knows her facade of being the
perfect child. will his mind change o
nce he knows the real her?[/size][/center][/left][right][center][size=85]ᴠɪᴋᴛᴏʀ [x] ᴀsᴛᴇʀɪɴ
➥ ❝[i]first thought[/i]❞
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text[/size][/center][/right]
[center][size=85]ᴠɪᴋᴛᴏʀ [✓♦✧♛] ᴀʀᴋᴀᴅᴀʏ
➥ ❝[i]men are respectable only as they respect[/i]❞
sure. these twos' relationship started
off rocky-one is a military leader and
the other is an actual bastard-but ov
er time viktor learned to respect arka
day as arkaday did the same for vik
tor. not buddies just yet, but maybe?[/size][/center]
[left][center][size=85]ᴠɪᴋᴛᴏʀ [x] ɴᴀᴍᴇ
➥ ❝[i]first thought[/i]❞
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text[/size][/center][/left][right][center][size=85]ᴠɪᴋᴛᴏʀ [x] ɴᴀᴍᴇ
➥ ❝[i]first thought[/i]❞
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text[/size][/center][/right]
[center][size=85]ᴠɪᴋᴛᴏʀ [x] ɴᴀᴍᴇ
➥ ❝[i]first thought[/i]❞
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text[/size][/center]

[Keir;]

@nearly.witches It's because there wasn't enough text in the right column to push it over, you needed to add another line of text to line up with it. I'm bad at explaining it, but I just added another line of text, where the red box is in this picture;



Code: Select all

[center]▬▬▬▬▬▬▬▬▬▬▬▬▬[size=200]ʀᴇʟᴀɪᴏɴsʜɪᴘs[/size]▬▬▬▬▬▬▬▬▬▬▬▬▬
[size=80][☀]friend [☯]best friend (only one char) [✓]ally [✕]foe/enemy
[◯]related to [☆]interested in [❥]crush [♦]nuetral [✧]pos
[✦]neg [∘]unsure/unknown [♛]respects[/size]
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
[size=80][[color=#FF0000]viktor is bisexual[/color] so feel free for anyone to be his beloved][/size][/center]
[left][center][size=85]ᴠɪᴋᴛᴏʀ [x] sᴏᴘʜɪᴀ
➥ ❝[i]first thought[/i]❞
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text[/size][/center][/left][right][center][size=85]ᴠɪᴋᴛᴏʀ [x] ɪsᴀʙᴇʟʟᴀ
➥ ❝[i]first thought[/i]❞
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text[/size][/center][/right]
[center][size=85]ᴠɪᴋᴛᴏʀ [☀✓✧] ᴄᴀʟʟᴜᴍ
➥ ❝[i]wanna go ruin someones day?[/i]❞
despite all odds, callum and viktor ar
e actually... [i]friends[/i]?? crazy, right? th
ey both have similar traits in manipul
ation and charm. could probably rule
the world someday! be careful of the
se two when theyre together![/size][/center]
[left][center][size=85]ᴠɪᴋᴛᴏʀ [✓☆✧] ᴠɪᴠɪᴀɴᴇ
➥ ❝[i]to be or not to be?[/i]❞
as far as viktor knows, proposing to v
iviane carlton would be the thing to s
et him apart from his family, but he
only knows her facade of being the
perfect child. will his mind change o
nce he knows the real her?[/size][/center][/left][right][center][size=85]ᴠɪᴋᴛᴏʀ [x] ᴀsᴛᴇʀɪɴ
➥ ❝[i]first thought[/i]❞
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text[/size][/center][/right]
[center][size=85]ᴠɪᴋᴛᴏʀ [✓♦✧♛] ᴀʀᴋᴀᴅᴀʏ
➥ ❝[i]men are respectable only as they respect[/i]❞
sure. these twos' relationship started
off rocky-one is a military leader and
the other is an actual bastard-but ov
er time viktor learned to respect arka
day as arkaday did the same for vik
tor. not buddies just yet, but maybe?[/size][/center]
[left][center][size=85]ᴠɪᴋᴛᴏʀ [x] ɴᴀᴍᴇ
➥ ❝[i]first thought[/i]❞
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text[/size][/center][/left][right][center][size=85]ᴠɪᴋᴛᴏʀ [x] ɴᴀᴍᴇ
➥ ❝[i]first thought[/i]❞
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text[/size][/center][/right]
[center][size=85]ᴠɪᴋᴛᴏʀ [x] ɴᴀᴍᴇ
➥ ❝[i]first thought[/i]❞
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text[/size][/center]