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

Raye	1719833963 Using! Report Comment
Arin/Avery	1714185590 using!! <3 Report Comment
katstkller	1711144860 Usando Report Comment
ੈ✩‧₊˚༺𝑳𝑨𝑵𝑮𝑨༻ੈ✩‧₊˚	1709057537 Using :DD Report Comment
L0neW0lf	1706335420 usign Report Comment
saii	1706043850 using !! Report Comment
angel	1705468628 usingg Report Comment
G0PYY !!	1705164955 Using Report Comment
☥ 𝔙𝔢𝔫𝔦 ☥ 🦇🌘	1704510048 using!! Report Comment
☆Jules☆	1704003075 using!! Report Comment
tara	1692152605 using <3 Report Comment
Vampybatz	1686344685 Using!! Report Comment hi, I just wanted to ask - what's the black and white layout you're currently using? by mossy :]; 1697033711; Report
Vampybatz	1686344685 Using!! Report Comment
slipknotfan☆	1686075681 USING THIS !! <3 Report Comment
oscar / finn !!	1684606061 using!! i love it sm aaa <33 Report Comment
Taisha	1683160620 TYYY!! i love ittt<333 Report Comment
tori 𐙚	1682977535 using! this is so gorg Report Comment
Ash	1682158936 Using !!! SO PRETTYYYYY Report Comment
jellyyy…🍉	1680329896 USSINGGGGG!!! THIS LOOKS SO GOOD 💟💟 Report Comment
Sara	1680310484 Usingggg!! tyyyy Report Comment