Thread:SoKeepherOfTheLostCities/@comment-37809564-20191126174859/@comment-44044902-20191126194708

Sure!

So first, you need your tag at the beginning. You'll need those whenever you put in a code. Since this is a background, you would just put an = after it, and put the word "background" (with the "). So:

<div style="background

Then, you need to decide if you want a solid background or linear-gradient (which is just more than one color). I think gradients look prettier, but that's all up to you. I'm just going to use gradient as my example.

Then, you need to decide if you want the colors to go left, right, up, or down. Let's just go with up for this example, but if you want something else, just put it there instead. So, you would put 'to up' in parenthesis, like:

<div style="background: linear-gradient(to up,

Now's the fun part. Type in your browser 'hex color picker' and Google should give this thing where you pick out your colors. Pick out 3 or 4 that you like, and just copy and paste the number right after your comma. It'll look like this:

<div style="background: linear-gradient(to up,#03fcf0,#90db44,#ed39c9);

Now, you need the border. You'll need a size, radius, and color. Let me just give you a hint: for size, almost always put 15px when you're coding from scratch. That's your go-to number. So:

<div style="background: linear-gradient(to up,#03fcf0,#90db44,#ed39c9); border: 15px double #FFFFFF

The 'double' part is just the actual border, and the f's are just the color white. Feel free to use any other color.

To speed this up a little (since this is going to be a huge post lol), you nead the border radius (how thick you want the border to be) and the padding. For padding, always go with 20px. This'll sound a bit confusing, but for sizes, it's 15px. For padding, go with 20px. Anyways:

<div style="background: linear-gradient(to up,#03fcf0,#90db44,#ed39c9); border: 15px double #FFFFFF; border-radius: 15px; padding: 20px;

Lastly, you need your font and font-color. For fonts, the most common one is called Marker Felt, but if you don't like that one, just go to Google and search 'fonts'. For color, the best would be white, but that depends on what your background is. If it's light, go with black. If it's dark, go with white. You get it. The final product (for my example) should look like:



To close it, use

Oh, I forgot; whenever you need to seperate anything in coding, always use a semi-colon. You probably knew this, but I just wanted to point that out.

I assume you know where to put it, but if not, it's at the top right corner of your message wall.

Whoa this was huge XD