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

Bouda	1738908021 usinggg Report Comment
Maviszsz	1738857131 using hehe Report Comment
koko	1736265911 usingg >.< Report Comment
gabriel / simon	1733956495 using this!! Report Comment
JustARandomBirb	1720818060 GRAA USING!!! Report Comment
OokamiJ	1717000957 Using this layout, so cool and very retro. The Vampire aesthetics already won me over but the VHS vibes feel like a cherry on top of the sundae! Report Comment
AntiqueN0ah	1708953671 using!! Report Comment
clay !!	1705200628 Using!! Report Comment
⋆✮Pixie✮⋆	1702199783 using!! 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