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

vic que ama o enhypen >-<	1739661936 using :p Report Comment
vic que ama o enhypen >-<	1739661936 using :p Report Comment
vic que ama o enhypen >-<	1739661936 using :p Report Comment
vic que ama o enhypen >-<	1739661934 using :p Report Comment
vic que ama o enhypen >-<	1739661928 using :p Report Comment
totally Frank iero	1739232160 USINGGG Report Comment
✧ sc4rzi 🃁	1738191516 using! thank you :) Report Comment
GloomlightGhoul	1737670287 Using!! Report Comment
Gabriella	1737664252 US1NG!!1!! :33 Report Comment
R0ttingbwrains	1737018967 using! Report Comment
Vikt𖦹r	1735506597 Using!! Report Comment
verluke, s	1731767650 using Report Comment
Cresent࿐ ˊˎ-	1731337499 using!! Report Comment
Casper Like The Ghost	1728485746 using! Report Comment
♤ Teddy ♤	1727123595 Usingg Report Comment
chacha senpai	1722275265 using Report Comment
Raye	1719833963 Using! Report Comment
Arin/Ezri	1714185590 using!! <3 Report Comment
katstkller	1711144860 Usando Report Comment
ੈ✩‧₊˚༺𝑳𝑨𝑵𝑮𝑨༻ੈ✩‧₊˚	1709057537 Using :DD Report Comment