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: Re:

Postby ps4 kid » Sun Oct 16, 2016 7:16 am

~Neon_and_Lylia~ wrote:
storm coming. wrote:
      @neon, here you go, if this is even what you meant. it would be helpful if you were a bit more specific in the future so we can understand what you're actually asking for c: by the way, the quote looks fine for me, it may just be your screen sees it differently. this is what it looks like for me. how exactly did you want the quote to be arranged anyways?

      Code: Select all
      [left][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQ4LjA0MDU2Ny5UV0Y1WW1VZy4x/gelpenupright.light.png[/img][img]http://r28.imgfast.net/users/2815/28/87/87/avatars/86-90.gif[/img]
      [img]http://i.imgur.com/x4xcll8.gif[/img]

      [size=150][color=#004080]❃[/color][/size][size=150][color=#004080]❃[/color][/size][size=150][color=#004080]❃[/color][/size][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LjA0MDU2Ny5SbXh2ZDJWeWN5QWhJQ0VnLjAAAAAA/gelpen.light.png[/img] [size=150][color=#004080]❃[/color][/size][size=150][color=#004080]❃[/color][/size][size=150][color=#004080]❃[/color][/size]
      [img]http://24.media.tumblr.com/b354fd3f4090b5793d8f3c0624eb967f/tumblr_myjyo6lTaG1rbfnn5o6_r1_250.gif[/img][/left][left][center][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LjA0MDU2Ny5aM0p2ZHlCaVpYUjBaWEksLjAAAAAA/gelpen.light.png[/img]
      ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
      text
      ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬[img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjM2LjA2MDg2MC5TVzRnZEdobElFUkJVa3MsLjAA/flicker-demo.regular.png[/img][/center][/left][left][/left]


      @blended, here you are!

      Code: Select all
      [left][size=100]   [color=#FDD4EE]▐
           ▪
          ▐
           ▪
          ▐
           ▪
          ▐
           ▪
          ▐
           ▪
           ▪
          ▐
           ▪
          ▐
           ▪

        [/color][/size][/left][left][img]http://i.imgur.com/inNuf3T.png[/img][img]http://i.imgur.com/uH7X9Hb.png[/img]
      [img]http://i.imgur.com/QBWgkN2.gif[/img][img]http://i.imgur.com/QBWgkN2.gif[/img][img]http://i.imgur.com/QBWgkN2.gif[/img][img]http://i.imgur.com/QBWgkN2.gif[/img][img]http://i.imgur.com/QBWgkN2.gif[/img]
      [img]http://i.imgur.com/FtoPpUu.png[/img][/left][left][color=#FF80FF]╔══════════════╗
                                                                                                                         WIP WIP WIP WIP WIP
                                                                                                                     ╚══════════════╝[/color][/left]


I was looking for the text to be inside the box, and for the quote to be like this:

Blahblahblahblah
________________
text text text text
text text text text
________________
blahblah blah blah

Like that, basically hugging the borders
Image
icon credit: chamomile.
dane doodle credit: feyghost
User avatar
ps4 kid
 
Posts: 7817
Joined: Mon Apr 04, 2016 8:52 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Coding & Signature Tutorial/Help Thr

Postby qeu9nveq7vn » Sun Oct 16, 2016 7:20 am

    @Neon; I think the line structure prevents the hugging, but I fixed the text inside the lines.

    Code: Select all
    [left][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQ4LjA0MDU2Ny5UV0Y1WW1VZy4x/gelpenupright.light.png[/img][img]http://r28.imgfast.net/users/2815/28/87/87/avatars/86-90.gif[/img]
        [img]http://i.imgur.com/x4xcll8.gif[/img]

        [size=150][color=#004080]❃[/color][/size][size=150][color=#004080]❃[/color][/size][size=150][color=#004080]❃[/color][/size][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LjA0MDU2Ny5SbXh2ZDJWeWN5QWhJQ0VnLjAAAAAA/gelpen.light.png[/img] [size=150][color=#004080]❃[/color][/size][size=150][color=#004080]❃[/color][/size][size=150][color=#004080]❃[/color][/size]
        [img]http://24.media.tumblr.com/b354fd3f4090b5793d8f3c0624eb967f/tumblr_myjyo6lTaG1rbfnn5o6_r1_250.gif[/img][/left][left][center][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LjA0MDU2Ny5aM0p2ZHlCaVpYUjBaWEksLjAAAAAA/gelpen.light.png[/img]
        ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
        text
        ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    [img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjM2LjA2MDg2MC5TVzRnZEdobElFUkJVa3MsLjAA/flicker-demo.regular.png[/img][/center][/left]
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: Coding & Signature Tutorial/Help Thr

Postby cerulean blue » Sun Oct 16, 2016 11:21 am

in many signatures there are rectangle-ish shapes that frame/add to the whole thing.
██
██
██
██
██
██
██
I'm think you have to do some sort of code to make it conjoined or something?
Image

    Determind to complete
    wishlist, 1 page to go!
    Help is appreciated - please
    send trades/suggestions!
User avatar
cerulean blue
 
Posts: 5051
Joined: Tue Jan 07, 2014 4:47 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Coding & Signature Tutorial/Help Thr

Postby Aliria » Sun Oct 16, 2016 11:45 am

ȶrinpin wrote:
in many signatures there are rectangle-ish shapes that frame/add to the whole thing.
██
██
██
██
██
██
██
I'm think you have to do some sort of code to make it conjoined or something?


To make them look like one solid line, you need to make them a larger size. I'm not sure what the lowest size necessary for it is, I think they need to be at least around size 150.
I'll send out my soul
Image
To worlds more beautiful




User avatar
Aliria
 
Posts: 10986
Joined: Mon Nov 12, 2012 2:44 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Coding & Signature Tutorial/Help Thr

Postby ps4 kid » Sun Oct 16, 2016 1:17 pm

ahsoka wrote:snip



Yes perfect!
Image
icon credit: chamomile.
dane doodle credit: feyghost
User avatar
ps4 kid
 
Posts: 7817
Joined: Mon Apr 04, 2016 8:52 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Coding & Signature Tutorial/Help Thr

Postby likha » Sun Oct 16, 2016 1:49 pm

hey guys i'm coding my signature
and so far i don't really have
problems just with the last >
could someone help me with
that? thanks in advance
CODE:
Code: Select all
[left][center][size=200]✰LET✰[/size]
╔[color=transparent]xxxxxxxxxxxxx[/color]╗
[color=transparent]x[/color][size=85]heyyyy just your[/size]
[color=transparent]x[/color][size=85]average dog lovin[/size]
[color=transparent]xx[/color][size=85]shy girl. I like [/size]
[color=transparent]xx[/color][size=85]matd, p!atd, [/size]
[color=transparent]xx[/color][size=85]antm, pasta, & [/size]
[color=transparent]xx[/color][size=85]flowers. [strike]nerdd[/strike][/size]
╚[color=transparent]xxxxxxxxxxxxx[/color]╝
[i][b][size=200]LIGHT[/size][/b][/i][/center][/left][left][size=150]╒












╘[/size][/left]
[left][img]http://66.media.tumblr.com/6dd9d11b71accb9b624d4d412023570e/tumblr_mop99pfp191rdky84o3_250.png[/img][center][size=200]✰[/size][img]http://fontmeme.com/freefonts/img.php?f=74352&s=40&t=shine&c=000000[/img][size=200]✰[/size]

[size=150]──O U T[color=transparent]xx[/color]O F──[/size][/center][/left][left][size=150]╕












╛[/size][/left]













𝐈𝐒 𝐓𝐇𝐈𝐒 𝐓𝐇𝐄 𝐂𝐎𝐌𝐏𝐀𝐍𝐈𝐎𝐍𝐒𝐇𝐈𝐏
Image
𝐓𝐇𝐄𝐘 𝐖𝐑𝐈𝐓𝐄 𝐀𝐁𝐎𝐔𝐓 𝐈𝐍 𝐁𝐎𝐎𝐊𝐒?
───────────────────────── ⊰ ──────
── ⊱ ───────╮


𝐢. she/her 𝐢𝐢. intj
𝐢𝐢𝐢. the handmaiden
is my personality

───────────╯
Image
User avatar
likha
 
Posts: 4566
Joined: Fri May 27, 2016 2:18 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Coding & Signature Tutorial/Help Thr

Postby Aliria » Sun Oct 16, 2016 1:52 pm

@Galaxi You had pressed enter between two columns to move down the image, which lowers all columns after it. I got rid of the space and put a transparent dot over the image to move it down instead.

Code: Select all
[left][center][size=200]✰LET✰[/size]
╔[color=transparent]xxxxxxxxxxxxx[/color]╗
[color=transparent]x[/color][size=85]heyyyy just your[/size]
[color=transparent]x[/color][size=85]average dog lovin[/size]
[color=transparent]xx[/color][size=85]shy girl. I like [/size]
[color=transparent]xx[/color][size=85]matd, p!atd, [/size]
[color=transparent]xx[/color][size=85]antm, pasta, & [/size]
[color=transparent]xx[/color][size=85]flowers. [strike]nerdd[/strike][/size]
╚[color=transparent]xxxxxxxxxxxxx[/color]╝
[i][b][size=200]LIGHT[/size][/b][/i][/center][/left][left][size=150]╒












╘[/size][/left][left][color=transparent].[/color]
[img]http://66.media.tumblr.com/6dd9d11b71accb9b624d4d412023570e/tumblr_mop99pfp191rdky84o3_250.png[/img][center][size=200]✰[/size][img]http://fontmeme.com/freefonts/img.php?f=74352&s=40&t=shine&c=000000[/img][size=200]✰[/size]

[size=150]──O U T[color=transparent]xx[/color]O F──[/size][/center][/left][left][size=150]╕












╛[/size][/left]
I'll send out my soul
Image
To worlds more beautiful




User avatar
Aliria
 
Posts: 10986
Joined: Mon Nov 12, 2012 2:44 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Coding & Signature Tutorial/Help Thr

Postby likha » Sun Oct 16, 2016 2:38 pm

Aliria wrote:@Galaxi You had pressed enter between two columns to move down the image, which lowers all columns after it. I got rid of the space and put a transparent dot over the image to move it down instead.

Code: Select all
[left][center][size=200]✰LET✰[/size]
╔[color=transparent]xxxxxxxxxxxxx[/color]╗
[color=transparent]x[/color][size=85]heyyyy just your[/size]
[color=transparent]x[/color][size=85]average dog lovin[/size]
[color=transparent]xx[/color][size=85]shy girl. I like [/size]
[color=transparent]xx[/color][size=85]matd, p!atd, [/size]
[color=transparent]xx[/color][size=85]antm, pasta, & [/size]
[color=transparent]xx[/color][size=85]flowers. [strike]nerdd[/strike][/size]
╚[color=transparent]xxxxxxxxxxxxx[/color]╝
[i][b][size=200]LIGHT[/size][/b][/i][/center][/left][left][size=150]╒












╘[/size][/left][left][color=transparent].[/color]
[img]http://66.media.tumblr.com/6dd9d11b71accb9b624d4d412023570e/tumblr_mop99pfp191rdky84o3_250.png[/img][center][size=200]✰[/size][img]http://fontmeme.com/freefonts/img.php?f=74352&s=40&t=shine&c=000000[/img][size=200]✰[/size]

[size=150]──O U T[color=transparent]xx[/color]O F──[/size][/center][/left][left][size=150]╕












╛[/size][/left]

:0 thanks for fixing it! <3
𝐈𝐒 𝐓𝐇𝐈𝐒 𝐓𝐇𝐄 𝐂𝐎𝐌𝐏𝐀𝐍𝐈𝐎𝐍𝐒𝐇𝐈𝐏
Image
𝐓𝐇𝐄𝐘 𝐖𝐑𝐈𝐓𝐄 𝐀𝐁𝐎𝐔𝐓 𝐈𝐍 𝐁𝐎𝐎𝐊𝐒?
───────────────────────── ⊰ ──────
── ⊱ ───────╮


𝐢. she/her 𝐢𝐢. intj
𝐢𝐢𝐢. the handmaiden
is my personality

───────────╯
Image
User avatar
likha
 
Posts: 4566
Joined: Fri May 27, 2016 2:18 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Coding & Signature Tutorial/Help Thr

Postby ps4 kid » Sun Oct 16, 2016 3:09 pm

How would I add a white square border to the gif in my signature? Sorry, Imgur hates me and doesn't let me post resized, or added things to gifs on there. ;-;. Thank you if you can help me in advance!
Image
icon credit: chamomile.
dane doodle credit: feyghost
User avatar
ps4 kid
 
Posts: 7817
Joined: Mon Apr 04, 2016 8:52 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Coding & Signature Tutorial/Help Thr

Postby Tsukỉ » Sun Oct 16, 2016 4:19 pm

How can I make the [ code][/ code] so it's behind..? um, not like so:

Image
Code: Select all
x


but like.. aw, screw it. I mean, help me with
Code: Select all
[left][img]http://i.imgur.com/8e84PAn.jpg?1[/img][/left][left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjEyOC4yMTIxMjEuUkVWRFJRLCwuMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA,/ganton.regular.png[/img]
[size=85][center][color=#808080]i. [i]intro[/i] ii. [i]rules[/i] iii. [i]territory[/i] iv. [i]cats[/i] v. [i]relationships[/i] vi. [i]the deceased[/i]
vii. [i]form[/i] viii. [i]prophecies[/i] ix. [i]strikelist/banlist[/i] x. [i]nothing[/i][/color][/center][/size]
[size=90][b]you can make your own form, but it must include[/b] :

[i]some history/background of cat[/i]
[i]personality traits[/i] (it can't be a [i]complete[/i] mystery.)
[i]rank[/i]
[i]name[/i] (duh?)
[i]gender[/i]

[b]Pre-made form[/b] (ALL FORMS GO TO THE DISCUSSION BOARD)[right][code][img]https://66.media.tumblr.com/cdadd316af25120fa9fcce475fa87f22/tumblr_n70bflLPPu1qbgk5eo1_400.gif[/img][/code][/right][/left][/size]
User avatar
Tsukỉ
 
Posts: 5205
Joined: Wed Aug 01, 2012 7:35 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 1 guest