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 ps4 kid » Fri Jun 09, 2017 8:59 am

alright, im in a big pickle and i need some help
so, i was doing some coding for a forum, and it looked fine, but when i enter it, it looks all messed up. if someone can help me to get it to look how it should look, (like this) Image ,then it would be greatly appreciated!

(I use a google chrome laptop for if anyone needs to know what i use.)
coding-
Code: Select all
[left][img]http://i.imgur.com/KOb3D7o.png[/img]
[center][size=85][url=http://catwithagun.tumblr.com/post/160845678588/eddsworld-silhouette-free-to-use-but-please]art credit[/url][/size][/center][/left][left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjQwLjE5OGMwZC5WMlZzWTI5dFpTQjBieUJ0ZVNCamIzSnVaWEloLjEA/acratica.ffp.png[/img]
[center]It's Pretty Swell[/center]
┏━━━━━━━━━━━━━━━━━━━━┓
[size=85][color=transparent]///////////////////[/color]Prices-
[color=transparent]///////////[/color]2 to 4 C$ (Depending on difficulty)
[color=transparent]///////////[/color]3 to 5 commons (Depending on difficulty)
[color=transparent]///////////[/color]1 to 2 un-commons (Depending on difficulty)

[color=transparent]///////////[/color][i]Time varies depending on how many edits
[color=transparent]///////////[/color]I have to draw![/i][/size]
┗━━━━━━━━━━━━━━━━━━━━┛

[quote][size=85]This is a calm nook, and I do not want to start conflict! Please don't
bring negativity in here![/size][/quote][/left][left][img]https://thumbs.gfycat.com/ShamefulQuerulousIchthyostega-max-1mb.gif[/img]
[img]https://thumbs.gfycat.com/ShamefulQuerulousIchthyostega-max-1mb.gif[/img]
[quote][size=85][center]Have a swell day!
[url=http://www.chickensmoothie.com/Forum/viewtopic.php?t=3432588]Example of designs (bottom 2)[/url][/center][/size][/quote][/left]


















[left][center][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQ4LjE5OGMwZC5UM0prWlhJZ2RYQWguMAAA/altair.thin.png[/img]
[code]I'ɗ Ɩιкє αη [b]Ɛɗɗ[/b]ιт fяσм Ɛɗɗ!
Username:
Palette:
Any kind of edits?:
(such as fur, or tail edits)
Payment:
You've read all the rules?:

H a v e  a  s w e l l  d a y![/code]
[url=http://www.chickensmoothie.com/Forum/viewtopic.php?t=3223892][img]http://www.chickensmoothie.com/oekaki/image/image.php?id=2645831&size=small&format=auto&rev=1477218341[/img][/url]
(Lines being used.)[/center][/left][left][img]http://i.imgur.com/SIqbYiU.png[/img]
[center][size=85][url=http://honey-m0l3y.tumblr.com/post/151825260441/ugly-icons-free-to-use-and-blah-blah]art credit[/url][/size][/center][/left][left][quote="Neon"][size=85]I will get to your orders asap!
Please, only one order per person!
Please and thanks! You may use the
designs as you please, just please
credit me for the design, and Tea-
lea for the lines! It's much appreciated.
Happy ordering!-
Ɲєση[/size][/quote]
[quote="Buttons"][center][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=58&t=3479150&p=109877284#p109877202][img]http://i.imgur.com/aWAmIdw.png[/img][/url]
[size=85]It would be appreciated
if you used this in your sig! <3[/size][/center][/quote][/left]
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: BBCoding Tutorial/Help Thread

Postby pupzee » Fri Jun 09, 2017 9:20 am

    @~neon_and_lylia~

    hi! your problem was that the preview window for forums is wider than the actual forum post (don't ask me why, it's pretty annoying haha) so I just condensed some of your quote boxes to make it fit! here ya go (with a pic to show how it looks on my screen):

    Image

    Code: Select all
    [left][img]http://i.imgur.com/KOb3D7o.png[/img]
    [center][size=85][url=http://catwithagun.tumblr.com/post/160845678588/eddsworld-silhouette-free-to-use-but-please]art credit[/url][/size][/center][/left][left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjQwLjE5OGMwZC5WMlZzWTI5dFpTQjBieUJ0ZVNCamIzSnVaWEloLjEA/acratica.ffp.png[/img]
    [center]It's Pretty Swell[/center]
    ┏━━━━━━━━━━━━━━━━━━━━┓
    [size=85][color=transparent]///////////////////[/color]Prices-
    [color=transparent]///////////[/color]2 to 4 C$ (Depending on difficulty)
    [color=transparent]///////////[/color]3 to 5 commons (Depending on difficulty)
    [color=transparent]///////////[/color]1 to 2 un-commons (Depending on difficulty)

    [color=transparent]///////////[/color][i]Time varies depending on how many edits
    [color=transparent]///////////[/color]I have to draw![/i][/size]
    ┗━━━━━━━━━━━━━━━━━━━━┛

    [quote][size=85]This is a calm nook, and I do not want to start
    conflict! Please don't bring negativity in here![/size][/quote][/left][left][img]https://thumbs.gfycat.com/ShamefulQuerulousIchthyostega-max-1mb.gif[/img]
    [img]https://thumbs.gfycat.com/ShamefulQuerulousIchthyostega-max-1mb.gif[/img]
    [quote][size=85][center]Have a swell day!
    [url=http://www.chickensmoothie.com/Forum/viewtopic.php?t=3432588]Example of designs (bottom 2)[/url][/center][/size][/quote][/left]


















    [left][center][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQ4LjE5OGMwZC5UM0prWlhJZ2RYQWguMAAA/altair.thin.png[/img]
    [code]I'ɗ Ɩιкє αη [b]Ɛɗɗ[/b]ιт fяσм Ɛɗɗ!
    Username:
    Palette:
    Any kind of edits?:
    (such as fur, or tail edits)
    Payment:
    You've read all the rules?:

    H a v e  a  s w e l l  d a y![/code]
    [url=http://www.chickensmoothie.com/Forum/viewtopic.php?t=3223892][img]http://www.chickensmoothie.com/oekaki/image/image.php?id=2645831&size=small&format=auto&rev=1477218341[/img][/url]
    (Lines being used.)[/center][/left][left][img]http://i.imgur.com/SIqbYiU.png[/img]
    [center][size=85][url=http://honey-m0l3y.tumblr.com/post/151825260441/ugly-icons-free-to-use-and-blah-blah]art credit[/url][/size][/center][/left][left][quote="Neon"][size=85]I will get to your
    orders asap! Please,
    only one order per
    person! Please and
    thanks! You may use
    the designs as you
    please, just please
    credit me for the
    design, and Tea-lea
    for the lines! It's
    much appreciated.
    Happy ordering!-
    Ɲєση[/size][/quote]
    [quote="Buttons"][center][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=58&t=3479150&p=109877284#p109877202][img]http://i.imgur.com/aWAmIdw.png[/img][/url]
    [size=85]It would be appreciated
    if you used this in your sig! <3[/size][/center][/quote][/left]
𝒘𝒉𝒆𝒏 𝒚𝒐𝒖 𝒈𝒐 ─
─ 𝐚𝐧𝐝 𝐢❜𝐦 𝐀𝐋𝐎𝐍𝐄
𝐲𝐨𝐮 𝐥𝐢𝐯𝐞 𝐢𝐧 𝐦𝐲 ─

⋆ 𝒊𝒎𝒂𝒈𝒊𝒏𝒂𝒕𝒊𝒐𝒏 ⋆
xxxxxxxxxxxxxxxx
• she/her • 1d • bts •
xxxxxxxxxxxxxxxx





Image




xxxxxxxxxxxxxxxxx
Image
xxxxxxxxxxxxxxxxx
─ 𝒕𝒉𝒆 𝐬𝐮𝐦𝐦𝐞𝐫𝐭𝐢𝐦𝐞
𝐚𝐧𝐝 𝒃𝒖𝒕𝒕𝒆𝒓𝒇𝒍𝒊𝒆𝒔 ─
─ 𝐀𝐋𝐋 𝐛𝐞𝐥𝐨𝐧𝐠 𝐭𝐨 𝐲𝐨𝐮𝐫
☀ 𝒄 𝒓 𝒆 𝒂 𝒕 𝒊 𝒐 𝒏 ☀
User avatar
pupzee
 
Posts: 3108
Joined: Mon Dec 07, 2009 10:23 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby ps4 kid » Fri Jun 09, 2017 9:28 am

@pupzee
oh my god??? your a life saver!! aa thank you so much for your help!!
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

Postby yinsum » Fri Jun 09, 2017 12:08 pm

      i was wondering if there was a website that could shuffle urls? like, a single url but every time you clicked it would be a different webpage. (similar to the billy's music player, but not html?) i know there's one for images, but.... yeah. any help would be appreciated!
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 Electric~Lime~Zebra » Sat Jun 10, 2017 7:07 am

Hello! I have a question as I can't seem to figure it out. How do you get the pictures on the other side of the buttons? And when I make the buttons, they seem to only stay one size instead of extending with the words.

I can make them just like this.
Image

But not
Ones with icons like these?
Image
Or shorter/longer?
Image
User avatar
Electric~Lime~Zebra
 
Posts: 6558
Joined: Thu Aug 25, 2011 10:46 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby pupzee » Sat Jun 10, 2017 5:39 pm

    @electric~lime~zebra;

    hi! i think that the makers of the buttons with images/buttons that are smaller make them using other programs.
    it seems like you're using the website linked in the button forum post (acasystems), which only makes them in the size 80x15 px and has no option to include an image. if you wanted to get a custom button with an image or a smaller one, you could probably request them in the respective button-making threads! c:
𝒘𝒉𝒆𝒏 𝒚𝒐𝒖 𝒈𝒐 ─
─ 𝐚𝐧𝐝 𝐢❜𝐦 𝐀𝐋𝐎𝐍𝐄
𝐲𝐨𝐮 𝐥𝐢𝐯𝐞 𝐢𝐧 𝐦𝐲 ─

⋆ 𝒊𝒎𝒂𝒈𝒊𝒏𝒂𝒕𝒊𝒐𝒏 ⋆
xxxxxxxxxxxxxxxx
• she/her • 1d • bts •
xxxxxxxxxxxxxxxx





Image




xxxxxxxxxxxxxxxxx
Image
xxxxxxxxxxxxxxxxx
─ 𝒕𝒉𝒆 𝐬𝐮𝐦𝐦𝐞𝐫𝐭𝐢𝐦𝐞
𝐚𝐧𝐝 𝒃𝒖𝒕𝒕𝒆𝒓𝒇𝒍𝒊𝒆𝒔 ─
─ 𝐀𝐋𝐋 𝐛𝐞𝐥𝐨𝐧𝐠 𝐭𝐨 𝐲𝐨𝐮𝐫
☀ 𝒄 𝒓 𝒆 𝒂 𝒕 𝒊 𝒐 𝒏 ☀
User avatar
pupzee
 
Posts: 3108
Joined: Mon Dec 07, 2009 10:23 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; » Sat Jun 10, 2017 5:59 pm

    @Electric~Lime~Zebra
    Another website you can make them on is Cool Text; but they do not allow pictures either, though you can extend the width to make them longer, and you can make them shorter as well, but they still require you to have two sides of it, you can't get rid of one. Here is a direct link to the button logo. You can change the left and right text, text color and background colors from the "Left Text" and "Right Text" tabs, and the two boarder colors and width of the image in the "Logo" tab, you'll just need to adjust the pixel number until it fits with your text.
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: 11721
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 astrohund » Sun Jun 11, 2017 4:47 am

i. hello! i am looking for a 'lil bit of help. you see, i really would like to use these images
in character forms, etc. but i am having trouble finding the website for them. i see ot
her people use it in their forms but it appears to be uploaded on imgur, so i cant find t
he actual site.

Image
Image
Image
( i would like a good site for cursive fonts as well )

ii. i am also looking for some other decorations to put
in forms, etc. you know like horns, flowers, etc, but i wish
for them to be fancy-ish or in black and white.

iii. also, i am also looking for someone to help me w/ coding
character forms. i really want mine to look professional
but i always fail when i try to do so. anyone have any tip
s? btw, this website didn't really help me much, im still a
bit confused.

edit ;; could someone fix this for me as well?
Code: Select all
[size=133][i][color=transparent]xxx[/color][b]be the one !!
[color=transparent]xxx[/color]be the one !![/b]
[/i][/size][left][size=142]┌─────────────────┐[/size]
[right][size=150]│












│[/size][/right][right][size=74][center]shadeclan. the clan that had its home take
n away and destroyed by the metal monsters.
they fled from the scene the moment it had
happened. they were homeless. the former
leader, unfortunately, did not make it out
alive and had been crushed. the responsibi
lity was passed down to jaggedstar. the tom
decided to lead the clan up north, near the
mountains. they traveled for many moons,
stopping to take rest breaks before heading
on. some had been left behind and some ev
en died. jaggedstar never stopped on the jo
urney for anyone to catch up, he kept sayin
g that they had to keep moving in order to
make it to their new home, but others still
were getting upset about this. after what
seemed like a thousand years, they'd finall
y came across a shady forest. the tom said
that this would be their new territory from
now on, but many were suspicious about li
ving here. the forest was dank and silent, it
remained unnamed until they just decided to
call it [i]the silent woods[/i].[/center][/size][/right][size=150]│












│[/size]
[size=142]└─────────────────┘[/size][/left][left][img]http://i.imgur.com/pBZReXA.jpg[/img][/left]
[left][img]http://fontmeme.com/temporary/6ed6827444951e7aaa0739ae6af95dbc.png[/img][/left]
[left][img]http://i.imgur.com/X5zdzr3.jpg[/img][/left][left][img]http://i.imgur.com/gi5bRWj.png[/img][/left]
[right][size=150][i][b]and show   me the[/b][/i] [b][u]SUN[/u][/b] [b][i]!![/i][/b][/size][/right]


it looks normal in preview but doesn't stay aligned :/
User avatar
astrohund
 
Posts: 8028
Joined: Mon Apr 11, 2016 2:40 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby Osteo » Sun Jun 11, 2017 11:02 am

Does anyone know how to center this Sig so it's not just hanging out on the left side all the time?

Code: Select all
[left][img]http://i.imgur.com/qcyn155.png[/img][/left][left][size=150]╔═══════════════╗[/size]
[right][size=150]║









║ [/size][/right][right][b]Aʙᴏᴜᴛ Mᴇ[/b]
[size=90][list][*]Female[*]USA (Central Time Zone)[*]Primarily English,
but un poco Español[*]Cat-lover[*]Collector of dead
things [/list][/size][b]Aʙᴏᴜᴛ Rᴏʟᴇᴘʟᴀʏɪɴɢ[/b][size=95][list][*]Historical or Fantasy[*]Quality over quantity[*] Almost always looking[*]PM me?[/right][/size][size=150] ║









║[/size]
[size=150]╚═══════════════╝[/size][/left][center][left][img]http://i.imgur.com/hqRDCVi.png[/img][/center][/left][left][size=150]╔═══════════╗[/size]
[right][size=150]║









║ [/size][/right][right][b]Gᴜɪᴅᴇ Lɪɴᴋs[/b][list][size=95][*][url=http://www.chickensmoothie.com/Forum/viewtopic.php?p=94829597#p94829597]BBC Guide[/url][/list][/size][b]Rᴏʟᴇᴘʟᴀʏ Lɪɴᴋs[/b]
[size=95][list][*][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=83&t=3475739]Predator & Prey[/url][*][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=83&t=3473694]Red Death[/url][*][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=80&t=3470234]Seven Sins[/url][*][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=83&t=3471101]Fire Burns[/url][/list][/list][/size][/right][size=150] ║









║[/size]
[size=150]╚═══════════╝[/size][/left][img]http://i.imgur.com/ptaoFRB.png[/img]
User avatar
Osteo
 
Posts: 161
Joined: Tue Mar 14, 2017 7:50 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: BBCoding Tutorial/Help Thread

Postby Osteo » Sun Jun 11, 2017 11:08 am

✨Moon✨ wrote:
i. hello! i am looking for a 'lil bit of help. you see, i really would like to use these images
in character forms, etc. but i am having trouble finding the website for them. i see ot
her people use it in their forms but it appears to be uploaded on imgur, so i cant find t
he actual site.

Image
Image
Image
( i would like a good site for cursive fonts as well )

ii. i am also looking for some other decorations to put
in forms, etc. you know like horns, flowers, etc, but i wish
for them to be fancy-ish or in black and white.

iii. also, i am also looking for someone to help me w/ coding
character forms. i really want mine to look professional
but i always fail when i try to do so. anyone have any tip
s? btw, this website didn't really help me much, im still a
bit confused.

edit ;; could someone fix this for me as well?
Code: Select all
[size=133][i][color=transparent]xxx[/color][b]be the one !!
[color=transparent]xxx[/color]be the one !![/b]
[/i][/size][left][size=142]┌─────────────────┐[/size]
[right][size=150]│












│[/size][/right][right][size=74][center]shadeclan. the clan that had its home take
n away and destroyed by the metal monsters.
they fled from the scene the moment it had
happened. they were homeless. the former
leader, unfortunately, did not make it out
alive and had been crushed. the responsibi
lity was passed down to jaggedstar. the tom
decided to lead the clan up north, near the
mountains. they traveled for many moons,
stopping to take rest breaks before heading
on. some had been left behind and some ev
en died. jaggedstar never stopped on the jo
urney for anyone to catch up, he kept sayin
g that they had to keep moving in order to
make it to their new home, but others still
were getting upset about this. after what
seemed like a thousand years, they'd finall
y came across a shady forest. the tom said
that this would be their new territory from
now on, but many were suspicious about li
ving here. the forest was dank and silent, it
remained unnamed until they just decided to
call it [i]the silent woods[/i].[/center][/size][/right][size=150]│












│[/size]
[size=142]└─────────────────┘[/size][/left][left][img]http://i.imgur.com/pBZReXA.jpg[/img][/left]
[left][img]http://fontmeme.com/temporary/6ed6827444951e7aaa0739ae6af95dbc.png[/img][/left]
[left][img]http://i.imgur.com/X5zdzr3.jpg[/img][/left][left][img]http://i.imgur.com/gi5bRWj.png[/img][/left]
[right][size=150][i][b]and show   me the[/b][/i] [b][u]SUN[/u][/b] [b][i]!![/i][/b][/size][/right]


it looks normal in preview but doesn't stay aligned :/


1) Hm, the only thing that I can think of is that the use may have it protected so you can't use it. Check out Cool Text.
2) You'll probably have to Google that one. If you want it to be transparent type in "transparent" or "png".
3) I would definitely read though this topic's FAQs and available resources. It really helped me! Also, your character form looks really good!
4) I think you may have to create a new image since the image code is not working. Make sure you use a site like imgur or tinypic when uploading images. Sometimes if you just use an editing site it will not link back properly.
User avatar
Osteo
 
Posts: 161
Joined: Tue Mar 14, 2017 7:50 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