Spooky scary skeletons

Tags: black, white, emo, skeleton

Description:

A skeleton layout for all my spooky hoes! You can use this freely, no credit needed. Change anything you want in the html.

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap');
body{font-family: "potta one" ;}
</style> 


<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://media0.giphy.com/media/YwAgyCddum3K0/giphy.gif?cid=ecf05e47cys0cbds0ya05m8oh42rsxr2vcudlm24qgdxkeax&rid=giphy.gif&ct=g');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3.5s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

 body, .bodyContent  { 
  background-image:url(https://cdn.wallpapersafari.com/61/97/qu6yfe.jpg); 
 background-position:center; 
 background-attachment:fixed;
 border-color:#ffffff; 
 border-width:14px; 
 border-style:Inset; 
 scrollbar-face-color:000000; 
 scrollbar-highlight-color:F8F8FF; 
 scrollbar-3dlight-color:FF1493; 
 scrollbar-shadow-color:000000; 
 scrollbar-darkshadow-color:FFFFFF; 
 scrollbar-arrow-color:FF1493; 
 scrollbar-track-color:FF1493; 
 } 


.profile {
background-image:url();

}
/*the username glow and shadow*/
h1
{
	color: #ffffff;
h1
{         color: #ffffff; 
	//text-shadow: 1px 1px #d1d1d1;
	
};
	text-shadow: 2px 2px 3px #d1d1d1, 0 0 25px #d1d1d1, 0 0 5px black;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: small;*/
    color: #ffffff;
{

.mood
text-transform:uppercase !important;
}

table, td
}
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--#575757);
}
table, th, td

}
   border: 1px solid #575757;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #ffffff;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #ffffff;
   margin 10px 2;
}

.online
{
  color: #ffffff; 
  //text-shadow: 1px 1px black;
}

:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: purple 55;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--red: ;
        
        --table-header:#ffffff;
	--table-color: white;
	--link-text: white;
	--main-text: white;

    }   
main 
{
  /* changes made to stuff outside of columns */
    background: black;
    padding: 0;
    font-size: small;
    color: #000000;
text color: black;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
footer 
{
    background: #ffffff;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: #ffffff;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.contact {
  border-radius: 8px;
  background-image: url();
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: white;
  text-shadow: 1px 1px 2px #d1d1d1, 0 0 25px #d1d1d1, 0 0 3px #d1d1d1; 
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve #000000 !important;
outline: curve !important;
}
img
{
border-radius: 12px;
}

main {
background:  black;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: #d1d1d1;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid none;
padding: 0;
font-size: 90%;
color: #ffffff;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://i.pinimg.com/originals/86/c1/60/86c1609d80a6e0f575ec6db17687d3cf.gif) 
}


/*customising interests box*/
  .profile .table-section{
    border:2px solid #ffffff;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #ffffff;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 /*customising friend space heading*/
  .profile .friends .heading{
    background: #d1d1d1;
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 2px black
  }
.general-about {
	background-image: url(https://i.pinimg.com/originals/86/c1/60/86c1609d80a6e0f575ec6db17687d3cf.gif);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #575757;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.pinimg.com/originals/86/c1/60/86c1609d80a6e0f575ec6db17687d3cf.gif);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FFF;
}
.profile .profile-info .inner h3 a {
	color: #FFFFFF;
}
.profile .profile-info {
	background-image: url(https://i.pinimg.com/originals/8d/af/74/8daf74866a7a9bc3fe572242400d5cdb.png);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #575757;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;


</style>


<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-8/oth701.ani), url(https://cur.cursors-4u.net/others/oth-8/oth701.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/29/bloody-stabbing-knife.html" target="_blank" title="Bloody Stabbing Knife"><img src="https://cur.cursors-4u.net/cursor.png" alt="Bloody Stabbing Knife" 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.

Comments

Displaying 20 of 28 comments ( View all | Add Comment )

Lucaaaa	1698598059 Using! Thank youuuuu Report Comment
𝐑𝐚𝐰𝐫 𝐗𝐃	1694125059 Using!! :3 ty Report Comment
Casper	1693154586 Planning to you Report Comment
AbyssalRaven	1691384720 Using <3 thank you Report Comment
crackerfactory	1678902727 using, i love it:) Report Comment
ElktaurKing	1677181515 Love it! Using :)) Report Comment
TH3 CR0WZ C0LL3CT1V3	1674433687 how do i get rid of the gif at the beginning? other than that itz perfect!! Report Comment hey!!! I know a little bit of programming, you need to remove the code below!! (I'm not sure, but it probably is) :D body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://media0.giphy.com/media/YwAgyCddum3K0/giphy.gif?cid=ecf05e47cys0cbds0ya05m8oh42rsxr2vcudlm24qgdxkeax&rid=giphy.gif&ct=g'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 3.5s ease 0s 1 normal forwards; pointer-events: none; } @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } by Cyel; 1692832279; Report ty!!! by TH3 CR0WZ C0LL3CT1V3; 1693878817; Report
Cass	1674266000 using I love this Report Comment
zomblinaa	1674143741 using!! Report Comment
Tobias	1671735141 This is cute!!, using Report Comment
darcy doom	1667751245 usinggg Report Comment
ceec	1663321578 cuteeee using Report Comment
Mossy boii	1659505846 cutee Report Comment
j☆sie	1654917536 how do you get rid of the gif? :p Report Comment
j☆sie	1654705869 i thought i got hacked when the skeleton gif showed up but i didn't and i love the layout!!! Report Comment
xXt34rsd0ntf411Xx	1642240256 love it, thnx :) Report Comment
PiercetheLubna	1639057042 I'm new here I love this layout so I'll be using it for now (: Report Comment
XxCarcassxX	1637404737 Thank you! Gonna use this Report Comment
Yuu	1634848419 thanks,so cool:) Report Comment
r0wanx	1633710236 very cool!! :o Report Comment