Different codes that are simple and easy if u want to add sum pizzaz to ur profile n such!!!

Different codes that could be useful

(on all of the codes I put (INSERT IMAGE OR VIDEO HERE) and like it says that's where you insert ur image or video, you can add videos to a code where you add a image but you can add a gif to those, the banner you can add a image or a gif I am unsure about adding a video to it but you can always try!! - same for the loading screen)

I hope allot made sense pls comment iid hit doesn't make sense so I can explain more

IMPORTANT!!!

To insert an image or gif you need the image address (you get it by using two fingers to click on the picture and it should say image address somewhere at the bottom)

For images

___

<img src=" I”NSERT IMAGE HERE/>

For youtube video (( you can change the height and width to make it smaller or bigger))

___

<iframe width="560" height="255" src="INSERT YOUTUBE URL HERE"YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="">

</iframe>

For making a banner

___

<style>main:before {

width: 100%;

height: 200px ;

display: block;

content: "";

background-image: url('INSERT IMAGE OR GIF HERE');

background-position: center;

background-size: cover;

}

@media only screen and (max-width: 100px) {

main:before{

height: 100px;

}

}</style>

Loading screen

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('INSERT IMAGE OF GIF HERE');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 2s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>