Orange & Purple Skulls Layout

Tags: orange, purple, skulls, halloween, punk, pattern, skeleton, simple, hooterbby

Description:

Notes: -I place my codes in my about me section. Anything else you want under the Blurbs area can be added into your Who I'd Like To Meet section. (I do this to keep the codes separate from other content.) -You can change your interest labels, found at the top of the code, labeled "topic". -Comments are in a scroll box. Hidden areas: Friends photos. url box. most headers.

Preview:

click on the image for a larger preview

Code:

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

<style>
table, th, td { border: 0px solid;}:root {

  --topic1: "1";
  --topic2: "2";
  --topic3: "3";
  --topic4: "4";
  --topic5: "5";
  --topic6: "6";

 }

.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>
.url-info{display: none !important;}
.section h4{display:none}
.blurbs{margin-top:10px !important;}
.friends-grid{display: none !important;}
.contact .heading{display: none !important;}
.table-section .heading{display: none !important;}
</style>

<style>table.comments-table{display: block;height: 350px!important;overflow-y: scroll;}</style>

<style>
@import url("https://fonts.googleapis.com/css?family=Creepster");

.w-40 h1{
font-family: Creepster;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(,);
-webkit-background-clip: text;
-webkit-text-fill-color: orange;
-webkit-text-stroke: 1px #5B0D97;
}
</style>

<style>
             ::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    }

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

    ::-webkit-scrollbar-track {
    background: #2E3395;
    }
</style>

<style>
a:hover{
background-color: #874098 !important;
background-image: url('') !important;
background-repeat: repeat !important;
background-position: center !important;
}
.links a:hover{
background-color: #874098 !important;
background-image: url('') !important;
background-repeat: repeat !important;
background-position: center !important;
}
</style>

<style>
    body{ 
    background-color: black !important;
    background-image: url('https://hosting.photobucket.com/images/g144/punkluv4evr/istockphoto-1415154646-612x612.jpg') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: RIGHT !important;
    }
</style>

<style>
    main{
     
    background-color: rgba(72, 72, 72, 0.94) !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>
.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 0px dotted gray !important;
outline: none !important;
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol337.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/10/14/pink-skull-crossbones.html" target="_blank" title="Pink Skull Crossbones"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pink Skull Crossbones" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
    .top{
        
    background-color: transparent !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;
        
    }

    footer{
        
    background-color: transparent !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;
        
    }

    table.details-table{
        
    background-color: transparent !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;
        
    }
    .profile .details-table td{
        
    background-color: transparent !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;
        
    }

    .comments-table td{
        
    background-color: transparent !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;
        
    }

    .heading{
        
    background-color: black !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;
        
    }

    .links{
        
    background-color: rgba(72, 72, 72, 0.94) !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: #F9A21B !important;}
.links a{color:#F9A21B !important;}
.friends .heading {color: black !important; background-color: #9A4998 !important;}
.blurbs .heading {color: black !important; background-color: #9A4998 !important;}
.count{color: white !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 0 of 0 comments ( View all | Add Comment )