Digitally Distinct: BBCoding Tutorial/Help Thread

Having trouble formatting your forum topic or signature? Buy or sell custom code here

World Wide page counter

So yes you caught me. 700 or so unique visits, that's incredible! I am curious about where you guys are from too! Because of this I got a flag counter here.
92
28%
Image
231
72%
 
Total votes : 323

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby joji » Tue Jan 24, 2017 8:45 am

Code: Select all
[left][size=200]╔═════════════[/size]
[right][size=200]║





║[/size][/right][right]INSERT TEXT HERE[/right][size=200]║





║[/size]
[size=200]╚═════════════[/size][/left][left][size=200]═════════════╗[/size]
[right][size=200]║





║[/size][/right][right]INSERT TEXT HERE[/right]
[size=200]═════════════╝[/size][/left]

anyone know how to do this box thing except all of it is connected? like this?
User avatar
joji
 
Posts: 8470
Joined: Mon Nov 25, 2013 3:31 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby mucrospirifer . » Tue Jan 24, 2017 9:20 am

    joji wrote:
    Code: Select all
    [left][size=200]╔═════════════[/size]
    [right][size=200]║





    ║[/size][/right][right]INSERT TEXT HERE[/right][size=200]║





    ║[/size]
    [size=200]╚═════════════[/size][/left][left][size=200]═════════════╗[/size]
    [right][size=200]║





    ║[/size][/right][right]INSERT TEXT HERE[/right]
    [size=200]═════════════╝[/size][/left]

    anyone know how to do this box thing except all of it is connected? like this?


    it looks like he pulls it off because he uses "█" which doesn't have set corners, whereas the double lines do and it's pretty hard to make them line up! i've done it like…once and it was a pain. if you've got your heart set on the double lines i can try to help you with that, but for now here's the easier solution;

    to do it with the block characters, you just need to do

    Code: Select all
    [left][size=200]▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓[/size]
    [right][size=200]▓




    ▓[/size][/right][right]TEXT HERE[/right][right][size=200]▓




    ▓[/size][/right][right]TEXT HERE[/right][size=200]▓




    ▓[/size]
    [size=200]▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓[/size][/left]


    it's basically your typical box with an extra border/text combo thrown in, if that makes sense? use whichever block character you like; i switched to the non-solid one because the "█" get super messed up on macs - though i guess you could also have fun and use diamonds or hearts or whatever, just not the thin lines

    at least i'm pretty sure that's how takura's sig was done; you could potentially ask him?
    Image
    I   K E E P  ──────
    FIGHTING
    ──────────────

    ─────────────────
    jay | he/they | bored
    send me song recs
    and
    sig requests ?
    ─────────────────
    Image
     
    ──────────────────────  T H E S E
    Image
User avatar
mucrospirifer .
 
Posts: 3219
Joined: Sun Feb 07, 2010 5:26 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby joji » Tue Jan 24, 2017 9:49 am

mucrospirifer . wrote:
    joji wrote:
    Code: Select all
    [left][size=200]╔═════════════[/size]
    [right][size=200]║





    ║[/size][/right][right]INSERT TEXT HERE[/right][size=200]║





    ║[/size]
    [size=200]╚═════════════[/size][/left][left][size=200]═════════════╗[/size]
    [right][size=200]║





    ║[/size][/right][right]INSERT TEXT HERE[/right]
    [size=200]═════════════╝[/size][/left]

    anyone know how to do this box thing except all of it is connected? like this?


    it looks like he pulls it off because he uses "█" which doesn't have set corners, whereas the double lines do and it's pretty hard to make them line up! i've done it like…once and it was a pain. if you've got your heart set on the double lines i can try to help you with that, but for now here's the easier solution;

    to do it with the block characters, you just need to do

    Code: Select all
    [left][size=200]▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓[/size]
    [right][size=200]▓




    ▓[/size][/right][right]TEXT HERE[/right][right][size=200]▓




    ▓[/size][/right][right]TEXT HERE[/right][size=200]▓




    ▓[/size][right][size=200]▓




    ▓[/size][/right][right]TEXT HERE[/right][right][size=200]▓




    ▓[/size][/right][right]TEXT HERE[/right][size=200]▓




    ▓[/size]
    [size=200]▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓[/size][/left]


    it's basically your typical box with an extra border/text combo thrown in, if that makes sense? use whichever block character you like; i switched to the non-solid one because the "█" get super messed up on macs - though i guess you could also have fun and use diamonds or hearts or whatever, just not the thin lines

    at least i'm pretty sure that's how takura's sig was done; you could potentially ask him?

tysm!! is it possible to do one with three sections? sorry im not very good at complex coding, haha. i tried to do what you explained and it got messed up, rip
User avatar
joji
 
Posts: 8470
Joined: Mon Nov 25, 2013 3:31 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby BunsBunsBuns » Tue Jan 24, 2017 9:58 am

joji wrote:
Code: Select all
[left][size=200]╔═════════════[/size]
[right][size=200]║





║[/size][/right][right]INSERT TEXT HERE[/right][size=200]║





║[/size]
[size=200]╚═════════════[/size][/left][left][size=200]═════════════╗[/size]
[right][size=200]║





║[/size][/right][right]INSERT TEXT HERE[/right]
[size=200]═════════════╝[/size][/left]

anyone know how to do this box thing except all of it is connected? like this?



I've tried playing around, I'm not sure of what help this may be, but i'll toss it out there.
Code: Select all
[left][size=200]╔═════════════╦═════════════╗[/size]
[right][size=200]║





║[/size][/right][right]INSERT TEXT HERE[/right][size=200]║





║[/size]
[size=200]╚═════════════╩═════════════╝[/size][/left]


I tried inserting ╩ and ╦ with your original text but it wouldn't come together on the right side, you may try that though, you might have better luck!

Good luck o;
User avatar
BunsBunsBuns
 
Posts: 997
Joined: Mon Dec 21, 2015 7:04 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby Pepurrmint » Tue Jan 24, 2017 10:09 am

moons wrote:
    pepurrmint;

    I put the name and gender in the same column,
    but I put a right command around the right part
    of the text. ended the right command, and put
    in the box; I had to edit the size of the box just
    a tiny bit, though^^


Code: Select all
[left][img]http://i.imgur.com/2PdQKfs.png[/img][right][img]http://i.imgur.com/gDV5Oai.png[/img][color=transparent]xx[/color][img]http://i.imgur.com/XCLLxbX.png[/img]
▬▬▬▬▬{female-cat}▬▬[color=transparent]xxx[/color][/right]
[size=200]╔════════════╗[/size]
[right][size=200]║







║[/size][/right][right][center]backstory here[/center][/right][size=200]║







║[/size]
[size=200]╚════════════╝[/size][/left][left][size=200]╔═══════════════════════╗[/size]
[right][size=200]║

║[/size][/right][right][center][size=85]likes rabbits+plants+night│dislikes loud noises+kittens+songbirds│extroverted,
is rather good at public speaking│atheistic│short-tempered, known to
ragequit & occasionally attack people│can be very stubborn│very kind &
loving to the ones they love[/size][/center][/right][size=200]║

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


[left][img]http://i.imgur.com/PPbfWra.png[/img]
[size=85][color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]lines by [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=54725]a[/url]pache~[/size][/left]

thank you!
Image
uwu
Imageuwu
uwu
uwu
owo?
uwu
uwu

consciousness is an illusion
it's worm time babey !

toyhouse instagram
User avatar
Pepurrmint
 
Posts: 3253
Joined: Wed Dec 23, 2015 9:43 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby mucrospirifer . » Tue Jan 24, 2017 10:25 am

@joji
like this? sorry on mobile rn but I think this would be the right code

Code: Select all
[left][size=200]▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓[/size]
[right][size=200]▓




▓[/size][/right][right]TEXT HERE[/right][right][size=200]▓




▓[/size][/right][right]TEXT HERE[/right][right][size=200]▓




▓[/size][/right][right]TEXT HERE[/right][size=200]▓




▓[/size]
[size=200]▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓[/size][/left]
    Image
    I   K E E P  ──────
    FIGHTING
    ──────────────

    ─────────────────
    jay | he/they | bored
    send me song recs
    and
    sig requests ?
    ─────────────────
    Image
     
    ──────────────────────  T H E S E
    Image
User avatar
mucrospirifer .
 
Posts: 3219
Joined: Sun Feb 07, 2010 5:26 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby joji » Tue Jan 24, 2017 10:51 am

@mucrospirifer .
yes!! tysm you're a lifesaver <333
User avatar
joji
 
Posts: 8470
Joined: Mon Nov 25, 2013 3:31 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby qeu9nveq7vn » Wed Jan 25, 2017 10:59 am

    @Buns;; it syncs fine for me - it all depends on the speed of your internet connection.
User avatar
qeu9nveq7vn
 
Posts: 10107
Joined: Sat Apr 19, 2014 8:15 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby Tsukỉ » Wed Jan 25, 2017 10:59 am

    @Buns


    I'm afraid you can't do that. You see, gifs cannot be in sync since the computer
    renders each 'image' in a gif and depending on the WiFi, one gif could be fully l
    oaded before another. Unless you have good wifi, which most likely it'll look fin
    e.!!
User avatar
Tsukỉ
 
Posts: 5203
Joined: Wed Aug 01, 2012 7:35 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby BunsBunsBuns » Wed Jan 25, 2017 11:16 am

artemịs wrote:
    @Buns


    I'm afraid you can't do that. You see, gifs cannot be in sync since the computer
    renders each 'image' in a gif and depending on the WiFi, one gif could be fully l
    oaded before another. Unless you have good wifi, which most likely it'll look fin
    e.!!


It synced on it's own actually, unless it only looked that way to me, but it just happened naturally.
Thank you.
Image
────────────────
words words words words
words words words words
words words words words
────────────────
link﹥link﹥link﹥link﹥link
Image
Image
Image
──────────
word word word
word word word
word word word
word word word
word word word
word word word
word word word
word word word
──────────
Image
Image
User avatar
BunsBunsBuns
 
Posts: 997
Joined: Mon Dec 21, 2015 7:04 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Who is online

Users browsing this forum: No registered users and 4 guests