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

[hongjoongie.]

Code: Select all

[left][size=200]██
██
██
██
██
██
██
██
██
██
██
██
██
██
██
██
██
██[/size][/left][left][img]http://txt-dynamic.cdn.1001fonts.net/txt/dHRmLjk2LjAwMDAwMC5TU2ROSUU5T1RGaywuMAAA/crimson.roman.png[/img]
─────────────────────────────[size=200][b][i]( ♞ ! )[/i][/b][/size] ─────
[size=200]███████[/size][right][center]put whatever you're gonna put here xxxxxxx
put whatever you're gonna put here xxxxxxx
put whatever you're gonna put here xxxxxxx
put whatever you're gonna put here xxxxxxx
put whatever you're gonna put here xxxxxxx
put whatever you're gonna put here xxxxxxx
put whatever you're gonna put here xxxxxxx
put whatever you're gonna put here xxxxxxx
put whatever you're gonna put here xxxxxxx
it doesnt have to go all the way down here[/center][/right]
──────────────
[color=transparent]xxxxx[/color][img]http://txt-dynamic.cdn.1001fonts.net/txt/dHRmLjg4LjAwMDAwMC5RUSwsLjAAAAAA/crimson.roman.png[/img]
──────────────
[size=85]something here idk[/size]
[size=200]██
██[/size]───────────────────────────────────────
[size=85]words words words words words words words words words words words words x
words words words words words words words words words words words words x
words words words words words words words words words words words words x[/size]
[size=200]█████████████████████[/size]
[size=85]words words words words words words words words words words words words x
words words words words words words words words words words words words x
words words words words words words words words words words words words x
words words words words words words words words words words words words x
words words words words words words words words words words words words x
words words words words words words words words words words words words x
words words words words words words words words words words words words x
words words words words words words words words words words words words x[/size][/left]

@malfoys, im assuming this is what you needed? just put the stuff inbetween the "[right][center]" brackets (or, where it says "put whatever your gonna put here"). it doesnt have to fill in the whole space^^ hopefully, that works! if not, feel free to pm me and i can see if i can figure out something else. sorry if this doesnt work for you!!

[anonymous.aa]

I need help! It looked okay in the preview but ended up a flop when I finished it
(I also want to make the font permanent but I dunno how ;^;)

Hi there! To keep your font pictures permanent, I suggest uploading them to an image hosting site. There are quite a few different ones out there, and I myself like to use https://imgur.com. You can find more of these sites on this post, just scroll down until you reach "Image Hosting"!

Once you get that all sorted out, it'll be a lot easier to help with your code.

Thank you so much! <3

[leilanii]

how do i do this?
i mean like how can i edit it in my sig and make it a image

Code: Select all

<div class="popup2-moremenu"><div class="floaty-boat"><img src="http://pre01.deviantart.net/1b77/th/pre/f/2015/237/a/e/pastel_galaxy_by_ghostlystatic-d976c4h.png"></div><div class="gr-box gr-genericbox">
<img align="center" src="http://orig04.deviantart.net/67a8/f/2015/258/9/6/blue_01_paint_by_sulyia-d99842n.png"></img>
<div class="gr-box gr-genericbox"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><div class="previewbox"><div class="floaty-boat"></div><div class="gr-box gr-genericbox"><div align="center">
 
<h3>:thumb398915948: [NAME] :thumb398915948: [AGE] :thumb398915948: [PRNS] :thumb398915948:</h3><small> | <a href="http://sta.sh/01hrnogbo205">LINK1</a> | <a href="http://sta.sh/01n9gh5qeojc">LINK2</a> | <a href="http://sta.sh/01rzr7jc7oby">LINK3</a> |</small>
 
<div align="center"><a href="http://vvindows98.deviantart.com/art/Page-Stuff-Pastel-Goth-Aesthetic-Divider-639103146?ga_submit_new=10%253A1476011663"><img src="http://orig10.deviantart.net/5efb/f/2016/283/7/b/pastal_goth_by_vvindows98-daki756.png"></a>
 
:thumb398915960::thumb398915940::thumb398915960::thumb398915940::thumb398915960::thumb398915940::thumb398915960::thumb398915940::thumb398915960::thumb398915940::thumb398915960:
 
<small>This is where the about you goes! Talk about your awesome self!
Make this as long as you need, and feel free to add stamps and GIFS!
 
And this is just a quick reminder to all my LGBTQ+, Trans*, Non Binary, Other / Fiction / Copekin, ect, that you are beautiful and valid! I love you and you deserve to love yourself!
 
:thumb398915936::thumb574604725::thumb398915936::thumb574604725::thumb398915936::thumb574604725::thumb398915936::thumb574604725::thumb398915936::thumb574604725::thumb398915936:
 
<a href="http://fandomghoul.deviantart.com/art/Junk-Trash-Deco-Divider-625822847"><img src="http://orig12.deviantart.net/2022/f/2016/216/0/d/junk_trash___deco_divider_by_thecandycoating-dacljzz.png"></a>
 
Code by :devfandomghoul:
Paint Box by :devsulyia:
Background by :devghostlystatic:<div class="pagination sitback-container cc-userdetails talk-post popup2-clear"><div class="flex-bottom popup2-clear"></div></div>

this is the image; https://orig00.deviantart.net/e8a3/f/20 ... aki88s.png

this is where i got the code and the image: https://vvindows98.deviantart.com/art/P ... -639104572
helpp

[hongjoongie.]

@leilanii, please do not quote your message unless it is a new page. someone will answer your question eventually^^
as for your question, the original code is not in the correct coding. cs uses bbcode, and the widget that you want to use is not in that format. i believe the widget is intended to be used for other websites, such as dA or tumblr, and i don't really think you'll be able to change the code into bbcode. you have two options; take a screenshot and edit the photo to fill in your information, or buy a signature based off of it. otherwise, as far as i know, there isn't really a way to use that code. even if you could, i think it would exceed the maximum height of 400 pixels.
i hope this makes sense^^

[Tsukỉ]

@leilanii, please do not quote your message unless it is a new page. someone will answer your question eventually^^

They haven't posted twice in this page.

how do i do this?
i mean like how can i edit it in my sig and make it a image

Firstly, this is not BBCode and it cannot work on CS.
It's html, which works differently and is NOT supported by Chicken Smoothie.
However, if you want, simply wrap [ img][/img ] around the URL of the screenshot.

[majima]

Code: Select all

[left][img]https://i.imgur.com/CYK1VLq.jpg[/img][/left][center][left][img]https://i.imgur.com/o2PwV7B.png[/img]
[img]https://i.imgur.com/uqv7xDG.gif[/img]
( ͠°  ω  ͠°  )
[size=125][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=749695]👽[/url]   [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=655194]👾[/url]   [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=654056]👠[/url]   [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=752600]👢[/url][/size]
[img]https://i.imgur.com/TLZSodn.png[/img][/left][/center]
[left][img]https://i.imgur.com/9iHPY6j.jpg[/img][/left]


[left][center][size=85]⊂( ・ ̫・)⊃
    newbie guides!
    [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=17&t=1455607]newbie index[/url]
    [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=17&t=1065524]adopt a newbie[/url]
  [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=17&t=102000]must read rules[/url][/size][/center][/left]



can i somehow get the image on the far right back inline? im not sure if that makes sense but uh? to make it so the 2 images are aligned?

[sillies]

@aizawa

this should do it! you just had the line that held the image in it entered down, instead of having it come right after the [/ center]



Code: Select all

[left][img]https://i.imgur.com/CYK1VLq.jpg[/img][/left][center][left][img]https://i.imgur.com/o2PwV7B.png[/img]
[img]https://i.imgur.com/uqv7xDG.gif[/img]
( ͠°  ω  ͠°  )
[size=125][url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=749695]👽[/url]   [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=655194]👾[/url]   [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=654056]👠[/url]   [url=http://www.chickensmoothie.com/Forum/memberlist.php?mode=viewprofile&u=752600]👢[/url][/size]
[img]https://i.imgur.com/TLZSodn.png[/img][/left][/center][left][img]https://i.imgur.com/9iHPY6j.jpg[/img][/left]


[left][center][size=85]⊂( ・ ̫・)⊃
    newbie guides!
    [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=17&t=1455607]newbie index[/url]
    [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=17&t=1065524]adopt a newbie[/url]
  [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=17&t=102000]must read rules[/url][/size][/center][/left]

[majima]

@ peach tea!
oops! thank you so much C:

[leilanii]

@leilanii, please do not quote your message unless it is a new page. someone will answer your question eventually^^

They haven't posted twice in this page.

how do i do this?
i mean like how can i edit it in my sig and make it a image

Firstly, this is not BBCode and it cannot work on CS.
It's html, which works differently and is NOT supported by Chicken Smoothie.
However, if you want, simply wrap [ img][/img ] around the URL of the screenshot.

Oh sorry to all. Can someone Help me do that?

[icxacruz]

mark