Things I used to struggle with when making a layout!!

One of my biggest things was learning the coding part! If you're new I will try my best to explain! 

This is all the basic parts you're gonna need!!

[The very back background]

The code:

<style>

body {

     background-image: url("YOUR URL HERE") ;

     background-color: black ;

     background-attachment: fixed ;

     margin: 0;

     padding: 0;

}

</style>

Copy and paste this into your "About me" and in the ("YOUR URL HERE") copy and paste the URL to the picture you want to use. It should appear on your page!

[The middle background] (??)

I honestly wouldn't know exactly what to call it but it's the middle strip of your profile where your info is!

The code:

<style> body{

        background-color: ;

height: 100%;

background-position: center;

background-repeat: no-repeat;

background-size: cover;

    }

    main{

        background-color: rgba(0,0,0,0);

  border-radius: 9px;

    } </style>

Copy and paste this into your "about me", go HERE: https://rgbacolorpicker.com/ and put in the rgba into the code just like it says on the website. 

COLORS

Code:

<style>

:root {

    --logo-blue:red;

    --darker-blue:orange;

    --lighter-blue:yellow;

    --even-lighter-blue:Green;

    --lightest-blue:blue;

    --dark-orange:purple;

    --light-orange:pink;

    --even-lighter-orange:brown;

    --green:white;

 </style>

Copy and paste this into your "About me", I changed the colors so you would understand where each color was, just delete the color and type in the one you want.

Images

Lastly, add some images, blinkes, and gifs to your profile!!

code:

<img src="YOUR URL"/>

Just copy and paste into your "about me" and put the url of whatever you want into there!!