The Coding Help Thread

[hrlvos]

▬▬▬▬▬▬▬▬▬▬▬▬▬▬( "*ᴇɴᴄʀʏᴘᴛᴇᴅ ʙᴀʀᴋɪɴɢ ! !*" )▬▬▬▬▬▬
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░

• This is NOT meant to be a tutorial thread! This is meant to be to help you code your Shibaface related-things, or get resources for it!
• This thread can help with; Resources(symbols, fonts, etc), Explaining, and Signature/Page coding help from others.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

**Shibaface is still a new site, so a lot of features are missing! But let's go over what we have!
* a lot of this is common BBCode knowledge, so must of you already know this!
(( I'm spacing out the code so it doesn't activate, remember not to have space in your bracketed code ! ))
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
List of the Thread;
fonts - symbols - resources
signature making - wip - wip
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


Center
when you want either text or image to go in the center/middle.
( it's being used right now as I'm typing! )
[ center]banana[/center ]

Left
when you want either text or image to go to the left. (<)
[ left]apple[/left]

Right
when you want either text or image to go to the right. (>)
[ right]orange[/right]

List
Will make your text into an organised list ! (will make a little dot behind the text!)
this is the same for "ordered list", but just with numbers! Just put the number in front of the = !!

• example

1. example 2

[ list][ /list] - [ list=number][ /list]

Bold, Underline and Italic !
[ B]BOLD THINGS![/B ] .. [ U]UNDERLINE THE PROBLEM[/U ] .. [ i]you like jazz?[/i ]
(b = bold, u = underline, i = italic)

Quoting
will put what you say in a quote !

i hate being quoted, don't you ??....this is a rather big quote.

[ quote] [ /quote]

[ quote="word" ] !! [ /quote]

Images (aka, Imgs)
(windows 10) right click the img/gif you want, then copy and paste inbetween [ img][ /img] !! (example below)
With great power, comes great responsibility ! - Don't post anything NSFW or that will break the Shibaface rules !!


URLS (aka, links)
Can I show you something ? Click here.
How to link words!;
[ url=link]text in here![ /url]
How to link imgs!;
[ url=link][ img][ /img][ /url]

Font Size
Changes the size of your text! (click the "Normal" button at the top of your text-tool-box.)
* Maximum text is 200, minimum is 50!
bing
BONG
[ size=number][ /size]

Text Colours / Font Colours
press the little dew-drop-looking icon next to your center button ! .. Whatever color you just pressed,
the text inside should look like; THIS ! .. default code; [ color=#000000][ /color]
* little disclaimer, bright colours make it hard for people to read! Use with caution!

Strike
Strikes your text! (puts a line across the words)
- THIS IS CURRENTLY NOT CODED INTO SHIBAFACE YET -
[strike]Strike, you're out![/strike]

Code Box
Puts your code into a box! (even without a space, code wont activate!)

Code: Select all

[i][b]nice, man.[/b][/i]

[ code][ /code]
...
*Oh hey!! We're all down with the basics!! Let's move onto other things now! (Scroll down!)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

[hrlvos]

TOPIC; FONTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -

• * Let's start with customising the font we're using more in depth! (the thing we're typing with right now.)
  ** Going over fonts as a whole;
  
  
  • Font-Size names (and their sizes)
    Tiny - 50 * people can barely read with this, not recommended for normal use!
    Small - 85 * 75 is the lowest I'd go if you still want readable text
    Normal - 100
    Large - 150 * This is good for announcements or whatever you use big text for, lol.
    Huge! - 200 * I'd only use this for separating things in your thread / trading centre.
  *banana*
  
  • Font-Colours
    * fun fact, [ color=transparent ] makes your words invisible !![ /color], example; *banana*
    To make your post, thread, signature-text, etc, a bit more colourful, click the dew-drop-looking button in your text-tool-box!;
    
    
    ~It'll open a palette of colours for you to use and experiment with !!
    ** Here's a list of TON OF COLOURS that aren't on the default palette !!! (click the text to go there!)
    
    
    ~ Now that we're done with the basics and main features of the normal font-text we have, let's see some other cool text / fonts you can have for your needs !
    
    • Fonts that use Imgs;
    Website suggestions : Fonts1001, Dafonts, FontSquirrel.
    
    • Text Generators; Hσσɠα Bσσɠα
    Website suggestions : coolsymboll, Fancy Text Generator, glittergraphics.
    
    ** I think that's all for fonts !! c:

[hrlvos]

TOPIC; SYMBOLS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -

• * Here's the fun part! Glamming out wherever you want with these cool symbols you can copy and paste anywhere!!
  (some may not show up on some devices like phones.)
  
  ** These are everywhere around the internet, so many! So I picked out the ones I think people would use the most !!
  Have fun !! - ( ** scroll down to the bottom of this page to see symbols really helpful for signatures !! )
  
  
  More symbols (you maniac) : Messletters, coolsymbol.
  
  "Math" Symbols;
  π ∞ √ ∑ ∫ ∮ ∬ ∭ ¼ ½ ¾ ⅐ ⅑ ⅒ ⅓ ⅔ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅛ ⅜ ⅝ ⅞ ⅟ ↉ ∵ ∷ ≦ ≧ ╳ ✕ ✖ ✚ ﹢ ﹣ ﹤ ﹥ ％ ＋ － ／ ＝ ∧ ∠ ∩ ∪ ° ÷ ≡ ≥ ≤ ≠ ∨ ∴ × ± ℃ ℉ ㏄ ㏒ ° ¹ ² ³ ⁰ ⁱ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁺ ⁻ ⁼ ⁽ ⁾ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₊ ₋ ₌ ₍ ₎ ® ™ ©
  
  "Star" Symbols;
  ☆ ✡ ✦ ✧ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ⁂ ⁎ ⁑ ✢ ✣ ✤ ✥ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❇ ❈ ❉ ❊ ❋
  
  "Arrow" + Triangle Symbols;
  ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↨ ↩ ↪ ↫ ↬ ↰ ↱ ↲ ↳ ↴ ↶ ↷ ↸ ↹ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟ ⇠ ⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇧ ⇨ ⇩ ⇪ ⌅ ⌆ ⌤ ⏎ ▶ ☇ ➔ ➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➱ ➲ ➳ ➴ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼ ➽ ➾ ⤴ ⤵ ↵ ↓ ↔ ← → ↑ - ∆ ⊿ ▲ △ ▴ ▵ ▶ ▷ ▸ ▹ ► ▻ ▼ ▽ ▾ ▿ ◀ ◁ ◂ ◃ ◄ ◅ ◢ ◣ ◤ ◥ ◬ ◭ ◮ ∇
  
  "Circle" Symbols;
  ⊘ ⊙ ⊚ ⊛ ⊜ ⊝ ◉ ○ ◌ ◍ ◎ ● ◐ ◑ ◒ ◓ ◔ ◕ ◖ ◗ ◦ ◯ ❍ ⦿ ⊕ ⊗
  
  "Number" Symbols;
  Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ ⅺ ⅻ ⓪ ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⓵ ⓶ ⓷ ⓸ ⓹ ⓺ ⓻ ⓼ ⓽ ⓾ ⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⓿ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ㈠ ㈡ ㈢ ㈣ ㈤ ㈥ ㈦ ㈧ ㈨ ㈩ ㊀ ㊁ ㊂ ㊃ ㊄ ㊅ ㊆ ㊇ ㊈ ㊉ ０ １ ２ ３ ４ ５ ６ ７ ８ ９ Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ ⅺ ⅻ
  
  "Hearts & Flowers" Symbols;
  დ ღ ♡ ❣ ❤ ❥ ❦ ❧ ♥ - ✽ ✾ ✿ ❁ ❀
  
  "Smiley Face" Symbols;
  ☹ ☺ ☻ ヅ ツ ㋡ ü ت
  
  "Sign" Symbols;
  ☤ ☥ ☧ ☨ ☩ ☫ ☬ ☯ ♀ ♂ ✙ ✚ ✛ ✜ ✝ ✞ ✟ ✠ ✡ ✢
  
  Miscellaneous Symbols;
  ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟ - ♩ ♪ ♫ ♬ ♭ ♮ ♯ - ϟ ☀ ☁ ☂ ☃ ☉ ☼ ☽ ☾ ♁ ♨ ❄ ❅ ❆ ☽ ☾
  ☎ ☏ ✁ ✂ ✃ ✄ ✆ ✇ ✈ ✉ ✎ ✏ ✐ ✑ ✒ ™ © ® ☑ ☒ ✓ ✔ ✗ ✘ ∨ √ - ❛ ❜ ❝ ❞ 、 。 〃¿ “ ‘ · ′ ” ’ 웃 유
  
  Emoji related;
  ¯\_(ツ)_/¯ ಠ_ಠ ಥ__ಥ (-`ω´- ) (●ゝω)ノヽ(∀＜●) (ᵔᴥᵔ) ⊙o⊙ ⊙︿⊙ ⊙ω⊙ (づ｡◕‿‿◕｡)づ (｡◕‿◕｡) ⊙△⊙ (◡_◡) (◕-◕) (◕o◕) (∩_∩)
  Full emoji list; boop
  
  Helpful for signature coding;
  
  Brackets
  〈 〉 《 》 「 」 『 』 【 】 〔 〕 ︵ ︶ ︷ ︸ ︹ ︺ ︻ ︼ ︽ ︽ ︾ ︿ ﹀ ﹁ ﹁ ﹂ ﹃ ﹄ ﹙ ﹙ ﹚ ﹛ ﹜ ﹝ ﹞ ﹤ ﹥ （ ） ＜ ＞ ｛ ｛ ｝
  Other / Miscellaneous
  ┄ ┅ ┆ ┇ ┈ ┉ ┊ ┋ ⋮ ⋯ ⋰ ⋱ ﹁ ﹂ ﹃ ﹄
  ─ ━ │ ┃┌ ┐ ┍ ┑ ┎ ┒ ┏ ┓ └ ┘ ┕ ┙ ┖ ┚ ┗ ┛┞ ┟ ┢ ┡ ┦ ┧ ┩ ┪┣ ┫┝ ┥┠ ┨├ ┤
  ┬ ┭ ┮ ┴ ┵ ┶ ┼ ┽ ┾ ╁ ╂ ╋ ╌ ╍ ╎╏═ ╔ ╕ ╗ ╚ ╝ ╟ ╠ ╣ ╤ ╦ ╧ ╩ ╪ ╬
  
  Boarder - Frames - Beams
  (made easy getting thanks to the cs coding help thread<3)
  ❛xxxxxxxxxxx❜

  Code: Select all

  ❛[color=transparent]xxxxxxxxxxx[/color]❜

  ❝xxxxxxxxxxx❞

  Code: Select all

  ❝[color=transparent]xxxxxxxxxxx[/color]❞

  ◤xxxxxxxxxxx◥
  ◣xxxxxxxxxxx◢

  Code: Select all

  ◤[color=transparent]xxxxxxxxxxx[/color]◥
  ◣[color=transparent]xxxxxxxxxxx[/color]◢

  ╔xxxxxxxxxxx╗
  ╚xxxxxxxxxxx╝

  Code: Select all

  ╔[color=transparent]xxxxxxxxxxx[/color]╗
  ╚[color=transparent]xxxxxxxxxxx[/color]╝

  ┏xxxxxxxxxxx┓
  ┖xxxxxxxxxxx┚

  Code: Select all

  ┏[color=transparent]xxxxxxxxxxx[/color]┓
  ┖[color=transparent]xxxxxxxxxxx[/color]┚

  ╭xxxxxxxxxxx╮
  ╰xxxxxxxxxxx╯

  Code: Select all

  ╭[color=transparent]xxxxxxxxxxx[/color]╮
  ╰[color=transparent]xxxxxxxxxxx[/color]╯
  

  ▛xxxxxxxxxxx▜
  ▙xxxxxxxxxxx▟

  Code: Select all

  ▛[color=transparent]xxxxxxxxxxx[/color]▜
  ▙[color=transparent]xxxxxxxxxxx[/color]▟

  ╔══════════════╗
  
  ╚══════════════╝
  ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪ ▪
  ▬▬▬▬▬▬▬▬▬▬▬▬▬
  ▰ ▰ ▰ ▰ ▰ ▰ ▰ ▰ ▰ ▰ ▰
  ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
  ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
  ▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂
  ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃
  ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
  ▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄
  ▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅
  ▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆
  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
  ▊▊▊▊▊▊▊▊▊▊▊▊▊▊▊
  ████████████████████
  ▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏▏
  ░░░░░░░░░░░░░░░░░░░░
  ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
  
  * That's all for the symbols I think ! !
  (if you ever want more, there's always a ton more on the internet, here's just a few!)

[hrlvos]

TOPIC; RESOURCES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* All the websites that would deem very helpful for your coding needs in one list !!

• IMAGE / GIF EDITING;
  Ezgif - highly recommended
  Online gif editor - Very very good for a lot of things! (sometimes butchers the quality of gifs tho.)
  
  IMAGE FONTS / TEXT GENERATORS;
  ~ fonts Fonts1001, Dafonts, FontSquirrel.
  ~ generators; coolsymbol , Fancy Text Generators; , glittergraphics.
  ~~ recommended from hrlvos ; Fonts1001, Fancy Text Generator, Glittergraphics.
  
  SYMBOLS
  coolsymbol , Messletters.

[hrlvos]

TOPIC; SIGNATURE MAKING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
~ "Hey Hrlvos, how do I make my first signature?"
* The answer to that is simple, just have a basic understanding of BBCode and perhaps seeing how others code will do the trick!
Everyone has different styles of coding, because really, it's all about placing text and images in certain places, nothing more to it only
the complexity of how you add those text and images


BUT I'll still try to show you the basics of it! (Like I said, everyone codes differently due to preference, so I'll try to make this simple!)
* TIP; The main structure of your signature is your images and where you place your text, the rest is getting symbols to make it look nice!

First off, placing things are a bit weird;
you must do this placement;
[ left ]GREEN[ /left] [ right ]PURPLE[ /right][ center ]BLUE[ /center ]
(left, right, center.)

if you do;
[ left ]GREEN[ /left][ center ]BLUE[ /center] [ right ]PURPLE[ /right ]
(left center right)
for some reason, whatever you're doing will do the complete opposite !
( the right img will probably will look wonky off-editing.)

~*Now that's out the way, - try making your own using the correct coding format above! (left, right, center)
You don't even have to use all three! Some people just use one !
* REMEMBER/TIP ; Try to make all your imgs/gifs the SAME SIZE unless you're doing it on purpose!
(Edit the sizes of images/gifs with the websites in the resource area !!)
* TIP ; Try to start off with an image in left, text in center, and another image in right !

FREE TO USE CODES!; To help you get the hang of it!
- wip

[hrlvos]

RES

[hrlvos]

• Feel free to Post now !!

[Blu]

This will be very helpful and informative to users! I’ve stickied it ^^

[Lilith]

Nice job!

Really informative.

[hrlvos]

@Blu
@Hazel;
thank you !! still a big wip
just seeing what I can do! ( still a lot to go c: )