Thread:MissVoltron/@comment-32247874-20190914204021/@comment-32247874-20190916220311

Ah, okay! So I think your problem is that I'm teaching you how to write code from scratch, and you're using the friend badge template Charlotte made. So what you would do to write this from scratch would be to take everything off and put in the code! I'll break it down even more.

So, first step, take off everything. The history of the page will let you find anything you need.

Next, we'll get started! First we'll choose the background colors of your badge. The shape and everything will come later.

Here's what I put before:

"linear-gradient" means ombre, and "to right" means that the colors go right to left in the order you give them. You can replace "to right" with "to left" "to right up" "to left up" "to right down" "to left down" "to bottom" or "to top" (The ones with two directions are diagonal.) You can add a lot of colors; just add more with a comma between each like it shows. If you want the colors to be symmetrical, like on your badge, you repeat the colors in the opposite order.

So, the first decision would be if you want a gradient or a solid color, and I think you already decided that. Next would be to decide which way you want the code to go. Your options:

 To right

 To left

 To top

 To bottom

 To right bottom

 To right top

 To left bottom

 To left top

Once you've decided that, pick your colors. You can use basic color names, or hex codes. https://htmlcolorcodes.com/ is a good resource for finding the colors you want. The code it displays below the color is the hex code you'll need.

Once you have the hex codes/names of every color you want, you can put in your first code. That will look something like this:



That's the code for the first option I showed.

Once you've done that, hit save and see if you like it! Then you can adjust your direction and colors, and once you're ready we'll keep going.

Does that help?