Black & Red Vampire Layout

Tags: black, red, black and red, vampire, goth, emo, dark, grunge, aesthetic

Description:

hi everyone!
this is a vampire layout i created for all you blood suckers!

this theme includes custom:
- cursor
- background
- headers & footers
- fonts
- interest labels
- contact gifs/icons
- friend icon shadow
- colors
- borders
- online gif

also included:
- hidden profile link
- centered blurbs & friends space
- lowercase font

for a live preview this layout, copy the code below and paste it into this website:

https://genericprofileeditor.neocities.org

let me know if anything is broken. i hope you like it! stay thirsty :P

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by alucard (https://spacehey.com/cybervenom) -->

<style>
/* profile background/the image behind the profile box */
body { 
background: url(https://64.media.tumblr.com/337613bf3034a0a318fd6f2f5ec833da/tumblr_p4f4lypavs1w5n1g1o1_1280.pnj);
    no-repeat fixed; 
    background-size:cover;
}
</style>

<style> @import url('https://fonts.cdnfonts.com/css/upbolters-2'); </style>

<style> @import url('https://fonts.cdnfonts.com/css/heatizen'); </style>


<style>
.url-info{display: none !important;}
</style>

<style> 
/* these are the colors for headers */
p{
font-family: 'Verdana';
text-transform:lowercase !important;
color:#911919;
}
</style>

<style>
/* this adjusts the size/font of your name */
h1{
font-size: 30px !important;
font-family:  'Heatizen', sans-serif;
text-transform:uppercase !important;
padding-left: 7px !important;
}
</style> 

<style> 
/* this changes the color of your name */
.profile h1{
background: -webkit-linear-gradient(#911919, #911919);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<style>
/* this changes the color of your headers */
h4{
font-size: 16px !important;
font-family: 'UPBOLTERS', sans-serif;
text-transform:uppercase !important;
padding-left: 2px !important;
/* gradient text, you can replace existing colors with whatever ones you want */
background: -webkit-linear-gradient(#911919, #911919);
-webkit-background-clip: text;
-webkit-text-fill-color: #911919;
}
</style> 

<style>
/* this is what makes the text bold/look bigger */
p{
font-size: 12px !important;
font-weight: bold;
 text-transform:none !important;
}
</style> 

<style>
/* links in the navigation bar @ the top */
nav{ 
font-size: 13px !important;
font-family: 'Verdana', sans-serif;
text-shadow: 1px 1px red;
text-transform:none;
padding-left:3px;
text-align: center;
}
</style>

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

<style>
.blurbs .inner{

text-align: center !important;

}
</style>

<style>
/* the color of the number of your friends */
    .count {
        color: #911919;
    }
</style>

<style>
a {
  font-size: 9px !important;
}
<style>

<style>
/* link colors when you hover over links */
   a:hover {
     color: #520902; 
   } 
   a{
     color: #911919; 
   }
</style>

<style>
/* main profile background/the box that has all your text */
/* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */
main {
background: #171717;
border: 2px solid black
}
</style>

<style>
/* this is the background color for the headings of your blurbs, friend space + comments */
.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:rgba(13, 4, 4, 1);
text-transform:lowercase !important;
color: black;
border-radius:15px;
border: 3px solid black
}
</style>

<style>
.profile .url-info {
border: 2px solid black;    
}
.profile .contact {
border: 2px solid black;     
}
.profile .table-section {
border: 2px solid black;     
}
</style>

<style>
/* links to your friends' profiles */
.profile .friends .person p {
color: #911919;  
}
.profile .friends .person p:hover {
color: #911919;  
}
</style>

<style> 
/* this is the box that says "_'s latest blog entries" */
DIV.blog-preview{
text-align: center;
font-family: 'Verdana';
background-color: #171717;
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 5px solid black;
}
</style>

<style>
/* this edits your friends' icons */
.profile .friends .person img:not(.icon) {
border-radius:15px;
box-shadow: 1px 0px 7px 2px rgba(231, 0, 0, 0.71);
border: 3px solid black;
}
</style>

<style>
/* these are the colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: rgba(13, 4, 4, 1);
}
</style>

<style>
/* contacting "_" */
.profile .contact {
background-color: rgba(13, 4, 4, 1);
}
</style>

<style>
/* friend comments */
.profile .friends .comments-table td {
background-color: rgba(13, 4, 4, 1);
border: 1px solid rgba(13, 4, 4, 1);  
}
.comments-table td*{
}
</style>


<style>
/* colors for interest section */
.profile .table-section .details-table td {
background-color:rgba(13, 4, 4, 1);
}
</style>

<style>
/* navigation bar at the top/the bar that has navigation links */
nav .links {
background-color: black;
}
nav .links a:hover {
color: rgba(13, 4, 4, 1);
}
</style>

<style>
nav .top{
/* navigation bar at the top/the bar that has the search and spacehey logo */
background-color: black;
}
</style>


<style>
/* border inside of comments */
table.comments-table {
border: 2px solid black;      
}    
</style>

<style>
/* border inside of comments */
table.comments-table {
border: 2px solid black;      
}    
</style>

<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/f91eaa749101677883829aad18797126/3e84182573ca09dd-a4/s75x75_c1/5443db186d2d15dd01763142087688fcce456c53.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://64.media.tumblr.com/989e97a17d7b6979e2b35561639ea5d4/170ade0120a14f99-57/s75x75_c1/06ec0f8c0c0c930ca8e47a71dad72ae0b5026452.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://64.media.tumblr.com/8bfd1ef50233ff80861afd417b6b95fa/402e09aaa26c5672-a9/s75x75_c1/75657302065d48f4a08c85a7b40b90096100366c.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://64.media.tumblr.com/8b82dbe315729f5edfcc464006d5195a/402e09aaa26c5672-2c/s75x75_c1/65a0c6d762f99709fd0e593016f629516a170b7f.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://64.media.tumblr.com/3ed5d83768d61d51018404042da6679a/22608f3016a0e6a3-f7/s75x75_c1/25c322e42af72c48d24c764c6fd76f74f9d419d0.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://64.media.tumblr.com/2315b3a21341194420da384396b66272/5f1dd35dc6e399fc-ad/s75x75_c1/317d40d8c36baef3d9a8b0062ef8ff51eac22add.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://64.media.tumblr.com/bed5aea8535402646ce585b3bf8ee0ac/22608f3016a0e6a3-f2/s75x75_c1/1647d23f4ace9c1a79ce5b34f78ebc5b80f11af2.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://64.media.tumblr.com/ae8c6f28a80ccffc33e2c274570c6595/3e84182573ca09dd-b5/s75x75_c1/fe71211fa2645fe7970130322b9317136705bd36.gif")
}

</style>


<style>
footer {
color: black !important;
text-decoration: none !important;
text-decoration-style: none !important;
background-color: black;
}    
</style>

<style>
.online{content:url("https://64.media.tumblr.com/06cbb9e6c7c8aa129aa6c5e71507511e/3e84182573ca09dd-95/s75x75_c1/84aac3939412ef7c39366290f8cc78730483827d.gif");}
</style>

<style>
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol36.cur), auto !important;} /* End https://www.cursors-4u.com */
</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 155 comments ( View all | Add Comment )

𖤐 Nihil 𖤐	1769962758 Using! Report Comment
MikeyRobbiymustdie	1769239131 Using Report Comment
Elissabat	1768705846 usingg Report Comment
Gabriett_:þ	1764807320 Using Report Comment
Batsy	1764734677 using Report Comment
Osdsk	1764453390 using Report Comment
2CRYB3_0F_T3CHN0L0GY	1761114630 using might change background tho as well as cursor Report Comment
ur.angel	1760252294 Usingggg Report Comment
dipirona	1759871793 using Report Comment
Walter Bernhard	1758570103 using! :3c Report Comment
Calcazzz	1756856882 ty sm for specifying what each code iz 4, i've been trying to customize with the minimal coding skills i have and dis made it 1o times easier <333333 Report Comment
Zo_Artsyy	1756322776 Using!! Report Comment
MaeLeficent	1755236752 Using it! thank you!!! Report Comment
Selene🍒	1753250399 Using Report Comment
kayra	1752354776 Using it Report Comment
nico´ཀ`	1751876371 Usinng! Report Comment
Jayce/Touya	1751093391 Using! Report Comment
TIMBERLY	1749907485 Using ‼️ Report Comment
xX_R3beL.J4sper_Xx	1749324056 using Report Comment
CaptainHowdie's #1 Fanboy	1748134339 usinggg :3 Report Comment