❦For Y'all❦
This page is dedicated to you! Coding help, previous signatures and things I recommend to you all can all be found here!


❦CODING❦




Introduction!

Welcome my coding101 page-for you! Below I've listed the way to do some of the more simple codes, and if you would like to be taught boxes, gradients, scrolls, buttons etc... I'd be more than willing to help, all you have to do it ask! I am the coding princess after all :D Other users I could recommend going to for coding would be Stareh, the coding queen, if you want something really complex, or, if you wanted something a bit more simple Himg and Rainy are both very helpful users who would jump at the chance to help you out!

For a detailed tutorial on how to make sigs I definitely recommend this!

Again, don't feel shy to ask if you have any questions, or you want me to code something for you! :)


Basic Coding

Note:When using the <span>, <div> and <p> commands for coding, be sure to add them in Source mode.

Color: To change the color of your writing, what you should type before the word/sentence/paragraph is <span style="color:[insertcolorhere];">. At the end of the word/sentence/paragraph that you want to be colored put a </span>

Font: To change the font of your writing, what you should type before the word/sentence/paragraph is <span style="font-family:[insertfonthere];">. At the end of the word/sentence/paragraph that you want to have to write with that specific font put a </span>

Text size: To change the size of your writing, what you should type before the word/sentence/paragraph is <span style="font-size:[inserttextsizehere];">. At the end of the word/sentence/paragraph that you want to have to write with that specific size put a </span>

Background: To add a background color to your writing, what you should type before the word/sentence/paragraph is <span style="background:[insertbackgroundcolorhere];">. At the end of the word/sentence/paragraph that you want to have to write with a background put a </span>

Border: To add a border to your writing, what you should type before the word/sentence/paragraph is <span style="border:[insertbordercolorhere] [insertbordersizehere] [insertbordertypehere];">. The border color is, like with background and font colors, what you want the color of your border to be. The border size is how large you want your border to be(i.e. 1px, 2px, 3px, 4px etc...). The border style, is the type of border you want(The possible types are solid, dashed, double and ridge). At the end of the word/sentence/paragraph that you want to have to write with a border put a </span>

Text Shadow: To add a text shadow to your writing, what you should type before the word/sentence/paragraph is <span style="text-shadow:[insertdimensionshere] [insertcolorhere];">. The shadow color is, like with background and font colors, what you want the color of your border to be. The border dimensions are a series of three numbers (ie. 1px 1px 1px, 1px 2px 3px, 3px 3px 9px etc...) The first of the number indicates how far to the right the shadow will slide, the second indicates how far down it will slide, and the third one indicates how fuzzy the shadow will become. At the end of the word/sentence/paragraph that you want to have to write with a border put a </span>

Text Alignment: To align your writing, what you should type before the word/sentence/paragraph is <p style="text-align:[left, center or right];">. At the end of the word/sentence/paragraph that you want to have aligned put a </span>

Sup: To make your writing rise like this, what you should type before the word/sentence/paragraph is <sup>. At the end of the word/sentence/paragraph that you want to have rised put a </sup>

Sub: To make your writing fall like this, what you should type before the word/sentence/paragraph is <sub>. At the end of the word/sentence/paragraph that you want to have fall put a </sub>

Colors

Below is a full list of colors that can be used when coding!

Red Colors: Indian Red, Wild Watermelon, Light Coral, Salmon, Dark Salmon, Light Salmon, Crimson, Red, Fire Brick, Dark Red


Pink colors: Flamingo Pink, Shocking Pink, Bubble Gum, Pink, Light Pink, Hot Pink, Deep Pink, Medium Violet Red, Pale Violet Red


Orange colors: Light Salmon, Coral, Tomato, Orange Red, Dark Orange, Pumpkin, Orange, Orange Circuit, Neon Carrot, Atomic Tangerine, Sunglow


Yellow colors: Gold, Fluoresent Yellow, Chartreuse Yellow, Lemon, Lemon-Lime, Lemon Glacier, Yellow, Daffodil, Electric Yellow, Lemon Yellow, Laser Lemon, Unmellow Yellow, Canary, Light Yellow, Lemon Chiffon, LightGoldenrodYellow, Snow Flurry, Papaya Whip, Moccasin, Peach Puff, Pale Goldenrod, Khaki, Dark Khaki


Purple colors: Lavender, Thistle, Plum, Violet, Orchid, Fuchsia, Magenta, Medium Orchid, Medium Purple, Blue Violet, Dark Violet, Dark Orchid, Dark Magenta, Purple, Indigo, Slate Blue, Dark Slate Blue, Medium Slate Blue


Brown colors: Cornsilk, Blanched Almond, Bisque, Navajo White, Wheat, Desert Sand, Burly Wood, Tan, Rosy Brown, Sandy Brown, Goldenrod, Dark Goldenrod, Peru, Chocolate, Fuzzy Wuzzy Brown, Saddle Brown, Sienna, Brown, Maroon


Green Colors: Frosted Mint,Snowy Mint, Paris Daisy, Electric Lime, Green Yellow, Chartreuse, Lawn Green, Lime, Lime Green, Pale Green, Light Green, Medium Spring Green, Spring Green, Medium Sea Green, Sea Green, Forest Green, Green, Dark Green, Yellow Green, Olive Drab, Olive, Dark Olive Green, Medium Aquamarine, Dark Sea Green, Light Sea Green, Dark Cyan, Teal


Blue colors: Aqua, Cyan, Aero Blue, Light Cyan, Light Rainshower, Rainshower, Pale Turquoise, Aquamarine, Turquoise, Medium Turquoise, Dark Turquoise, Cadet Blue, Steel Blue, Light Steel Blue, Powder Blue, Light Blue, Sky Blue, Light Sky Blue, Deep Sky Blue, Dodger Blue, Fuchsia Blue, Cornflower Blue, Medium Slate Blue, Royal Blue, Blue, Medium Blue, Dark Blue, Navy, Midnight Blue


White colors: White, Snow, Honeydew, Mint Cream, Azure, Alice Blue, Ghost White, White Smoke, Seashell, Beige, Old Lace, Floral White, Ivory, Antique White, Linen, Lavender Blush, Misty Rose


Gray colors: Platinum, Gainsboro, Light Grey, Silver, Dark Gray, Gray, Dim Gray, Light Slate Gray, Slate Gray, Dark Slate Grey, Black


Community content is available under CC-BY-SA unless otherwise noted.