Monster High Layout

Tags: monsterhigh/cartoon
Description:

This is an Monster High layout was requested for a layout hope you guys enjoy if you use please comment saying "using" so i know who is using the layouts i create.
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by CITYLIGHTS🎔 (https://layouts.spacehey.com/layout?id=99043) -->

<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.ibb.co/xMwJs2s/Untitled-1.png');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>




 <style>
.Ocarina Layouts !! { BACKGROUND P R O P E R T I E S }
body {
background:url(https://i.ibb.co/mvd7Y47/mh2.png) #343434;
background-position:bottom right;
background-attachment:fixed;
background-repeat:no-repeat;
</style>










<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>

<style>
:root {
--logo-blue: #343434;
--darker-blue:#000000;
--dark-orange:#000000 ;
--light-orange: #000000;
--lighter-orange: #000000;
--light-blue:#000000;
--even-lighter-blue:#343434;
--lighter-blue:#000000 ;
--lightest-blue:#000000;
}
</style>


<style>
    .links{
        
    background-color: #000000 !important;
    background-image: url('') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style> h1, h2, h3, h4,h5, h6, h7, a, p, nav label, .section {color: hotpink}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;

}</style>





<style>
main{background-color:#000000; !important;}
</style>

<style>
    .comments-table td{
        
    background-color:#000000 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>


<style>
    a{
        
    color: #cd0179!important;
        
    }
    a:hover{
        
    color: #c5c5c5 !important;
        
    }
    a:visited{
        
    color: #cd0179!important;
        
    }
    .top a{

    color: #c5c5c5!important;

    }
    .top a:hover{

    color: # cd0179!important;

    }
    .top a:visited{

    color: #c5c5c5!important;

    }
    .links a{
    
    color: #cd0179!important;
    
    }
    .links a:hover{

    color: #c5c5c5 !important;

    }
    .links a:visited{

    color: #cd0179! !important;

   }
    .friends-grid p{
        
    color: #c5c5c5  !important;
        
    }
    footer .links a{

    color: #cd0179  !important;

   }
    footer .links a:hover{

    color: #c5c5c5!important;

   }
    footer .links a:visited{

    color: #cd0179!important;

   }
</style>



<div class="chr"></div>
<style>
div.chr {
background: url(https://i.imgur.com/rxUm5MU.gif);
background-size: 100%!important;
position: fixed;
left: 200px;
bottom: 20px;
height: 130px;
width:320px;
z-index: 100;
opacity: 100%;
background-blend-mode: overlay;
}"
</style>















<style>.blog-preview{display: none !important;}
.heading{display: none !important;}</style>


<style>
.table-section:last-of-type {
display: none;
}</style>


<style>
a.next{display: none !important;}

} footer ul li a {color: #343434 !important;}
</style>

<style>
.blog-preview{display: none !important;}
</style>





<style>
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
BACKGROUND-COLOR: black;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    width: 2px;eccc3d
    border: 1px dotted #cd0179;
}
::-webkit-scrollbar-thumb {
    background: #cd0179;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #cd0179;  
}

</style>








<style>
    footer{
        
    background-color: COLOR !important;
    background-image: url('https://i.ibb.co/t2hMT0c/diff.png') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>





<div class="chr"></div>
<style>
div.chr {
background: url(https://i.ibb.co/wdPy5ny/dw.png);
background-size: 100%!important;
position: fixed;
left: 200px;
bottom: 20px;
height: 500px;
width:400px;
z-index: 100;
opacity: 100%;
background-blend-mode: overlay;
}"
</style>




<style>* {cursor: url(https://cur.cursors-4u.net/people/peo-1/peo4.ani), url('https://i.ibb.co/jrNrmmr/000g.png'), auto !important;}</style> 



<style>

.logo {

content:url("https://i.ibb.co/GHwRSBx/mjmm.png");

}

</style>




<style>
.online{

content: url("https://i.ibb.co/RTCMPYc/onlinee.png") !important;

}
</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/Pcgm4wwTrb4?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>









<div id="profile">
<h1>🚨 Warning Warning</h1>
<p>This profile includes the following that cause danger, you may turn into an blood thirsty ghoul so beware</p>
<ul>
<li>Ghouls</li>
<li>Mummies</li>
<li>Creepy coolness</li>
<li>Monsters</li>
<a href="#profile">CLICK TO BE A GHOUL!</a>
<a href="https://spacehey.com/home">NAH I DONT WANT TO BE A GHOUL!!</a>
</ul></div>

<style> 

:root {
  --warning-background-color: black;
  --warning-text-color: white;
}

#profile {
 position: fixed;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 200%;
 background-color: var(--warning-background-color);
 color: var(--warning-text-color);
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}

#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > a {
 text-align: center;
 font-weight: bold;
}

#profile > ul {
 padding: 10px 50px;
 border: 2px dashed var(--warning-text-color);
}
</style>
<style> 

#profile{
 position: fixed;
 background-image: url('https://i.ibb.co/b2mx87p/mhh.png');
 background-color: black;
 color: white;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 150%;
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}
#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > ul {
 padding: 10px 50px;
 border: 5px double hotpink;
 background-color: black;
}

</style>








<style>
 
a.first, a.first:link, a.first:active, a.first:visited
{font-family:Cantarell;
font-size:11px;
color: #ab96cc;
width:100px;
line-height:25px;
text-align:center;
background-color:#191919;
text-decoration:none;  
text-transform:uppercase;
letter-spacing:1pt;
display:inline-block;
margin:10px;
border-right-width:10px;
border-right-color:c2b3df;
border-right-style:solid;
border-left-style:solid;
border-left-color:ab96cc;
border-left-width:10px ;
border-bottom-style:none;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}
 
a.first:hover
{font-family:Cantarell;
color: c2b3df;
font-ab96cc;
width:100px;
letter-spacing:1px;
line-height:25px;
height:30px;
background-color:#c7caca;
border-right-width:10px;
border-right-color:#c7caca;
border-right-style:solid;
border-left-style:solid;
border-left-color:#c7caca;
border-left-width:10px ;
border-radius: 0px 0px 50px 50px;}

</style>



<a href="https://spacehey.com/miggyjai" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 160px; height: 82px; filter: hue-rotate() saturate();"><img src="https://i.ibb.co/dK0fkxc/link.png" alt=""/></div></a>

<style>
    button{
        
    background-color: #cd0179!important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
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.
Comments

Displaying 2 of 2 comments ( View all | Add Comment )
mel 𖤐
1708810958
USING OMG
Report Comment
𖣂Mavis𖣂
1707329821
USING THANK YOU
Report Comment