Digitally Distinct: BBCoding Tutorial/Help Thread

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

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby iyori » Sat Jan 27, 2018 6:50 am

Code: Select all
[left][img]https://i.imgur.com/gKWgM9p.png?1[/img][/left][right][img]https://i.imgur.com/pHH8IV3.png?1[/img][/right][size=150][center][color=#D8C2AD]┌───────────────────────────┐[/color][/center][left][color=#D8C2AD]│









│[/color][/left][/size][size=150][right][size=85]hey![/size][/right][right][color=#D8C2AD]│









│[/color][/right]
[center][color=#D8C2AD]└───────────────────────────┘[/color][/center][/size]




hey! I'm not a very good coder and I know a simple box should be easy to make, but I've been having trouble putting size x80 text into the box without messing up the signature completely.
User avatar
iyori
 
Posts: 1866
Joined: Sat Aug 26, 2017 12:28 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby saint » Sat Jan 27, 2018 7:16 am

    does anyone know how to do trading rules? i'm struggling with this so much, it's not allowing me to centre it all. plus i'm trying to add some images, but it still won't let me ;; i've probably made a stupid mistake, but any help is appreciated.

    Code: Select all
    [center][img]http://txt-dynamic.cdn.1001fonts.net/txt/dHRmLjg4LjAwMDMwYS5TVTRnVkVoRklFTkpWRmtnVDBZZ1FVNUhSVXhULjAAAAAAAAAA/condiment.regular.png[/img][size=150]I'M [color=transparent]xxxxxxx[/color]DEALING [color=transparent]xxxxxxx[/color]WITH [color=transparent]xxxxxxx[/color]DEMONS[/size]────────────────────────────────────────────────────────────────────────────[left][size=75][b]RULES[/b]
    please take the time to read my rules, thank you!
    1) [b]be fair.[/b] keep demand and rarity in mind.
    2) [b]no one sided suggestions.[/b]
    3) [b]i would appreciate a message,[/b] but it's not necessary.
    4) [b]no items.[/b] i have no interest for dress ups.[/size]
    ━━━━━━━━━━━━━━━━━━━━━━
    [size=75][b]KIND USERS[/b]
    - [url=http://www.chickensmoothie.com/trades/viewtrade.php?id=62887035&userid=671092&signature=DF_0NwaSGBIzWi9kKUqxlg]tenor[/url]
    - [url=http://www.chickensmoothie.com/trades/viewtrade.php?id=63362250&userid=671092&signature=1QYl-s11h3LIecuuYBNh8Q]☆αℓρнαƒιяєωⓞℓƒ☆[/url]
    - [url=http://www.chickensmoothie.com/trades/viewtrade.php?id=62863559&userid=671092&signature=2kjenSDyLA5_pU80zBG7fg]X-Cat[/url]
    - [url=http://www.chickensmoothie.com/trades/viewtrade.php?id=62863780&userid=671092&signature=14BSZt_Qi5TfIxl50pSudg]sαкαмαкι[/url]

    [b]GIVEAWAYS[/b]
    none at the moment.[/size]
    ━━━━━━━━━━━━━━━━━━━━━━

    [b]NOTES[/b]

    [size=75][url=http://www.chickensmoothie.com/pet/211143445.html][img]http://www.chickensmoothie.com/pet/211143445&trans=1.jpg[/img][/url]
    [b]i'm a rat hoarder![/b][/size]
    ━━━━━━━━━━━━━━━━━━━━━━[/left][/center]


    lol nevermind i'm dumb
Last edited by saint on Sun Jan 28, 2018 4:23 am, edited 1 time in total.
saint
 

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby waggy » Sat Jan 27, 2018 9:27 am

how do I put the basics text under the insert quote here thing?
Code: Select all
[list][left][img]https://i.imgur.com/LHKFvQe.png[/img]
[size=65][i]Linkin Greenwood // 17 years old // male // questioning sexuality //[/i]
[b]instert quote here[/b][/size][/left][/list][left][img]https://i.imgur.com/ZUgLdFD.png[/img][/left][left][size=65][list][list]BASICS[/list][/list]
[list]Link is a Junior at The Bitter Snows Highschool.[/list][/size][/left]
waggy
 
Posts: 16211
Joined: Mon Apr 25, 2016 9:14 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Postby haunting » Sat Jan 27, 2018 9:50 am

@iris-springs, here you go!

Code: Select all
[left][img]https://i.imgur.com/gKWgM9p.png?1[/img][/left][left][size=150][color=#D8C2AD]┌───────────────────────────┐[/color][/size]
[right][size=150][color=#D8C2AD]│









│[/color][/size][/right][right][size=80][center]words words words[/center][/size][/right][size=150][color=#D8C2AD]│









│[/color][/size]
[size=150][color=#D8C2AD]└───────────────────────────┘[/color][/size][/left][left][img]https://i.imgur.com/pHH8IV3.png?1[/img][/left]


@goatmeal, here's yours!

Code: Select all
[list][left][img]https://i.imgur.com/LHKFvQe.png[/img]
[size=65][i]Linkin Greenwood // 17 years old // male // questioning sexuality //[/i]
[b]instert quote here[/b]
BASICS
Link is a Junior at The Bitter Snows Highschool.[/size][/left][/list][left][img]https://i.imgur.com/ZUgLdFD.png[/img][/left]
User avatar
haunting
 
Posts: 1090
Joined: Tue Sep 19, 2017 3:38 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby waggy » Sun Jan 28, 2018 1:36 am

@haunting
    tyvm!

    How do I put text next to the picture?

    Code: Select all
    [left][list][img]https://i.imgur.com/K7w9o1o.png[/img]
    [list][list][size=75]e v e n[color=transparent]xxxxxx[/color]t h e[color=transparent]xxxxxx[/color]m o s t[color=transparent]xxxxxx[/color]w o u n d e d[color=transparent]xxxxxx[/color]h e a r t [i]! ![/i] ↞ ─────────🌿────[/size][/list][/list]
    [img]https://i.imgur.com/fFpv82b.jpg[/img][/list][/left][left]|
    |
    |
    |
    |
    |
    ┘[/left]
waggy
 
Posts: 16211
Joined: Mon Apr 25, 2016 9:14 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re:

Postby iyori » Sun Jan 28, 2018 5:35 am

haunting wrote:
@iris-springs, here you go!

Code: Select all
[left][img]https://i.imgur.com/gKWgM9p.png?1[/img][/left][left][size=150][color=#D8C2AD]┌───────────────────────────┐[/color][/size]
[right][size=150][color=#D8C2AD]│









│[/color][/size][/right][right][size=80][center]words words words[/center][/size][/right][size=150][color=#D8C2AD]│









│[/color][/size]
[size=150][color=#D8C2AD]└───────────────────────────┘[/color][/size][/left][left][img]https://i.imgur.com/pHH8IV3.png?1[/img][/left]


@goatmeal, here's yours!

Code: Select all
[list][left][img]https://i.imgur.com/LHKFvQe.png[/img]
[size=65][i]Linkin Greenwood // 17 years old // male // questioning sexuality //[/i]
[b]instert quote here[/b]
BASICS
Link is a Junior at The Bitter Snows Highschool.[/size][/left][/list][left][img]https://i.imgur.com/ZUgLdFD.png[/img][/left]



thanks!
User avatar
iyori
 
Posts: 1866
Joined: Sat Aug 26, 2017 12:28 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby quiixxy » Sun Jan 28, 2018 12:07 pm

aaaahh;;

Could someone please help me add a bio box to
put some links in on the right? Everytime I go to
do it it messes up...any help is appreciated and
you may change the size of the gif! Thanks in advance!!!

Code to siggy///

Code: Select all
[left][img]http://i.imgur.com/cxrnNks.png[/img][/left]
[left][img]https://fontmeme.com/permalink/180127/3f2fef71eca0454498e919cc4334f225.png[/img][/left][left][img]http://i.imgur.com/uMFoc8W.png[/img][/left]
[left][img]http://www.auplod.com/u/aodlpua3a7a.gif[/img][/left]
ImageImage
User avatar
quiixxy
 
Posts: 5810
Joined: Thu Feb 26, 2015 11:09 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby caesou » Sun Jan 28, 2018 12:20 pm

    @vriska, is this what you were after?

    Code: Select all
    [left][img]http://i.imgur.com/cxrnNks.png[/img][/left][left][img]https://fontmeme.com/permalink/180127/3f2fef71eca0454498e919cc4334f225.png[/img][/left][left][img]http://i.imgur.com/uMFoc8W.png[/img][/left][left][img]http://www.auplod.com/u/aodlpua3a7a.gif[/img][/left][left][size=150]┌──────────┐
    [right]│


    │[/right][/size][right]text text text[/right][size=150]│



    └──────────┘[/size][/left]


    couple things: for me, boxes are quite inflexible and hard (not in terms of complexity/skill) to work with. be careful with the text inside the box AND the box itself.
    the box i coded is quite small, feel free to make it bigger if you need to (""minimum"" size should be 120p, otherwise you get a gap between line breaks - can't show an example since i usually type with [ list] but it's not a nice straight line)

    there's also a box guide (warning: lag) here if anything gets too confusing
Image Image ’゚ ・:*
─────────────────────────────────────────↪ destined to be a star !!──────











Image











░░░░░░░░░░░░░░░░░░░░░░

──────⭐︎──── ────⭐︎──────




x


hi, i'm caesou! (she/they)
demi-bisexual
i coded this myself!
  Image
  Image
x





─────────────────────────

░░░░░░░░░░░░░░░░░░░░░░
────────────────────────────────────────.・。.・゜✫*゚・゚。.★ ’゚・:・.✫*゚・゚.・.★ ’・。.
██████████████████████████████████████████████
User avatar
caesou
 
Posts: 5977
Joined: Sun Nov 24, 2013 2:47 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: help '='

Postby Herä » Sun Jan 28, 2018 11:20 pm

Terrä wrote:
      i am still learning how to make boxes allign 'right' in signatures.
      Could someone edit this for me so its alligned to the right rather than the left so I can further experiment?
      Thank you. >< I would do it on my own but I've messed with it all for hours and I'm ready to flip a table.

      Code: Select all
      [left][center][img]https://orig00.deviantart.net/658d/f/2017/237/a/7/cat_skull__free_to_use__by_akumiirako-dbl9ml5.png[/img][/center][/left][left][size=130][color=#C572A8]┌──────────────┐[/color][/size]
      [right][size=130][color=#C572A8]│
      │[/color][/size][/right][right][size=50][center][color=transparent].[/color][/center][/size][size=70][center][b][color=#C572A8]LEAVE ONE WOLF ALIVE &
      THE SHEEP ARE NEVER SAFE[/color][/b]
      [color=#587053]Terra ◦ she/her ◦ GAY[/color][/center][/size][/right][size=130][color=#C572A8]│
      │[/color][/size]
      [size=130][color=#C572A8]└──────────────┘[/color][/size]
      [center][size=85]- - - - - - - - - - - - - - - [/size][/center][/left]
User avatar
Herä
 
Posts: 320
Joined: Mon Dec 04, 2017 9:15 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby remo » Sun Jan 28, 2018 11:48 pm

    @terrä you're going to have to use some transparent characters in order
    to fill out the empty space from the │ borders but besides that it's really
    just replacing left commands with right commands and vice versa

      Code: Select all
      [right][center][img]https://orig00.deviantart.net/658d/f/2017/237/a/7/cat_skull__free_to_use__by_akumiirako-dbl9ml5.png[/img][/center][/right][right][size=130][color=#C572A8]┌──────────────┐[/color][/size]
      [left][size=130][color=#C572A8]│
      │[/color][/size][/left][size=85][left][color=transparent].
      .[/color][/left][/size][left][size=70][center][b][color=#C572A8]LEAVE ONE WOLF ALIVE &
      THE SHEEP ARE NEVER SAFE[/color][/b]
      [color=#587053]Terra ◦ she/her ◦ GAY[/color][/center][/size][/left][size=85][left][color=transparent].
      .[/color][/left][/size][size=130][color=#C572A8]│
      │[/color][/size]
      [size=130][color=#C572A8]└──────────────┘[/color][/size]
      [center][size=85]- - - - - - - - - - - - - - - [/size][/center][/right]
User avatar
remo
 
Posts: 110
Joined: Sat Jan 20, 2018 3:51 pm
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 0 guests