requested 80s vampire/horror themed layout

Tags: horror, black, dark, 80s, vampire, creepy

Description:

someone requested this layout and it wasnt at all the type of aesthetic im used to, which made it all the more fun to make :DD as always, if theres an issue or something isn't working correctly, let me know and i will try my best to fix it asap!! if you have any layout requests or even just simple themes you think would look cool as layouts (you dont have to use the layout once i make it), please tell me bc i make layouts pretty often and will probably end up making it!! also also: if you use this layout, i would appreciate a comment but it's not obligated!! spacehey logo credits: https://layouts.spacehey.com/layout?id=29964 tv screen overlay effect credits: https://pastebin.com/5kcuUHvm

Preview:

click on the image for a larger preview

Code:

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

<br/>
<!-- (c) Layout created by Jay (https://layouts.spacehey.com/ratl0rd) -->
<a href="https://layouts.spacehey.com/ratl0rd">
         <img alt="credit" src="https://i.ibb.co/GnhTmvK/blinkies-Cafe-l2.gif" width="150&quot;" height="20"/></a>

<style>

@font-face {
font-family: berkahi;
src: url(https://dl.dropbox.com/s/git042fsl0esanm/Berkahi%20Blackletter.otf);
}
@font-face {
font-family: 'mbytepc';
src: url(https://dl.dropbox.com/s/wu14gtbffx3auk3/Px437_MBytePC230_EGA%5B1%5D.ttf);
}
@font-face {
font-family: 'gothik steel';
src: url(https://dl.dropbox.com/s/q85sqq5r38eahmn/Gothik%20Steel.ttf);
}

main{
background-image: url(https://i.ibb.co/Bt01nMV/anim.gif);
border-radius: 15px;
}
body{
background-image: url(https://i.ibb.co/1sbHzmw/1e80a3c3d3f6507d38563c09307e8f54.jpg);
background-position: center !important;
background-size: cover !important;
font-family: mbytepc !important;
font-weight: normal !important;
}
.logo {
   content: url(https://i.ibb.co/6mmPmgr/29964-361deeae18ff330d5be4cd015c36c9fc.png);
}
.top, .links, footer {
background-image: url(https://i.ibb.co/RTSfQ1m/tumblr-m1sbqy-Vrq-P1r20wk1o2-250.png) !important;
border-radius: 15px;
text-align: center !important;
}
.blurbs:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  background-image: url(https://i.ibb.co/XyspbkM/13db5900.gif);
  height: 90px;
  width: 470px;
  background-repeat: no-repeat;
  background-position-x: center;
}
nav .links:before {
    width: auto;
    margin-bottom: 5px;
    height: 130px;
    display: block;
    content: "";
    background-image: url("https://i.ibb.co/h8HjZW9/guy.jpg");
    background-size: cover !important;
    background-position: center center;
    border-radius: 15px;
}
    .heading {

    background-color: transparent !important;        
    background-image: url('https://i.ibb.co/8ch7BgN/229616d6.gif') !important;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;

    }
main, .table-section td{
background-color: transparent !important;
font-family: mbytepc !important;
font-weight: normal !important;
}
a{

font-family: mbytepc !important;
color: white;
font-weight: normal !important;


}
a:hover{

font-family: mbytepc !important;
color: white;
font-weight: normal !important;
}
a:visited{

font-family: mbytepc !important;
color: white;
font-weight: normal !important;

}
a:hover, a:active, a, p, .section {
    font-family: var(--mbytepc) !important;
    color: white !important;
    font-weight: normal !important;
}
h2, h3, h4, h5, DIV.mood &gt; P:nth-child(1) &gt; B, P:nth-child(2) &gt; B {
    font-family: "mbytepc";
    color: white !important;
    text-align: center !important;
    font-weight: normal !important;
    font-size: 2.2em !important;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
content: "†" !important;
color: white !important;
}
.count{
color: red !important;
}
button.logout-btn{
    font-family: var(--mbytepc) !important;
    font-weight: normal !important;
}
.profile .blurbs .section h4 {
    margin: 0;
    color: #ffffff;
}
.profile .blurbs .heading, .profile .friends .heading {
color: white !important;
}
.profile {
 font-size: 120%;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    border:none !important;   
}
button, input {
border-radius: 15px;
}
.online img { 
content: url("https://i.ibb.co/K5TscDh/skull.gif"); animation-name: none; visibility: visible; height: 20px; width: 20px; filter: none;
}
.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.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url("https://i.ibb.co/6J0bRV6/29054c97.gif")
}
li.active .icon { 
    content:url('https://i.ibb.co/Zx0k39Z/tumblr-m2k4jiyy-DP1qdlkyg540.gif'); 
    width: 20px;
    height: 20px;
    }
    .comments-table td{
        
    background-image: url('https://i.ibb.co/9rBT4mg/48791f29.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;
color: white;
}
             ::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(216, 48, 48, 1);
    box-shadow: inset 2px 2px 5px 0 grey;
    border-radius: 100px;
    }

    ::-webkit-scrollbar-track {
    background-image: url(https://i.ibb.co/9rBT4mg/48791f29.jpg);

    }

</style>
<style>
.general-about .profile-pic img {
-webkit-mask-image: url(https://i.ibb.co/dQ45pVJ/lxeoiabpmil71.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
position:relative;
transform:scale(1.025,1.025);
top:-0.25em;

}
</style>
<style>
.lines {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 300;
opacity: 0.3;
}
 
.lines:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
background-size: 100% 4px;
will-change: background, background-size; animation: scanlines 0.2s linear infinite;
}
 
@keyframes scanlines {
from {
background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, .5) 51%); background-size: 100% 4px; }
to {
background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 50%, transparent 51%);
background-size: 100% 4px;
}
}
@media only screen and (max-width: 600px);
{
</style>
 
<div class="lines"></div>

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 6 of 6 comments ( View all | Add Comment )

AntiqueN0ah	1708953671 using!! Report Comment
Pav<3	1705200628 Using!! Report Comment
⋆✮Pixie✮⋆	1702199783 using!! Report Comment
joyce	1700074945 what's the code for just the skelanimals spacehey logo? Report Comment
Kenn	1686958825 ooh!! i really adore this layout! I'm gonna use it i think as well!! though i hope you don't mind i changed the static background gif to the repeating header image as the static was a bit much for my eyes. ^^' Report Comment aa ty!! and yeah ofc, feel free to make as many edits as you want :> by Jay; 1686962004; Report
tabby	1682935375 oooh so cool! i love it!!! Report Comment thank youuuuu >< by Jay; 1682983229; Report