xxx
x
⇋──------ ʜᴏᴡ ᴛᴏ ɢᴇᴛ ꜱᴛᴀʀᴛᴇᴅ ------──⇌
- want to start jour journey with bbc coding but don't know how? then welcome! this guide is for you.
even if you're an intermediate coder (like me!) or a pro, you might just find some helpful stuff here as well, like all sorts of tips and useful coding resources.
note: this guide is best viewed on desktop chickensmoothie.
1. plan your project. it can be as rough or as detailed as you want it to be.
2. gather resources. these can be found anywhere, everywhere on the net. check out the resource masterpost below for some of the most helpful ones i have found - i'd say that 80% of the resources i use are from these links.
3. research techniques. don't know how to code something? hit the forums and look for advice!
4. collect everything you've got and do it! it most probably will take some trial and error, but you'll manage to get everything (or if not, then most) things right eventually. you might find yourself altering your plans midway due to unforseen circumstances (eg. going over the maximum character limit), but don't worry about it. stuff will work out in the end.
⇋──------ ʀᴇꜱᴏᴜʀᴄᴇꜱ ------──⇌
custom fonts (text/copy and paste)
https://lingojam.com/FancyLetters
https://tools.picsart.com/text/font-generator/
https://www.1001fonts.com/
https://www.stuffbydavid.com/textcolorizer
custom fonts (images)
https://www.coolgenerator.com/text-image-generator
https://cooltext.com/
symbols, dividers, emojis and kaomojis (text/copy and paste)
https://coolsymbol.com/
https://www.aestheticsymbols.me/borders.html
https://cutekaomoji.com/misc/borders/
https://emojicombos.com/divider
ascii art (text/copy and paste)
https://www.asciiart.eu/
https://asciiart.website/
https://www.ascii-art-generator.org/
https://patorjk.com/software/taag/#p=di ... mething%20
xxxxxxxxxxxxxxxxx
pixels and spriteshttps://lingojam.com/FancyLetters
https://tools.picsart.com/text/font-generator/
https://www.1001fonts.com/
https://www.stuffbydavid.com/textcolorizer
custom fonts (images)
https://www.coolgenerator.com/text-image-generator
https://cooltext.com/
symbols, dividers, emojis and kaomojis (text/copy and paste)
https://coolsymbol.com/
https://www.aestheticsymbols.me/borders.html
https://cutekaomoji.com/misc/borders/
https://emojicombos.com/divider
ascii art (text/copy and paste)
https://www.asciiart.eu/
https://asciiart.website/
https://www.ascii-art-generator.org/
https://patorjk.com/software/taag/#p=di ... mething%20
xxxxxxxxxxxxxxxxx
https://itch.io/game-assets/free/tag-icons
https://pixels.crd.co/
https://www.tumblr.com/pixelsihave
https://p-i-x-e-l-s.tumblr.com/
https://perfect-pixels.tumblr.com/
https://pixelian.tumblr.com/
https://pixel-dreams.tumblr.com/
http://bitmapdreams.lastsecret.net/
http://caz.pausedlife.com/
https://pokemondb.net/sprites
http://www.namaii.com/manekineko/downloads/index.html
https://www.spriters-resource.com/
http://chinako.net/hamster/
https://www.tamatalk.com/pixelmood/adoptions.htm
https://animatedglittergraphics-n-more. ... masterlist
icons and images
https://www.flaticon.com/
https://unsplash.com/
https://www.glitter-graphics.com/
miscellaneous
https://imagecolorpicker.com/ hex codes for coloured text and more. also helpful for drawing ocs with specific palettes on the oekaki.
https://ezgif.com/maker helps you make and alter visual media (eg. gifs) free of charge, without downloading anything.
https://redketchup.io/gif-resizer basically ezgif 2, sometimes it runs better
https://www.randimg.net/ enables its users to make a selected image switch to another selected image whenever they refresh their page.
https://www.3dgifmaker.com/360Spin the supreme photomanipulation effect tool!
https://blinki.es/ blinkies!
other sites include pinterest, tumblr and deviantart. make sure the owner of your resources allows them for personal use!
note: this masterlist will expand continouosly over time. if you know of a website that should be listed up here, submit it to me via dms.
⇋──------ ᴛɪᴘꜱ/ɢᴜɪᴅᴇ (ʙᴀꜱɪᴄꜱ) ------──⇌
how do i write in italics like this?
- Code: Select all
like [i]this[/i]
───────────────
how do i make my words bold like this?
- Code: Select all
like [b]this[/b]
───────────────
how do i underline my words like this?
- Code: Select all
like [u]this[/u]
───────────────
how do i strike through my words like this?
- Code: Select all
like [strike]this[/strike]
───────────────
how do i make my text bigger or smaller?
- Code: Select all
[size=115]bigger[/size] or [size=85]smaller[/size]
↑ i personally do not recommend going over size 200 or under size 60 (size 100 is the default text size)
───────────────
how do i use quotes?
like this
- Code: Select all
[quote]like this[/quote]
you can do this to say what someone said:
───────────────
how do i make lists?
- like this
- Code: Select all
[list]like this[/list]
───────────────
how do i input images into my forum post?
like this:
- Code: Select all
like this: [img]https://media.discordapp.net/attachments/1011821775589486705/1080871764122406932/20230115_122759-1.gif[/img]
↑ this works for png, jpg and gif files. you'll need a link to it from an image hosting website or discord, for example.
───────────────
how do i do input urls into text like this?
- Code: Select all
[url=https://www.google.com/]this[/url]
↑ any link at all can be used
───────────────
how do i do make text different colours like this?
- Code: Select all
[color=#579040]this[/color]
↑ you need the colour's hex code, or you can type the colour's name instead in some cases:
sample text
- Code: Select all
[color=red]sample text[/color]
───────────────
how do i make my text transparent? like this
- Code: Select all
[color=transparent]like this[/color]
there is much, much, much more to get into but these are the basics. most of these commands can be expanded and even combined together to create beautiful things. i might cover more complex things in-depth later on - this thread is still a wip.
------------------------------------------
Pleasing Smoke (https://www.3dgifmaker.com/360Spin) and apocalypseaxolotl (https://www.stuffbydavid.com/textcolorizer) and mech (huge wip)
x
