Vio's Codes

[Esmeray]

Disclaimer: Not all of the coding below is mine, most of it was provided to me by previous GMs. Unfortunately I couldn't tell you who they are because I've forgotten their names.

Links & References
BB Codes | IwakuRoleplay.com

RESOURCE - Divtionary

RESOURCE - BBCode Help

TESTING - TUTORIAL - CODING HELL

TESTING - TUTORIAL - Playground

RESOURCE - free flower codes

A Complete Guide to Flexbox | CSS-Tricks

Webflow - Flexbox Game (not firefox friendly)

A Complete Guide to Grid | CSS-Tricks

HOW TO: Pure CSS masonry layouts – codeburst

HTML Color Picker

Color Hex Color Codes

Font Awesome 5 Cheatsheet

Lorem Ipsum - All the facts - Lipsum generator

CSS Background Noise (Example)

Free Seamless Pattern Backgrounds | Patterncooler.com

Google Fonts

Photos Edited with BeFunky

iPiccy Photo Editor is Awesome!

Imgur: The magic of the Internet

Glowtxt

Pookatoo

1001 Fonts · Free Fonts Baby!

Symbols

Spoiler

☠ ☮ ☯ ♠ Ω ♤ ♣ ♧ ♥ ♡ ♦ ♢ ♔ ♕ ♚ ♛ ⚜ ★ ☆ ✮ ✯ ☄ ☾ ☽ ☼ ☀ ☁ ☂ ☃ ☻ ☺ ☹ ۞ ۩

εїз Ƹ̵̡Ӝ̵̨̄Ʒ ξЖЗ εжз ☎ ☏ ¢ ☚ ☛ ☜ ☝ ☞ ☟ ✍ ✌ ☢ ☣ ♨ ๑ ❀ ✿ ψ ♆ ☪ ☭ ♪ ♩ ♫ ♬ ✄ ✂ ✆ ✉ ✦ ✧ ✎

♱ ♰ ∞ ♂ ♀ ☿ ❤ ❥ ❦ ❧ ™ ® © ✖ ✗ ✘ ⊗

■ ▢ ▲ △ ▼ ▽ ◆ ◇ ○ ◎ ● ◯ Δ ◕ ◔

ʊ ϟ ღ ツ 回 ₪ 卐 ™ © ® ¿ ¡ ½ ⅓ ⅔ ¼ ¾ ⅛ ⅜ ⅝ ⅞ ℅ № ⇨ ❝ ❞ # & ℃

∃ ∧ ∠ ∨ ∩ ⊂ ⊃ ∪ ⊥ ∀ Ξ Γ ɐ ə ɘ ε β ɟ ɥ ɯ ɔ и ๏ ɹ ʁ я ʌ ʍ λ ч ∞ Σ Π

➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➉ ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ➓


℘ ℑ ℜ ℵ η α βεℓℓα

· ¨ … ¦ ┅ ┆ ┈ ┊ ╱ ╲ ╳ ¯ – —

≡ ჻ ░ ▒ ▓ ▤ ▥ ▦ ▧ ▨ ▩ █ ▌ ▐ ▀ ▄

◠ ◡ ╭ ╮ ╯ ╰

│ ┤ ╡ ╢ ╖ ╕ ╣ ║ ╝ ╜ ╛ ┐ └ ┴ ┬ ├ ─ ┼ ╞ ╟ ╚ ╔ ╩ ╦ ╠ ═ ╬ ╧ ╨ ╤ ╥ ╙ ╘ ╒ ╓ ╫ ╪ ┘ ┌

ツ 웃 유 Σ ⊗ ☠ ☮ ☯ ♠ Ω ♤ ♣ ♧ ♥ ♡ ♦♢♔ ♕ ♚ ♛ ★ ☆ ✮ ✯ ☄ ☾ ☽ ☼ ☀ ☁ ☂ ☃ ☻ ☺ ۞ ۩ ♬ ✄ ✂ ✆ ✉ ✦ ✧ ∞ ♂ ♀ ☿ ❤ ❥ ❦ ❧ ™ ® © ✗ ✘ ⊗ ▢ ▲ △ ▼ ▽ ◆ ◇ ○ ◎ ● ◯ Δ ◕ ◔ ʊ ϟ ღ 回 ₪ ✓ ✔ ✕ ✖ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☹ ☺ ☻ ت ヅ ツ ッ シ Ü ϡ ♂ ♀ ☿ ♥ ❤ ❥ 웃 유 ♡ ۵ ❣ ☼ ☀ ☁ ☂ ☃ ☄ ☾ ☽ ❄ ☇ ☈ ⊙ ☉ ℃ ℉ ° ♪ ♫ ♩ ♬ ♭ ♮ ♯ ° ø ✽ ✾ ✿ ❀ ❁ ❃ ♚ ♛ ♜ ♝ ♞ ♟ ♔ ♕ ♖ ♗ ♘ ♙ ✉ ✍ ✎ ✏ ✐✑✒ ☑ ✓ ✔ ☒ ☓ ✕ ✖ ✗ ✘ ✦ ★ ☆ ✰ ✮ ✯ ❇ ❈ ❅ ❄ ❆ ╰☆╮ Æ æ ❖ ℘ℑℜℵη αβεℓℓα· ¨…¦┅┆┈ ┊╱╲╳¯– —≡჻░▒▓ ▤▥▦▧▨▩█ ▌▐▀▄ ◠◡╭╮╯╰ │┤╡╢╖╕╣ ║╝╜╛ ┐ └┴┬├─┼ ╞╟╚╔╩╦ ╠═ ╬╧╨╤ ╥╙╘╒╓ ╫╪┘┌
(◕^^◕) ✖✗✘♬✄ ✂✆✉✦✧♱ ♰♂♀☿❤❥ ❦❧
™®©♡♦ ♢♔♕♚♛★ ☆✮ ✯☄☾☽ ☼☀☁☂☃☻ ☺☹ ☮۞۩ εїз☎☏¢ ☚☛☜☝☞☟✍ ✌☢☣☠☮☯ ♠♤♣♧♥ ♨๑❀✿ ψ☪☭♪ ♩♫℘ℑ ℜℵηα ʊϟღツ回 ₪™ ©®¿¡½⅓ ⅔¼¾⅛⅜⅝⅞℅
№⇨❝❞ ◠◡╭╮╯╰ ★☆⊙¤㊣ ★☆♀◆◇ ▆▇██■ ▓回□〓≡
╝╚╔╗╬ ═╓╩ ┠┨┯┷┏ ┓┗┛┳⊥ ﹃﹄┌ ┐└┘∟「 」↑↓→ ←↘↙♀ ♂┇┅﹉﹊ ﹍﹎╭╮╰╯ *^_^* ^*^ ^-^ ^_^ ^︵^∵∴‖ ︱︳︴﹏ ﹋﹌♂♀ ♥♡☜☞☎ ☏⊙◎☺☻ ►◄▧▨ ♨◐◑↔↕ ▪▫☼♦▀ ▄█▌▐ ░▒▬♦◊ ◦☼♠♣▣ ▤▥▦▩ ぃ◘◙◈♫ ♬♪♩♭♪ の☆→あ ￡❤✎✟ ≈๑۩ ۩.. ..۩۩๑ ๑۩۞۩๑ ✲❈➹ ~.~◕ ‿-｡☀☂☁ 【】┱┲❣ ✚✪✣ ✤✥ ✦❉ ❥❦❧❃ ❂❁❀✄☪ ☣☢☠☭ ✓✔✕ ✖ *.: ✿*' ⊙¤㊣★☆
♀◆◇ ◣◢◥▲ ▼△▽⊿◤ ◥▆▇ ██■▓ 回□〓≡╝ ╚╔╗ ╬═╓╩ ┠┨┯┷┏ ┓┗┛ ┳⊥﹃﹄ ┌┐└┘∟ 「」↑↓ →←↘↙ ♀♂┇┅﹉ ﹊﹍﹎ ╭╮╰╯ *^_^* ^*^ ^-^ ^_^ ^︵^∵ ∴‖ ︱︳ ︴﹏﹋﹌ ♂♀♥♡☜ ☞☎☏⊙ ◎☺☻►◄ ▧▨♨◐◑ ↔↕ ▪▫ ☼♦▀▄█ ▌▐░▒▬ ♦◊◦☼ ♠♣▣▤▥ ▦▩ぃ◘◙ ◈♫♬♪ ♩♭♪の☆ →あ￡❤ ✎✟ ≈ ๑۩۩.. ..۩ ۩๑๑۩۞ ۩
๑✲❈ ➹ ~.~◕ ☀☂☁【】 ┱┲❣✚ ✪✣✤✥ ✦❉❥❦ ❧❃❂❁❀ ✄☪☣☢☠ ☭ ✓ ✔✕✖ *.:✿*◊♥╠═╝▫■๑»«¶©† εïз♪ღ♣ ♠•± °•ิ.• *×○▫
♂•♀◊©¤ ▲↔™®☎ε їз♨ ☏☆★ ▽△▲ ∵∴∷ ＃♂♀♥♠♣
♧♤♧ ♡♬♪ ♭♫♪ﻬღ ↔↕↘••● ¤╬﹌▽☜♥☞ ♬✞♥♕☯☭☠☃ ─ ━ │ ┃ ┄ ┅ ┆ ┇ ┈ ┉ ┊ ┋ ╭ ╮ ╯ ╰ ╱ ╲ ╳ ╴ ╵ ╶ ╷ ╸ ╹ ╺ ╻ ╼ ╽ ╾ ╿ ▰ ▱ ◆ ◇ ◈ ◉ ◊ ○ ◌ ◍ ◎ ● ◐ ◑ ◒ ◓ ◔ ◕ ◖ ◗ ◘ ◙ ◚ ◛ ◜ ◝ ◞ ◟ ◠ ◡ ◢ ◣ ◤ ◥ ◦ ◧ ◨ ◩ ◪ ◫ ◬ ◭ ◮ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ ☓ ☖ ☗ ☘ ☙ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♇ ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟ ♠ ♡ ♢ ♣
♤ ♥ ♦ ♧ ♨ ♰ ♱ ´ ῾ ‐ ‑ ‒ – — ― ‖ ‗ ' ' ' ' " " " " † ‡ • ‣
․ ‥ … ‧ 
 
 ‰ ‱ ′ ″ ‴ ‵ ‶ ‷ ‸ ‹ › ※ ‼ ‽ ‾ ⁀ ⁁ ⁂ ⁃ ⁄ ⁞ ₠ ₡ ₢ ₣ ₤ ₥ ₦ ₧ ₨ ₪ ₫ € ₭ ₮ ₯ ℀ ℁ ℂ ℄ ℅ ℆ ℇ ℈ ℉ ℊ ℋ ℌ ℍ ℎ ℏ ℐ ℑ ℒ ℓ ℔ ℕ
№ ℗ ℘ ℙ ℚ ℛ ℜ ℝ ℞ ℟ ℡ ™ ℣ ℤ ℥ Ω ℧ ℨ ℩ K Å ℬ ℭ ℮ ℯ ℰ ℱ Ⅎ ℳ ℴ ℵ ℶ ℷ ℸ ⅍ ⅎ ∀ ∁ ∂ ∃ ∄ ∅ ∆ ∇ ∈ ∉ ∊ ∋ ∌ ∍ ∎ ∏ ∐ ∑ − ∓ ∔
∕ ∖ ∗ ∘ ∙ √ ∛ ∜ ∝ ∞ ∟ ∠ ∡ ∢ ∣ ∤ ∥ ∦ ∧ ∨ ∩ ∪ ∴ ∵ ∶ ∷ ∸ ∹ ∺ ∻ ∼ ∽ ∾ ∿ ≀ ≁ ≪ ≫ ≬ ≭ ≮ ≯ ≰ ≱ ≲ ≳ ≴ ≵ ≶ ≷ ≸ ≹ ≺ ≻ ≼ ≽ ≾ ≿ ⊀ ⊁ ⊂ ⊃ ⊄ ⊅ ⊆ ⊇ ⊈ ⊉ ⊊ ⊋ ⊌ ⊍ ⊎ ⊏ ⊐ ⊑ ⊒ ⊓ ⊔ ⊕ ⊖ ⊗ ⊘ ⊙ ⊚ ⊛ ⊜ ⊝ ⊞ ⊟ ⊠ ⊡ ⊢ ⊣ ⊤ ⊥ ⊦ ⊧ ⊨ ⊩ ⊪ ⊫ ⊬ ⊭ ⊮ ⊯ ⊰ ⊱ ⊲ ⊳ ⊴ ⊵ ⊶ ⊷ ⊸ ⊹ ⊺ ⊻ ⊼ ⊽ ⊾ ⊿ ⋀ ⋁ ⋂ ⋃ ⋄ ⋅ ⋆ ⋇ ⋈ ⋉ ⋊ ⋋ ⋌ ⋍ ⋎ ⋏ ⋐ ⋑ ⋒ ⋓ ⋔ ⋕ ⋖ ⋗ ⋘ ⋙ ⋚ ⋛ ⋜ ⋝ ⋞ ⋟ ⋠ ⋡ ⋢ ⋣ ⋤ ⋥ ⋦ ⋧ ⋨ ⋩ ⋪ ⋫ ⋬ ⋭ ⋮ ⋯ ⋰ ⋱ ⌂ ⌆ ⌈ ⌉ ⌊ ⌋ ⌐ ⌒ ⌠ ⌡ ⌢ ⌣
␋ ␢ ␣ ─ ━ │ ┃ ┄ ┅ ┆ ┇ ┈ ┉ ┊ ┋ ┌ ┍ ┎ ┏ ┐ ┑ ┒ ┓ └ ┕ ┖ ┗ ┘ ┙ ┚ ┛ ├ ┝ ┞ ┟ ┠ ┡ ┢ ┣ ┤ ┥ ┦ ┧ ┨ ┩ ┪ ┫ ┬ ┭ ┮ ┯ ┰ ┱ ┲ ┳ ┴ ┵ ┶ ┷ ┸ ┹ ┺ ┻ ┼ ┽ ┾ ┿ ╀ ╁ ╂ ╃ ╄
╅ ╆ ╇ ╈ ╉ ╊ ╋ ╌ ╍ ╎ ╏ ═ ║ ╒ ╓ ╔ ╕ ╖ ╗ ╘ ╙ ╚ ╛ ╜ ╝ ╞ ╟ ╠ ╡ ╢ ╣ ╤ ╥ ╦ ╧ ╨ ╩ ╪ ╫
╬ ╭ ╮ ╯ ╰ ╱ ╲ ╳ ╴ ╵ ╶ ╷ ╸ ╹ ╺ ╻ ╼ ╽ ╾ ╿ ▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▉ ▊ ▋ ▌ ▍ ▎ ▏ ▐ ░ ▒ ▓ ▔ ▕ ■ □ ▢ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ▪ ▫ ▬ ▭ ▮ ▯ ▰ ▱ ◆ ◇ ◈ ◉ ◊ ○ ◌ ◍ ◎ ● ◐ ◑ ◒ ◓ ◔ ◕ ◖ ◗ ◘ ◙ ◚ ◛ ◜ ◝ ◞ ◟ ◠ ◡ ◢ ◣ ◤ ◥ ◦ ◧ ◨ ◩ ◪ ◫ ◬ ◭ ◮ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ ☓ ☖ ☗ ☘ ☙ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♇ ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♰ ♱ ☫ ª ➟ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➚ ➘ ➙ ➛ ➜ ➝ ➞ ➸ ➲ ➳ ➳ ➴ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼ ➽ ← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↨ ➫ ➬ ➩ ➪ ➭ ➮ ➯ ➱ ↩ ↪ ↫ ↬ ↭ ↮ ↯ ↰ ↱ ↲ ↳ ↴ ↵ ↶ ↷ ↸ ↹ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇐ ⇑ ⇒ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟ ⇠ ⇡ ⇢ ⇣ ❂ ⋆ ✢ ✣ ✤ ✥ ✦ ✧ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ★ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ╰☆╮ ✡ ❂ -'๑'- ⎈ ™ ℠ © ® ℗

 

[Esmeray]

*div="padding: 14px; margin: 14px; border: 2px groove; border-radius: 10px; background-image: url(); background-size: 204px;"*
*bimg=bcenter|400|no-lightbox*PIC ADDRESS*/bimg*
*fieldbox=", white, solid"*
*bg=black*
*/bg*
*/fieldbox*
*/div*

*FONT=Courier New*Courier New*/FONT*

*div="float: right; border-radius: 8px; width: 32px; height: 32px; box-shadow: 0 0 2px 1px #a5d683;"**div="opacity: 0.2; width: 32px; height: 32px; overflow: hidden;"* *div="position: absolute; top: -134px; left: 0;"* *MEDIA=youtube*yQgAr6b59q4*/MEDIA**/div* */div* */div*

 

[Esmeray]

N a m e
∞


A g e
∞


S e x u a l O r i e n t a t i o n
∞


S e x
∞


O c c u p a t i o n
∞


A p p e a r a n c e
∞


P e r s o n a l i t y
∞


S t r e n g t h s
∞


W e a k n e s s e s
∞


R e l a t i o n s
∞



H i s t o r y
∞


O t h e r
∞

 

[Esmeray]

[bg=#404040]Notes:

The above post is simple in design with very little HTML/BB coding. This would be a great design for character sheets made with the intent to retain some but not overtly detailed information. Too much information could exceed well over 1500px in regards to the image accompanying it. It's most important to note that the image at the right hand side would need resizing after the CS is fully completed. The current image size is 200 x 996px. [/bg]

[imga=right]image[/imga]
[b]N a m e[/b]
∞


[b]A g e[/b]
∞


[b]S e x u a l O r i e n t a t i o n[/b]
∞


[b]S e x[/b]
∞


[b]O c c u p a t i o n[/b]
∞


[b]A p p e a r a n c e[/b]
∞


[b]P e r s o n a l i t y[/b]
∞


[b]S t r e n g t h s[/b]
∞


[b]W e a k n e s s e s[/b]
∞


[b]R e l a t i o n s[/b]
∞



[b]H i s t o r y[b]
∞


[b]O t h e r[/b]
∞

 

[Esmeray]

 

[Esmeray]

[fieldbox=", grey, solid"]

[bg=grey][/bg]​

[bg=grey][/bg][/fieldbox]

 

[Esmeray]

PROFILE SKELETON​

[fieldbox=" F 1 2 3 B 1 2 D , #a0a0a0, solid, 1, Tahoma"]

STRENGTH:
SPEED:
SANITY:
KNOWLEDGE:

[/fieldbox]

GENERAL & PHYSICAL DOSSIER PRIVATE RECORD EXTRA

• FULL NAME_
  
  
  NICKNAME & ALIAS_
  
  
  AGE_
  
  
  DATE OF BIRTH_
  
  
  PLACE OF BIRTH_
  
  
  RACE_
  
  
  ETHNICITY_
  
  
  GENDER_
  
  
  

  ---

  HEIGHT_
  
  
  WEIGHT_
  
  
  PHYSICAL CHARACTERISTICS_
  
  
  HEALTH_
  
  
• POSITION_
  
  
  CLASS RANK_
  
  
  ACCESS RANK_
  
  
  BRANCH_
  
  
  SKILLS_
  
  
  POWER_
  
  
  WEAPON_
  
  
  TOOL_
  
  
• PERSONALITY_
  
  HISTORY_
  
  FAMILY_
  
• t

 

[Esmeray]

[fieldbox=", grey, solid"]
[bg=grey]
[fieldbox=", white, dashed"]

​

[/fieldbox][/bg][/fieldbox]

[fieldbox=", grey, solid"]
[bg=grey]

>General Characteristics< >Personality< >Appearance< >History< >Miscellaneous<

• 
  Character Name:
  Name Meaning: Optional
  Alias: (Nickname)
  Gender:
  Age:
  Sexuality:
  Birthday:
  Zodiac Sign:
  Blood type:
  School/Grade: Optional
  Gemstone:
• 
  Personality:
  Strengths:
  Weaknesses:
  Hobbies:
  Likes:
  Dislikes:
  Talents:
  Inabilities: Optional
  Fears:
  Mental Ailments:
• 
  Height:
  Hair:
  Eyes:
  Distinguishing Marks:
  Fashion Style:
  General Appearance:
  Physical Ailments:
  Face Claim:
  
• 
  Place of Birth:
  Current Residence:
  Write your characters history
  
• 
  Theme song:
  Voice:
  Occupation:
  Pets: Optional
  Family:
  Relationships:
  
  
  

[/bg][/fieldbox]

 

[Esmeray]

{Image}

Name of Character

Content