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 royalty. » Thu Apr 06, 2017 4:12 pm

    so so sorry for double posting, but can someone help me? why us the text box showing white spaces in between lines?
    [ if you do help, can u please explain what i did wrong? i am trying to get better at coding cx ]

    Code: Select all
    [left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjExNi40NzQ3NDcuUVV4VlUwbEIuMAAA/crimson.roman.png[/img][img]http://fontmeme.com/freefonts/img.php?f=25949&s=103&t=u%0A&c=000000[/img][/left]
    [right][img]https://pp.vk.me/c625822/v625822708/34c1d/MlHw7UaiIk4.jpg[/img][/right]

    [list][size=200][color=grey]the oracle[/color] [i]!![/i][/size][/list]
    [left][size=150]┌─────────────────────────────┐[/size]
    [right][size=150]│

    │[/size][/right][list][size=75]
    words words words wordswords words words
    words words words words
    [/size][/list][size=150]│

    │[/size]
    [size=150]└─────────────────────────────┘[/size][/left]
User avatar
royalty.
 
Posts: 11569
Joined: Wed Nov 30, 2011 9:22 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby ✦ nemuri » Thu Apr 06, 2017 4:20 pm

ImageImage

Image


    the oracle !!
┌─────────────────────────────┐


words words words wordswords words words
words words words words



└─────────────────────────────┘


Code: Select all
[left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjExNi40NzQ3NDcuUVV4VlUwbEIuMAAA/crimson.roman.png[/img][img]http://fontmeme.com/freefonts/img.php?f=25949&s=103&t=u%0A&c=000000[/img][/left]
[right][img]https://pp.vk.me/c625822/v625822708/34c1d/MlHw7UaiIk4.jpg[/img][/right]

[list][size=200][color=grey]the oracle[/color] [i]!![/i][/size][/list]
[left][size=150]┌─────────────────────────────┐[/size]
[right][size=150]│

│[/size][/right][right][size=75]words words words wordswords words words
words words words words[/size][/right][size=150]│

│[/size]
[size=150]└─────────────────────────────┘[/size][/left]


Although I don't know the answer to your first question, I do know why your post is looking wonky. (Also, there is an edit button for you to use to add on to your first question.)

Coding boxes are tricky, and you substituted the right tags around the text for list tags, which is what made it go wonky. If you want the text to go all the way to the left, then you can use transparent letters to shift it over or fill up the entire space with words.

Also, I would suggest cropping the wolf image or making the size of your post smaller; what you originally had in mind won't fit in a post even if it does in the preview because the preview screen is larger than the post.
Image
┌────────────┐
御影密bot - inactive
if you have questions, the
answer is probably "no"

└────────────┘
User avatar
✦ nemuri
 
Posts: 11438
Joined: Tue Jun 30, 2015 3:04 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby nana » Fri Apr 07, 2017 9:27 pm

HElP


Code: Select all
[left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjI0MC4xYzFjMWMuVGcsLC4wAAAAAA,,/ansichtkaart-demo.regular.png[/img][/left][left][img]http://i.imgur.com/K1GvgE5.gif[/img][/left][left]━━━━━━━━━
[size=85]hello there. im cass;
i am panxual and genderqueer.
i also go to highschool.
im an aquarius,
and live in the pacific time zone.
enjoy your day.[/size]
━━━━━━━━━[/left]
[left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjEwNi4xYzFjMWMuYVdkb2RHTnlZWGRzWlhJLC4wAAAAAAAAAAAAAA,,/ansichtkaart-demo.regular.png[/img][/left][left][img]http://i.imgur.com/iHi39mu.gif[/img][/left][left]━━━━━━━━━
[size=85]   [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=669307]vlad[/url]
[url=http://flightrising.com/main.php?p=lair&tab=userpage&id=286522]my fr[/url]
[url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=103&t=3367692]my kalons[/url][center][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=682934][color=#000000]credit[/color][/url][/center][/size]
━━━━━━━━━[/left]


okay. so two things. first theres this giant space in night crawler. i need the rest of night crawler to be right under the picture, and for the text with the links to be the right if that, under the other text box. second thing. idk how to center the links to make it like the credit link ah helppppp please
┌─────── ⋆⋅•⋅⋆ ───────┐
she/they - adult
toyhou.se
bi - audhd
└─────── ⋆⋅•⋅⋆ ───────┘
User avatar
nana
 
Posts: 10195
Joined: Thu Aug 13, 2015 7:07 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby Keir; » Fri Apr 07, 2017 9:34 pm

@cassafrass
You had way too many left columns. Each column should be placed in one set of left tags; the "ightcrawler" and black box images needed to be placed in the same left tag as the moon gif, rather than all three being in separate ones. As for centering the text, you had the center tags around just the one "credit" link, thus making it the only one centered. By putting the center tags around all of the text, all of it becomes centered.

Code: Select all
[left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjI0MC4xYzFjMWMuVGcsLC4wAAAAAA,,/ansichtkaart-demo.regular.png[/img][/left][left][img]http://i.imgur.com/K1GvgE5.gif[/img]
[img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjEwNi4xYzFjMWMuYVdkb2RHTnlZWGRzWlhJLC4wAAAAAAAAAAAAAA,,/ansichtkaart-demo.regular.png[/img] [img]http://i.imgur.com/iHi39mu.gif[/img][/left][left][center]━━━━━━━━━
[size=85]hello there. im cass;
i am panxual and genderqueer.
i also go to highschool.
im an aquarius,
and live in the pacific time zone.
enjoy your day.[/size]
━━━━━━━━━
━━━━━━━━━
[size=85][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=669307]vlad[/url]
[url=http://flightrising.com/main.php?p=lair&tab=userpage&id=286522]my fr[/url]
[url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=103&t=3367692]my kalons[/url]
[url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=682934][color=#000000]credit[/color][/url][/size]
━━━━━━━━━[/center][/left]
Image
Image
║███
║███
║███
─────────
keir - he/him
coding shop
─────────
Image
Image






───┐
Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
ImageImage
Image
███║
███║
███║






Image
Image





███████████
═══════════

Image
─────────────────
hmu if you wanna co-op in
genshin! (NA server, AR 60)
always down to help with
anything, or join just for fun!
─────────────────





███████
──────────
fandoms: svt
ateez, love nikki
genshin, bsd
──────────
▀▀▀▀▀▀▀
Image
Image
┌───────┐
- 𝐿𝓎𝓃𝑒𝓎​
└───────┘
Image
User avatar
Keir;
 
Posts: 11719
Joined: Thu May 05, 2016 11:06 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby nana » Fri Apr 07, 2017 10:10 pm

@Nicky Midnight

your my hero thank you so much
┌─────── ⋆⋅•⋅⋆ ───────┐
she/they - adult
toyhou.se
bi - audhd
└─────── ⋆⋅•⋅⋆ ───────┘
User avatar
nana
 
Posts: 10195
Joined: Thu Aug 13, 2015 7:07 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby royalty. » Sat Apr 08, 2017 10:56 am

    Code: Select all
    [size=85][center][right][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjY2LjQ0MGE2Ni5VMGhCUkU5WFV3LCwuMAAA/featherscript.regular.png[/img][/right][/center]
    [left][img]http://i.imgur.com/JjBA1Gx.gif[/img]
    [size=155]┌─────────────┐[/size]
    [right][size=150]│










    │[/size][/right][right][size=75][center][b][i]the guidelines my doods !![/i][/b]
    ────────────────────────
    1. alright so um for starters please do
    n't rush me like i'm trying okay thx 2.
    follow cs rules ofc 3. no fighting, cur
    sing 4. you must send payment when i
    accept you, i won't scam you lol 5. do
    not change the coding in any way, this
    can mess it up and let's be honest ik y
    ou don't want it messed up. 6. please b
    e patient, no arguing. 7. do not, under
    any circumstances, remove the credit.
    8. no refunds, and your not allowed to
    cancel your order once i start it. 9. do
    n't steal any coding please cx 10. i can
    reject any order, don't be upset. 
    [b][i]disclaimers/etc. !![/i][/b]
    ────────────────────────
    i am no professional, and i can only do
    so much. the shop does not run off of a
    first come first serve policy, i pick base
    d off of muse. if i am having trouble or
    what you asked for is too much, i will l
    et you keep your payment and i'll canc
    el the order.[/center][/size][/right][size=150]│










    │[/size]
    [size=155]└─────────────┘[/size][/left][left][size=162]‧









    [/size][/left]

    [size=120][i]THE !!THE !![/i][/size]

    [left][size=155]┌────────────────────────┐[/size]
    [right][size=150]│


    │[/size][/right][right][size=75]hi there my doods i'm royalty but you can call me royalty cx i'm glad
    your interested in my pretty okay coding. i run on est time and i am
    on pretty often. okay anyway please follow my guidelines and we're
    gucci. depending on mood and muse, i'll get your order done asap c:
    they usually take up to a day, the more muse the sooner it's done .[/size][/right][size=150]│


    │[/size]
    [size=155]└────────────────────────┘[/size][/left]
    [right][img]http://i.imgur.com/fCzP44Y.gif[/img][/right]






    [center][size=200][color=#000040][i]BETRAY[/i][/color] YOU[/size][/center]
    [right][size=100]━━━━━━━━━━━━━━━━━━━━━━━━━━[/size]
    [size=160]░░░░░░░░░░░░░░░░░░░░░░░[/size]
    [size=100]━━━━━━━━━━━━━━━━━━━━━━━━━━[/size]
    [size=75][center]CAN'S -okie dokie so i can basically do any kind of char form, and i d
    o gory/creepypasta/etc. kind of stuff so dw about that cx i can reseize and
    crop images and gifs, as well as rotate them and stuff. i can use all types of
    text and dingbats. i've been improving my coding skills and therefore i can
    ensure you it'll look neat. i will sometimes negotiate with prices.
    CANT'S - alright so since this is a smaller, cheaper shop it does have
    it's faults. i can't overlap text/images/gifs very well, so i recommend you d
    on't ask for that. i won't do anything artwise if you don't have permission to
    use it from the artist. i can't do anything too fancy, like i said before i'm sti
    ll learning. i can't do signatures, trade centers, avatars. i can only do chara
    cter forms, forum thread posts, posting setups [ for in roleplays when you m
    ake a response ] and relation charts.[/center][/size][/right]
    [size=200]BECAUSE THEY[/size]
    [img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjk2LjQ0MGE2Ni5VMFZTVmtVLC4wAAAA/morris-roman.alternate-black.png[/img]
    [size=200][i]ME !! ME !! ME !![/i][/size][/size]


    someone help me out? it is all so spaced out and no matter what i do i can't seem to push it closer together
User avatar
royalty.
 
Posts: 11569
Joined: Wed Nov 30, 2011 9:22 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby britneyrox » Sat Apr 08, 2017 2:05 pm

      Hey everyone! Happy CS birthday!

      I've recoded my adoption center, and I'm nearly done, but something feels a bit off about the raffles section in particular. I was hoping to get some opinions/suggestions. I used the list function to get the pets lined up in the center, but they're still a bit off - does it look funny when you look at it?









Image
╔══════════════╗
━━━━━━━━━
feel free to pm me,
i don't mind at all c:
━━━━━━━━━

╚══════════════╝
╔══════════════╗

━━━━━━━━━━━
Text
━━━━━━━━━━━
╚══════════════╝











Image
═══════════════
─ amenra ─
═══════════════
Image











╔════════════╗
━━━━━━━━━
your touch
Image
── i see ──
Image
in your eyes

━━━━━━━━━
╚════════════╝
╔════════════╗

━━━━━━━━━

━━━━━━━━━
╚════════════╝









User avatar
britneyrox
 
Posts: 19766
Joined: Wed Jul 28, 2010 12:40 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Postby galaxial » Sat Apr 08, 2017 2:22 pm

      Code: Select all
      [left][img]http://i.imgur.com/JjBA1Gx.gif[/img]
      [size=155]┌─────────────┐[/size]
      [right][size=155]│










      │[/size][/right][right][size=75][center][b][i]the guidelines my doods !![/i][/b]
      ────────────────────────
      1. alright so um for starters please do
      n't rush me like i'm trying okay thx 2.
      follow cs rules ofc 3. no fighting, cur
      sing 4. you must send payment when i
      accept you, i won't scam you lol 5. do
      not change the coding in any way, this
      can mess it up and let's be honest ik y
      ou don't want it messed up. 6. please b
      e patient, no arguing. 7. do not, under
      any circumstances, remove the credit.
      8. no refunds, and your not allowed to
      cancel your order once i start it. 9. do
      n't steal any coding please cx 10. i can
      reject any order, don't be upset. 
      [b][i]disclaimers/etc. !![/i][/b]
      ────────────────────────
      i am no professional, and i can only do
      so much. the shop does not run off of a
      first come first serve policy, i pick base
      d off of muse. if i am having trouble or
      what you asked for is too much, i will l
      et you keep your payment and i'll canc
      el the order.[/center][/size][/right][size=155]│










      │[/size]
      [size=155]└─────────────┘[/size]
      [img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjY2LjQ4MmE4My5VMFZTVmtVLC4wAAAA/morris-roman.black.png[/img]
      [size=130][i]ME !! ME !! ME !![/i][/size][/left][left][size=162]‧


















      [/size][/left][left][size=120][i]THE !!THE !!
      THE !!THE !!
      THE !!THE !!
      THE !!THE !![/i][/size][/left][left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjY2LjQ4MmE4My5VMGhCUkU5WFV3LCwuMA,,/featherscript.regular.png[/img][/left]
      [left][size=155]┌────────────────────────┐[/size]
      [right][size=150]│


      │[/size][/right][right][size=75]hi there my doods i'm royalty but you can call me royalty cx i'm glad
      your interested in my pretty okay coding. i run on est time and i am
      on pretty often. okay anyway please follow my guidelines and we're
      gucci. depending on mood and muse, i'll get your order done asap c:
      they usually take up to a day, the more muse the sooner it's done .[/size][/right][size=150]│


      │[/size]
      [size=155]└────────────────────────┘[/size]
      [size=100][center]━━━━━━━━━━━━━━━━━━━━━━━━━━[/size]
      [size=160]░░░░░░░░░░░░░░░░░░░░░░░[/size]
      [size=100]━━━━━━━━━━━━━━━━━━━━━━━━━━[/center][/size]
      [size=75][center]CAN'S -okie dokie so i can basically do any kind of char form, and i d
      o gory/creepypasta/etc. kind of stuff so dw about that cx i can reseize and
      crop images and gifs, as well as rotate them and stuff. i can use all types of
      text and dingbats. i've been improving my coding skills and therefore i can
      ensure you it'll look neat. i will sometimes negotiate with prices.
      CANT'S - alright so since this is a smaller, cheaper shop it does have
      it's faults. i can't overlap text/images/gifs very well, so i recommend you d
      on't ask for that. i won't do anything artwise if you don't have permission to
      use it from the artist. i can't do anything too fancy, like i said before i'm sti
      ll learning. i can't do signatures, trade centers, avatars. i can only do chara
      cter forms, forum thread posts, posting setups [ for in roleplays when you m
      ake a response ] and relation charts.[/center][/size][/left]
      [left][center][img]http://i.imgur.com/fCzP44Y.gif[/img]
      [size=200][color=#000040][i]BET
      RAY[/i][/color]
      YOU[/size][/center][/left]

      @royalty. not sure if i did this right [ i mess up a lot ], but maybe something
      like this is what you were aiming for? it's fine if you don't want to use it, or
      wait for someone else to come along and fix it. ^^
User avatar
galaxial
 
Posts: 4263
Joined: Sat Dec 19, 2015 11:10 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Postby yinsum » Sat Apr 08, 2017 3:20 pm

      @ britneyrox ;
        so here's an explanation on why it doesn't work -- cs pet images are usually different sizes, i.e compare the bunny and pony images - they're different sized. so even when you use the list function to line up the pets on their left side, the codes + info, which are pressed against the pets' images if you get what i mean, would be different widths apart because the pets' image is what's moving the info + codes forward.

        since i'm supposing you want everything lines up -- the pets' images on the leftmost side and the codes on the rightmost -- there's not really a clear way as to how to do that, as far as i know. you could maybe use left columns and list tags around those columns, and resize the images so they're all the same width. i'd play around with center columns and left-and-right columns too, maybe.
yinsum
 
Posts: 9406
Joined: Sat Jun 13, 2015 5: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 royalty. » Sun Apr 09, 2017 2:24 am

      galaxial i really really like it. thank you c:
User avatar
royalty.
 
Posts: 11569
Joined: Wed Nov 30, 2011 9:22 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