kerrang mcr layout! :D

Tags: my chemical romance; mcr; kerrang; layout ; black

Description:

I'm really happy you found this :D if you use it pls add me I'd love to see how it actually turned out since this is my first layout made in a CSS code thing so idk if it'll work :D Please tell me if anything is wrong with it and I will try to fix it, there is also i custom cursor and online now icon that i couldn't seem to get into the screenshot xDD

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Spoon xPP(FW) (https://layouts.spacehey.com/layout?id=24042) -->

<style>
    body{
        
    background-color: BLACK !important;
   
        
    }
</style>
<style>
    main{
     
    background-color: COLOR !important;
    background-image: url('https://c4.wallpaperflare.com/wallpaper/22/240/855/texture-gradient-simple-background-blue-wallpaper-preview.jpg') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
    
<style>
    .top{
        
    background-color: COLOR !important;
    background-image: url('https://completemusicupdate.com/wp-content/uploads/2017/04/kerrang1250.jpg') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
.top a{
    background-color: BLACK;
}    
</style>

<style>
    .links{
        
    background-color: RED !important;
   
    }
</style>
<style>
    .top{
        
    color: RED;
        
    }    
    main{

    color: WHITE !important;
        
    }
    footer{
        
    color: RED;
        
    }
</style>
<style>
    .logo{
        
    background-color: BLACK !important;
   
    }
</style>
<style>
 {
}
* {
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
body {
    background-color: #e3e3e3;
    font-family: verdana, arial, sans-serif, helvetica;
}
:root {
    --logo-blue: #e8eaf0;
    --darker-blue: #d4d8e5;
    --lighter-blue: #080d13;
    --even-lighter-blue: #a30606;
    --lightest-blue: #c50909;
    --dark-orange: rgb(224 217 217 / 90%);
    --light-orange: rgb(47 37 20 / 60%);
    --even-lighter-orange: #171410;
    --green: #34D399;
    --dark-green: #059669;
}
</style>
<style>
nav::before {
   content: "";
   background:  url(https://images.fanart.tv/fanart/my-chemical-romance-5b97e4c03782b.png);
background-size: 200px;
    position: fixed;
    float: right;
    display: inline;
    bottom: 0;
    right: 5px;
    height: 196px;
    width: 195px;
    margin-bottom: 10px;
    margin-right: 5px;
}

</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
p,h1,h2,h3,h4,h5{
font-family: 'Bebas Neue', cursive;
}
</style>

<style>
    footer{
        
    background-color: BLACK !important;
    background-image: url('https://pbs.twimg.com/profile_images/1327597434676125696/-VUCWIDe_400x400.png') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    .general-about{
        
border: 3px solid black !important;   
        
    }
</style>

<style>
.blurbs{
    border: 3px solid black;
}
</style>
<style>
    .top{

        border-radius: 25px 25px 0 0 !important;

    }
    main{

        border-radius: 0 0 25px 25px !important;

    }
</style>
<style>
.online{

content: url("https://i10.glitter-graphics.org/pub/157/157970hj8gwh1fkh.gif") !important;

}
</style>

<style>* {cursor: url(https://ani.cursors-4u.net/others/oth-9/oth904.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2018/02/08/crossbone-guitar-pick.html" target="_blank" title="Crossbone Guitar Pick"><img src="https://cur.cursors-4u.net/cursor.png" alt="Crossbone Guitar Pick" style="position:absolute; top: 0px; right: 0px;"/></a>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.