Skull layout !

Tags: skull, dark, black, simple, layout

Description:

Hi! Well, this, as the title says, is a skull layout. It comes with a gif of a skull under the 'contact me' box, you can change it, it's in the very end (it is where it says "/* for this box, you can add an image of your choice. it's right under the contact box. */"). It's normal if the background image takes a little bit to load, i think it's because of the quality of it. Hope it works correctly and you can enjoy it! you can comment if using!

Preview:

click on the image for a larger preview

Code:

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

<style>
/*Main Body (Background Color/Background Image)*/
    body{
    background-image: url('https://images4.alphacoders.com/220/220714.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER !important;
    background-size: COVER;}
</style>
    
<style>
/*Profile (Background Color/Background Image)*/
    main{
    background-color: rgb(41, 41, 41, 0.7) !important;
    background-attachment: SCROLL !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER!important;}
</style>
    
<style>
/*Adding rounded corners to profile*/
   .top{
        border-radius: 25px 25px 25px 25px !important;}
        
    main{
        border-radius: 29px 29px 29px 29px !important;}
</style>
        
<style>
/*Top (Background Color/Background Image)*/
   .top{
    background-color: rgb(9,9,9, 0.7)!important;
    background-attachment: FIXED!important;
    background-repeat: REPEAT!important;
    background-position: CENTER!important;
    background-size: COVER;}
</style>
    
<style>
/*Top Links (Background Color/Background Image)*/
 .links{
     text-align:center;
    background-color: transparent!important;
    background-attachment: FIXED!important;
    background-repeat: REPEAT!important;
    background-position: CENTER!important;}
</style>

<style>
/*Search Users Box (Background Color/Background Image)*/
    .top input{
    background-image: url('https://i.pinimg.com/originals/25/1a/fe/251afe9d94adeb8d4e3d0011006e3fa9.gif') !important;
    background-attachment: FIXED!important;
    background-repeat: NO-REPEAT!important;
    background-position: CENTER!important;}
</style>

<style>
/*Buttons (Background Color/Background Image)*/
    button{
    border-radius: 25px 25px 25px 25px !important;
    background-color: white!important;
    background-attachment: FIXED!important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER!important;}
</style>

<style>
/*Profile Name (Background Color/Backround Image)*/
    h1{
    text-align:center;
    background-color: transparent!important;
    background-attachment: FIXED!important;
    background-repeat: REPEAT!important;
    background-position:center!important;}
</style>

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

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url(https://i7.glitter-graphics.org/pub/104/104607x61kd02dl0.gif);
}
</style>

<style>


/*Mood (Background Color/Background Image)*/
    .mood{
    text-align:center;
    background-color: transparent !important;
    background-attachment: FIXED!important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER !important;}
</style>

<style>
/*Contact Heading (Background Color/Background Image)*/
    .contact .heading{
    border-radius: 25px 25px 25px 25px !important;
    background-color: transparent!important;
    background-repeat: repeat;
    background-position: center;}
</style>

<style>
/*Contact Box (Background Color/Background Image)*/
    .contact{
    background-color: rgb(41, 41, 41, 0.7)!important;
    padding: 15px 10px 14px 10px;
    position: relative;
    margin-top: 20px;
    border: 5px ridge black;
</style>

<style>
/*Interests Section/Social Links Heading (Background Color/Backround Image)*/
    .table-section .heading{
    border-radius: 25px 25px 25px 25px !important;
    text-align:center;
    background-color: rgb(17, 17, 17, 0.7) !important;
    background-color: black !important;
    background-repeat: repeat;
    background-position: center;}
    
    
</style>

<style>
/*Interests Table & Links Table (Background Color/Background Image)*/
    table.details-table{
    background-color: rgb(9, 9, 9, 0.7)!important;
    background-attachment: FIXED!important;
    background-repeat: REPEAT!important;
    background-position: CENTER!important;}
    
    .profile .details-table td{
    background-color: rgb(41, 41, 41, 0.8)!important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT!important;
    background-position: CENTER!important;}
</style>

<style>
/*Blogs Heading (Background Color/Background Image)*/
    .blog-preview h4{
    border-radius: 25px 25px 25px 25px !important;
    background-color: rgb(9, 9, 9, 0.8);
    background-repeat: repeat;
    background-position: center;}
</style>

<style>
/*Blog (Background Color/Background Image)*/
    .blog-preview{
    background-color: transparent!important;
    padding: 15px 15px 12px 15px;
    position: relative;
    margin-top: 6px;
    border: 5px ridge black;
</style>

<style>
    .blurbs .heading{
    border-radius: 25px 25px 25px 25px !important;
    background-color: rgb(9, 9, 9, 0.7)!important;
    background-repeat: repeat;
    background-position: center;}
</style>

<style>
    .blurbs{
    padding: 15px 10px 14px 10px;
    position: relative;
    margin-top: 20px;
    border: 5px ridge black;


<style>
/*About Me/Who I'd Like To Meet (Background Color/Background Image)*/
    .blurbs{
    background-color: transparent!important;
padding: 15px 10px 14px 10px;
    position: relative;
    margin-top: 20px;
    border: 5px ridge black;;}
    
/*Hide "About Me" & "Who I'd Like To Meet" Headers*/
 .blurbs .section h4{display: none !important;}
</style>

<style>
/*Friends/Comments Heading (Background Color/Background Image)*/
    .friends .heading{
    border-radius: 25px 25px 25px 25px !important;
    background-color: rgb(9, 9, 9, 0.7)!important;
    background-repeat: repeat;
    background-position: center;}
</style>

<style>
/*Friends (Background Color/Background Image)*/
    .friends{
    background-color: transparent!important;
    background-attachment: SCROLL !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER!important;}
</style>

<style>
/*Comments (Background Color/Background Image)*/
    .comments-table td{
    background-color: rgb(9, 9, 9, 0.7)!important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    background-position: CENTER!important;
    border-radius: 0px 0px 0px 0px !important;}
    
</style>

<style>
/*Put Your Comments In A Scroll Box*/
table.comments-table{
display: block;
height: 300px!important;
overflow-y: scroll;}
</style>

<style>
/*Customize Scrollbar*/
    ::-webkit-scrollbar {
    width: 5px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: black;}

    ::-webkit-scrollbar-track {
    background: white;}
</style>


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

<style>
.logo {
  content: url(https://psyclonecities.neocities.org/assets/win7logo.png)
}
</style>



<style>
/*SpaceHey Logo (Background Color/Background Image)*/
    .logo{
    background-color: transparent!important;
    background-attachment: FIXED!important;
    background-repeat: REPEAT!important;
    background-position: CENTER!important;}
</style>

<style>
/*Footer Links (Background Color/Background Image)*/
    footer{
    background-color: rgb(41, 41, 41, 0.7)!important;
    background-attachment: FIXED!important;
    background-repeat: REPEAT!important;
    background-position: CENTER!important;}
</style>

<style>
/*Change Text Colors*/
    .top{
    color: white;}    
    
    main{
    color: white!important;}
    
    footer{
    color: white;}
</style>

<style>
/*Change Link Colors*/
    a{
    color: White!important;}
    
    a:hover{
    color: White!important;}
    
    a:visited{
    color: white!important;}
    
    .top a{
    color: white!important;}
    
    .top a:hover{
    color: white!important;}
    
    .top a:visited{
    color: white!important;}
    
    .links a{
    color: white!important;}
    
    .links a:hover{
    color: White!important;}
    
    .links a:visited{
    color: White!important;}
   
    .friends-grid p{
    color: White!important;}

    footer .links a{
    color: White!important;}
   
    footer .links a:hover{
    color: White!important;}
   
    footer .links a:visited{
    color: white!important;}

</style>

<style>
/*Change Interests Section Titles*/
table, th, td {
  border: 0px trans;text-align:center;border-radius: 15px;}

:root {
  --topic1: "General";
  --topic2: "Music";
  --topic3: "Movies";
  --topic4: "Series";
  --topic5: "Books";
  --topic6: "Heroes";}

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;}

.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);}

.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);}

.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);}

.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);}

.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);}

.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);}
</style>


<style>
/* this centers your friend space */
    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
    }
</style>

<style>* {cursor: url('https://cur.cursors-4u.net/others/oth-2/oth115.cur'), auto !important;}</style>
<a href="" target="_blank" style="position:absolute; top: 0px; right: 0px;"></a>



<style>
/* contact icons */
.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://64.media.tumblr.com/74b226508d242b2f40f5b2a64a17db63/2c1fd23e087b0e7f-4f/s75x75_c1/aef3c501c4601d63c27b49d1bd499830a8b43681.gifv")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://64.media.tumblr.com/f74c4bfd29c9d8903d80d69282ae0328/73fadafad671033f-f0/s75x75_c1/84f07270fd00a7036d77196bbbcf4d8bdc9f56a3.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://64.media.tumblr.com/2af6c98408c5b9880f5ae28e0f1fb6f2/4809e0c5820895fd-e2/s75x75_c1/77281bfe08c5516dd1d3d291d47ed525c8207611.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://64.media.tumblr.com/f1a28670fa731a5dbda8b0d1d8833241/1a44433204416b19-f3/s75x75_c1/6b372403ebcb111d4fac1586379d4bf7ee8dad6e.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://64.media.tumblr.com/c6c5fad58a4b46f65f6728f48f7215cb/6fe24381b3ab0462-04/s75x75_c1/ff15cd53d11e6668de305e8fb3812ec2eb864ab8.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://64.media.tumblr.com/09246ebf6ac624b663c0cf2af962a2db/5d5e69f35aa49ae7-ad/s75x75_c1/43aeeb7d8ea2c5a3bf2ddb0407c2743ed74e6ad5.gifv")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://64.media.tumblr.com/eb8ae4df1292974904f85e6b2d2715c7/3ab37b35962881fb-c1/s75x75_c1/d693f65e3c5d81ed6dae6d9336e59a0fa5daac30.gifv")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://64.media.tumblr.com/027f9507910a187f18ae6e8c8896ff1d/96835f10484e1703-43/s75x75_c1/5b1f07c9f7e2eb3dfd6e7e4f74c0cb6d013c11f0.gifv")
}   
</style>

<style>
/*Rounds profile picture*/
    .profile-pic img{
border-radius:25px;}
</style>
<style>
/*Change Header Text (Contact, About Me, Who I'd Like To Meet, etc)*/

/*"Contacting You" Box Title*/
.contact .heading{ font-size:0; text-align:center; }
.contact .heading:before{ content: "Contact Me"; font-size:.8rem; font-serif-bold; }

/*"Latest Blogs Entries" Title*/
.blog-preview h4{ font-size:0; text-align:center;}
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "New Blog Entries  |"; font-size:.8rem; }

/*"Your Blurbs" Title*/
.blurbs .heading{ font-size:0; text-align:center;}
.blurbs .heading:before{ content: "Personality"; font-size:.8rem; font-weight:bold; }

/*"Your Friend Space" Title*/
.friends .heading{ font-size:0; text-align:center;}
.friends .heading:before{ content: "New Friends"; font-size:.8rem; font-weight:bold; }

/*"Your Friend Comments" Title*/
.friends#comments .heading{ font-size:0; text-align:center; }
.friends#comments .heading:before{ content: "Your Friends Comments"; font-size:.8rem; font-weight:bold; }
</style>



<style>
/*contact box border*/
    .contact{
border: 1px transparent !important;
border-radius: 15px;}
</style>

<style>
/* for this box, you can add an image of your choice. it's right under the contact box. */
.url-info{
    background: url('https://i.pinimg.com/originals/27/3c/08/273c08416e291e323888b6abcb772581.gif');
    background-position: center;
    border: var(--borders)!important;
    border-radius: 15px;
    height: 200px;}

.url-info p{
    opacity: 0.0;}
</style>

<style>
/*removes boxes around the interests/links table*/
body  
    {
--lighter-blue: none;
}
</style>

<style>
/*hides white box around comments table*/
    .table.comments-table:{
    border-color:transparent;}
</style>

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

<style>
.profile .friends .person img {
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)
}

</style>

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

<style>
 .comments-table td:first-child img {clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
</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 20 of 45 comments ( View all | Add Comment )

Drafted Soul	1738109637 using!1!1! Report Comment
nanay :3	1737290699 using! Report Comment
Raz	1734484107 using! Report Comment
SocksDigital	1733408277 Using! Report Comment
michi☆	1731380685 using!! Report Comment
★Frnkestein★	1731119884 Using!! Report Comment
ZombieLuv3r	1730925774 using as a background Report Comment
🎧* ɪᴢᴢʏ *🎧	1730765044 usinggg Report Comment
vivv	1730581087 usingggg Report Comment
AceIsALoser	1726369119 using Report Comment
Nicolas	1724513858 using with changes :3 Report Comment
cyb3rluv._	1721914306 Using Report Comment
𝐀𝐒𝐇⛧	1721239086 using w some changes<: Report Comment
veth	1720755921 using and i love it but I don't wanna the skull gif, how can I take it away?? Report Comment
toiletdestroyer69	1718894247 using but changing the background Report Comment howw do u do thattt by Arlettxee7; 1719438764; Report
Sammy!!	1717989292 using!! Report Comment
FREAK	1716936390 using :P Report Comment
ALISSUH	1716927993 using Report Comment
leondafma	1716108034 How can I change the background to another picture? Report Comment you can change it in the part where it says "background-image: url" between the parenthesis by L0b0t0mmy; 1716167848; Report
cosmic cassie ✮	1715264299 using!! Report Comment