Red Goth Vamp w/Red Crosshair Cursor

Tags: goth, vampire, dark, with cursor, spooky, heytony

Description:

Hey this is the first layout im posting here, but i have few more on my blog!! I also post all my themes on my pastebin so i never lose them. anyway here's my Red Vamp Goth layout. Remember you can mod if you want!

Preview:

click on the image for a larger preview

Code:

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

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-1/cur5.cur), auto !important;}</style>
<a href="https://www.cursors-4u.com/cursor/2005/05/07/cur5-11.html" target="_blank" title="Red Crosshair">
    <img src="https://cur.cursors-4u.net/cursor.png" alt="Red Crosshair" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
 
/* Red Goth Vamp layout w/Red Crosshair Cursor
            by TonyTheTiger (spacehey.com/heytony) */
 
/*  to start off, this part bellow will control the base of your profile.
P.S. backround attachment is the one that makes your background either stay put
or scroll with you. use "fixed" or "scroll" for that part. */
 
 
    body {
        background-color: black;
        background-image: url('https://i.pinimg.com/originals/31/21/38/3121380f4e144d83749b218d370e1a09.gif');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    Main {
        Background-color: rgba(36,36,36,.5);
        background-size: 50%;
        background-position: right;
        background-repeat: no-repeat;
        background-attachment: scroll;
     }
    main:before {
        width: 100%;
        height: 300px;
        display: block;
        content: "";
        background-image: url('https://www.jing.fm/clipimg/full/110-1107359_kawaii-cute-black-manga-anime-girl-goth-png.png');
        background-position: center bottom;
        background-size: cover;
        background-repeat: no-repeat;
}
        @media only screen and (max-width: 600px) {
            main:before{
            height: 200px;
        }
    }
    nav .top {
        background-color: #242424;
        background-size: contain;
        background-repeat: repeat;
        background-position: center;
        background-attachment: scroll;
    }
        nav .links {
        background: maroon;
        padding: 3.5px 16px 5.5px 16px;
        }
        nav .links a { 
            color: #242424;
            text-decoration: none;
            font-size: 12px;
        }
        nav .links a:hover {
            color: grey;
            text-decoration: line-through;
        }
    footer {
        background-color: #242424;
        background-image: url('https://31.media.tumblr.com/e23aecdd8c75479d8efd3ef2d386737f/tumblr_mroij1u7NK1sfk0ybo1_500.gif');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left;
        background-attachment: scroll;
    }
    body, div {
        font-family: courier;
        color: maroon;
        font-weight: bold;
        text-decoration: none;
    }
    
 
/*  bellow this you can change the left side of your profile,
including the intrerests details' table, but only the heading! */  
    
    .profile h1 {
        background-image: url('https://data.whicdn.com/images/76994599/original.gif');
        background-position: center top;
        color: grey;
    }
    .online {
        color:red!important;
    }
    .online img,
    .offline img {
        display: none;
    }
    .online:before {
        content: "🔴"!important;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(1.0,0,0,1.0);
        animation-duration: 2s;
    }
    .blog-preview {
        background: rgba(36,36,36,.45);
    }
    .profile-pic img {
            border-radius: 5%;
        }
    .friends img {
        border-radius: 5%;
    }
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        background: rgba(36,36,36,.45);
        width: 100%;
        border: none;
        margin: 10px 0;
    }
    .profile .contact {
        background-image: url('https://media0.giphy.com/media/mEtjDFSKYbYdav9WG2/giphy.gif');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .profile .contact .heading,
    .profile .table-section .heading,
    .home-actions .heading {
        background-image: url('https://media2.giphy.com/media/TK4aDaZrcPvFKnn7cE/giphy.gif');
        background-position: center;
        color: grey;
        padding: 2px 7px;
    }
    
    
/*  this is the part where you tweak the right side of your profile */  
    
    .profile .blurbs {
        background: rgba(36,36,36,.45);
        margin: 20px 0px;
    }
    .profile .friends {
        background: rgba(36, 36, 36,.45);
        border-color: maroon;
        border-radius: 5px;
    }
    .profile .blurbs .heading {
        background-image: url('https://media2.giphy.com/media/TK4aDaZrcPvFKnn7cE/giphy.gif');
        background-position: center;
        color: grey;
    }
    .profile .friends .heading {
        background-image: url('https://media2.giphy.com/media/TK4aDaZrcPvFKnn7cE/giphy.gif');
        background-position: center;
        color: grey;
    }
    .profile .blurbs .section h4 {
        margin: 14px;
        color:  grey;
        font-weight: bold;
    }
    .profile .friends .person p {
        font-weight: bold;
        width: 100%;
        word-break: break-word;
        font-size: 100%;
        text-align: center;
    }
    .count {
        color:  grey;
    }
    
    
/*  this is the part you change your comments table,
and your intrests table. 
P.S.: the ones with ":first-child" variables, will control the left side of the tables. */ 
    
    .comments-table {
        display: block;
        height: 200px;
        overflow-y: scroll;
    }
    .comments-table td,
    .music-table td {
        background: transparent;
        background-image: url('https://img1.picmix.com/output/stamp/normal/9/0/1/8/1558109_c0058.gif');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right;
        vertical-align: top;
        position: relative;
    }
    .comments-table td:first-child,
    .music-table td:first-child {
        background: rgba(36, 36, 36,.9);
        text-align: center;
        font-weight: bold;
        width: 38%;
    }
    .details-table td {
        background: rgba(36,36,36,.45);
        vertical-align: top;
    }
    .details-table td:first-child {
        background: rgba(36,36,36,.9);
        color: grey;
        font-weight: bold;
        width: 33%;
    }
    
    
/*  this is the part you can change how the links look */ 
    
    a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover,
    a.man:link, a.man:active, a.man:visited, a.man:hover,
    a, a:link, a:active, a:visited, a:hover,
    a.navbar:link, a.navbar:active, a.navbar:visited, a.visited:hover,
    a.text:link, a.text:active, a.text:visited, a.text:hover,
    a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited,
    a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited,
    a.redlink:hover {
        color: grey;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
    }
    a.navbar:hover, a.man:hover, a:hover {
        color: red;
        font-weight: bold;
        font-style: normal;
        text-decoration: line-through;
    }
 
 
/*  Hope these coments helped you out!
and i suggest you YouTube Noah's SpaceHey CSS tutorials, if you're completely lost. 
Special thanks to Cory (spacehey.com/cory) and Katie (spacehey.com/fighttheducks) */
 
</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 64 comments ( View all | Add Comment )

velvet☄. *. ⋆	1751879106 using cursor!! Report Comment
Sam!	1745895406 Using cursor thx Report Comment
⁠.⁠✧ Miss Scarlet ⁠✧.	1745599226 using cursor thnx Report Comment
modernpassion	1745174147 using cursor thanks! Report Comment
Maggot	1744255936 using for the cursor Report Comment
Nico/Finny	1743517724 using the cursor Report Comment
Vashyron	1741171365 using Report Comment
﹫﹒𝓂𝑒𝑔𝒶𝓃﹒﹒⿴﹒﹒	1740989593 using cursor Report Comment
zomg :p	1740940574 usingg :v Report Comment
𝔎𝔞𝔪𝔦۶ৎ	1740118243 using:p Report Comment
jj?!	1739080642 using!! Report Comment
RaccoonaeX	1738705823 usingg!! (just the cursor) Report Comment
zoe 🗡𓂀 ⊹₊⋆	1738220491 using :))) Report Comment
bils`.`	1738211109 using Report Comment
Allie Rose🥀	1737599735 Using 🙏🏽 Report Comment
⋆ ˚｡⋆୨Farrah୧⋆ ˚｡⋆	1737404544 Using cursor! Report Comment
ova_diobrando	1737270766 Using and I love it <3 Report Comment
Vampire_Goth	1736534498 thanks for this amazing piece. how do i add a pic on top of my pfp? Report Comment
T1K0	1736392598 using cursor:33 Report Comment
theodore hachett	1736376174 using cursor!! tysm!!!! <33 Report Comment