nightmare before christmas layout

Tags: nightbeforechristmas
Description:

This is Nightmare before christmas layout if you use please comment saying "using" this layout is made by oCarina layouts
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by Ocarina Lyts! (https://layouts.spacehey.com/layout?id=28380) -->

 <div style="float:  ; &#10;max-height: 400px; &#10;position: fixed; &#10;right:05px; &#10;top: 380px; &#10;z-index: 400;"><img src="https://i.imgur.com/d1t2LS3.gif" width="680" height="680"/></div>



<iframe width="0" height="0" src="https://www.youtube.com/embed/iQuVFBSPGcU?&;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>

<style>
    .contact{
        
    background-color: COLOR !important;
    background-image: url('https://i.imgur.com/eQ32O6K.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>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.imgur.com/bkd4Jn1.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>










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


<style>
body{background-image:url("https://i.imgur.com/Hufk8ph.png");
background-attachment:fixed;}
</style>

<style>
    .top{
        
    background-color: #010101!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>
    .links{
        
    background-color: #010101!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>
    .comments-table td{
        
    background-color: #010101!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>

    .comments-table td{
        
border:0px solid black !important;   
        
    }
</style>



<style>
    .top{
        
    color: #64c329;
        
    }    
    main{

    color: #64c329!important;
        
    }
    footer{
        
    color: #64c329;
        
    }
</style>



<style>
    .contact .heading{
        
    background-color: #1c1c1c COLOR !important;
    background-image: url('');
    background-repeat: repeat;
    background-position: center;

    }
</style>



<style>
    .blog-preview h4{
        
    background-color:#1c1c1c !important;
    background-image: url('');
    background-repeat: repeat;
    background-position: center;

    }
</style>



<style>
    .blurbs .heading{
        
    background-color: #1c1c1c !important;
    background-image: url('');
    background-repeat: repeat;
    background-position: center;

    }
</style>

<style>
    .friends .heading{
        
    background-color: #1c1c1c !important;
    background-image: url('');
    background-repeat: repeat;
    background-position: center;

    }
</style>




<style>
    a{
        
    color: #64c329!important;
        
    }
    a:hover{
        
    color: #f4831b !important;
        
    }
    a:visited{
        
    color: #902dbb!important;
        
    }
    .top a{

    color: #64c329!important;

    }
    .top a:hover{

    color: # f4831b !important;

    }
    .top a:visited{

    color: #902dbb!important;

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

    color: #f4831b !important;

    }
    .links a:visited{

    color: #902dbb! !important;

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

    color: #f4831b   !important;

   }
    footer .links a:hover{

    color: #902dbb  !important;

   }
    footer .links a:visited{

    color: #f4831b  !important;

   }
</style>









<style>



/*Interests Scrollbox*/
    .profile .table-section {
        display: block;
        height: auto;
        width: AUTO;
        overflow-y: auto;
        font-size: 12px;
        border: dotted 0px!important;
        border-right: none!important
}



::-webkit-scrollbar
{
  width: 10px;
}

::-webkit-scrollbar-button:start {
    background-color: #f4831b;
}

::-webkit-scrollbar-button:end {
    background-color: #f4831b;
}

::-webkit-scrollbar-thumb
{
  background-color: #f4831b;
  border-radius: 0px;
}
/*Customizes color of Handle hover*/
::-webkit-scrollbar-thumb:hover {
  background: #1c1c1c;
}  
  
/*Customizes color of Track */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px #1c1c1c;
  background-color: #1c1c1c;
  border-radius: 0px;
}


.general-about .profile-pic {
float: none;
}

.general-about .profile-pic img {
    border-radius: 10px;
    border: 1px solid#426b27;
}

</style>

<style>


  }
.profile {
    background-color: #1c1c1c;
    color: #16bbba; /*your text color for most of the page - this is the complimentary color for the magenta that you chose. Feel free to change it*/
    
}

/*these are your various headers, I have used yellow to show you which text is affected by this code. Feel free to change them to what you prefer. If you want individual headers to be different colors then you have to write each one in a separate piece of code.*/
h3 , h4, h5, .url-info b {
    color: #f4831b;  
}

/*This is the color of the links on your page. I have set them to green so you can see what they are. Feel free to change them to your preferred color*/
a {
     color: #f4831b;
}

/* color of the normal text on your page. I have set this to purple so that you know which text is affected. Feel free to change it to what you prefer*/
p, h2 {
     color: #64c329;
}
/* color of friend's names in the comments, number of friends and your name. This I set to orange */ 
h1, .count, .friends a p {
     color: #64c329;
} 


</style>


<style>
    }
    .contact {
        font-size: 11px;
        border: none!important;
    
    }
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: url("https://i.imgur.com/ERNM2Wi.png")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: url("https://i.imgur.com/ERNM2Wi.png")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* send Message */
	content: url("https://i.imgur.com/ERNM2Wi.png")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: url("https://i.imgur.com/ERNM2Wi.png")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: url("https://i.imgur.com/ERNM2Wi.png")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: url("https://i.imgur.com/ERNM2Wi.png")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: url("https://i.imgur.com/ERNM2Wi.png")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: url("https://i.imgur.com/ERNM2Wi.png")
} 


</style>


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





<style>
table.comments-table{

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

}
</style>

<style>
.online{

content: url("https://i.imgur.com/7zfIEhc.gif") !important;

}
</style>




<a href="https://spacehey.com/ocarina" 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.imgur.com/PM6MPOE.gif" alt=""/></div></a>


<style>

:root{--logo-blue: gray; --darker-blue:#f4831b; --lighter-blue: orange; --even-lighter-blue: #f4831b --lightest-blue: white; --dark-orange: orange; --light-orange: purple; --even-lighter-af33adorange:gray; green: black}
h1, h4{color:#902dbb}
</style>

<style>
    footer{
        
    background-color: COLOR !important;
    background-image: url('https://i.imgur.com/XfdVojJ.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.imgur.com/pcEOSDa.gif);
background-size: 100%!important;
position: fixed;
left: 200px;
bottom: 20px;
height: 310px;
width:320px;
z-index: 100;
opacity: 100%;
background-blend-mode: overlay;
}"
</style>








<style>
    button{
        
    background-color: #f4831b!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 9 of 9 comments ( View all | Add Comment )
xxashhhh_	1728419681 usingg Report Comment
GLOOMY 𖤐🦇 (Sara’s wifey🔐	1706410284 using:3 Report Comment
Gin gin	1705799620 Using Report Comment
Emerson	1700934138 Using ! Report Comment
Kaido/Kai <3	1694467279 Usinggg Report Comment
Taylor	1690899857 using!! Report Comment
skullsonedge	1690432026 using, thank you Report Comment
Tatianna	1681620101 Using, thank you! Report Comment
3m0k1nG	1680363673 ✨ Report Comment