Victorian Red Vampire

Tags: vampire, red, bats, bat, goth, vampire goth

Description:

its super basic and the code is real messy bc im new to coding, have fun and do whatever you want with it. this was origninally another vampire layout that i edited to high hell, so almost all the code is mine

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by Morgan Madewell and editied by theophanu  (https://layouts.spacehey.com/layout?id=1182) -->

<style>body { cursor: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a023d5b0-5495-4037-b50a-818837258cb1/daz0wjd-9a044e5d-5137-4055-8a11-7e35ed9d504a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvYTAyM2Q1YjAtNTQ5NS00MDM3LWI1MGEtODE4ODM3MjU4Y2IxXC9kYXowd2pkLTlhMDQ0ZTVkLTUxMzctNDA1NS04YTExLTdlMzVlZDlkNTA0YS5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.Zcg_hEInNJW_LoEwj9nuGDX2xDPUFZWvKXTpJ-fa4_4'), auto; }</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=New+Rocker&display=swap');
</style>


<style>

table {
  border-spacing:*
width: 100%;
  /* sets background */
    background-image: url(https://i.pinimg.com/564x/fb/5c/fa/fb5cfa79bd57a9ffcbcf4a223777c811.jpg);
    background-repeat: repeat;
    background-size: 70%;
  }  

.blog-preview {
border:* 
background: rgba(190, 190, 190);
background-image: url(https://media.istockphoto.com/id/487264756/vector/vampie-bulldog-and-kalong-bats.jpg?s=612x612&w=0&k=20&c=xkhyFX8J7JHPaF8iQl1b-EkA267gGvKN2-xVcc8lDNo=);
opacity: 0.5
border-radius: 10px;
box-shadow: 1px 1px 2px rgba(190, 190, 190,);
height:155px!important;
background-position: bottom-right;
background-repeat: no-repeat;


</style>

<style>
  body {
    background: url(https://i.pinimg.com/564x/06/eb/19/06eb1974e6cb19f4ca7d0c7f64ca4d07.jpg);

   background-attachment: fixed;
background-position: center;
font-family:'New Rocker', cursive;
font-size: 12px;
letter-spacing:2px; 
line-height: 15px; 

text-shadow: 3px 3px 3px red;


   }

.profile-info{display:none !important;}
.blurbs .heading{display:none !important;}

}

.general-about {
  background-image: linear-gradient(60deg, ######, ######);
  background-clip: text;
  color: 850101;
  -webkit-background-clip: text;


}
.profile {
    background: #4D0404; /*not sure if you were trying to have your background red first or not, but CSS will show the second styling of the same element*/
  }
.profile {
    background-color: #4D0404
    color: #FFFFFF; /*your text color for most of the page - this is the complimentary color for the magenta that you chose. Feel free to change it*/
    border-left:*
    border-right:*

}

/*these are your various headers, I have used yellow to show you which text is affected by this code. Feel free to change them to what you prefer. If you want individual headers to be different colors then you have to write each one in a separate piece of code.*/
h3 , h4, h5, .url-info b {
    color: #000;
font-family: 'New Rocker', cursive;
text-shadow: 0 0 7px red;

}

/* This is the color of the links on your page. I have set them to green so you can see what they are. Feel free to change them to your preferred color*/
a {
     color: #e70303;
text-shadow: 0 0 9px red;
font-family: 'New Rocker', cursive;
font-size: 17px
line-height: 8px;

}

/* color of the normal text on your page. I have set this to purple so that you know which text is affected. Feel free to change it to what you prefer*/
p, h2 {
     color: black;
}
/* color of friend's names in the comments, number of friends and your name. This I set to orange */ 
h1, .count, .friends a p {
     color: #7C0B0B;
} 



:root  {
 --logo-blue:black;

/* [background color]: table headers, main top menu, border color*/
 --lighter-blue:rgb(000000);  

/* [background color]: 'interests' table (left column) */
/* [background color]: 'interests' table (right column) */
 --even-lighter-blue: rgb(000,0.5)!important;
 --lightest-blue: url(https://www.udrop.com/file/8RzO/2332.gif);

/* [font color]: 'blurbs' , 'friend space', 'friends comments' */
/* [background color]: 'blurbs' , 'friend space', 'friends comments' */
 --dark-orange: #d8f3dc!important;

 --light-orange:url:*; 
background-position: center;

/* [background color]: 'friend comments' right column */
 --even-lighter-orange: url(https://i.pinimg.com/originals/0e/f4/c4/0ef4c4def2fc957c65cd2bfe6ef2f2ae.jpg);

}


/*471- [font color]: the link-text up to the friend photo  */
.profile .friends .person p{
 color: #edffb9!important;
}



}

/*127- [background color]: footer area
/*     [Font color]: text footer area  [added by me]*/
/*     remove the margin top and bottom [added by me]*/

 color: #000000!important; /* * */
 margin: 0px !important; /* * */
}
nav .links {
    background: url(https://i.pinimg.com/564x/8f/51/16/8f5116397b1594a528a88165d11b3155.jpg);
    padding: 3.5px 16px 5.5px 16px;


}

h1 {
font-size: 43px!important;
line-height: 80px;
font-family: 'New Rocker', cursive;
font-weight:normal;
text-transform: uppercase;
letter-spacing: -1.5px;
color: #801313;
text-align:center;
padding-bottom:0px;
padding-top:0px;
text-shadow: 0 0 7px red;
background: #000;
background-image:url(https://i.pinimg.com/564x/d8/17/20/d81720c5f847e9da9ce88fb14fe33bd0.jpg);
background-position: center;
background-size: 100%;

}

.mood{text-transform: lowercase; !important; color:#FF0000; letter-spacing: 2px; font-style: none;}
}

</style>



<style>
.contact {

  border-radius: 25px;
  background-image: url(https://i.pinimg.com/564x/8f/51/16/8f5116397b1594a528a88165d11b3155.jpg);
background-position: center;
  background-repeat: no-repeat;
  padding: 20px;
  width: 200px;
  height: 150px;
line-height: 8px;
color: #000;
background-size: 50%;

}
.profile-pic {
 border-radius: 00px;
        overflow: hidden;
        border:*;
}

</style>

<style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}



footer  {
      background-image: url(https://i.pinimg.com/564x/e2/7c/f9/e27cf960358903cd50546cbb4b1bf8e8.jpg)

</style>

<iframe width="0" height="0&quot;" src="https://www.youtube.com/embed/ho9rZjlsyYY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">


</iframe>

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

Pixie & Gutzy’s Cranium	1768804161 using !! <3 Report Comment
ִ𖥻 ׁ ׅ Natalia! ׁ ׅ 🦇	1767916974 Using Report Comment
𝖭𝖤𝖮	1754255038 Using Report Comment
Vee <3	1752882250 Usingg <3 Report Comment
5h4rk_0nl1n3	1750641437 using probably!! Report Comment
ᖭི༏ᖫྀ☆Ali☆	1750040386 maybe usingg!!! Report Comment
TOMATOESVAMP1RE	1745483061 using Report Comment
hana 🦢	1744761140 usingg Report Comment
Victor	1744161118 Using. Report Comment
Del	1743405923 using Report Comment
miki🦊	1742054221 Using Report Comment
vxl~tine	1740371548 using Report Comment
lumi ‘ 🦇	1739661936 using :p Report Comment
lumi ‘ 🦇	1739661936 using :p Report Comment
lumi ‘ 🦇	1739661936 using :p Report Comment
lumi ‘ 🦇	1739661934 using :p Report Comment
lumi ‘ 🦇	1739661928 using :p Report Comment
totally Frank iero	1739232160 USINGGG Report Comment
✧ sc4rzi 🃁	1738191516 using! thank you :) Report Comment
GloomlightGhoul	1737670287 Using!! Report Comment