christ becomes her (lol)

Tags: goth, emo, red and black, cross, crosses, for fun, 90s goth, 2000s goth

Description:

red and black gothy cross layout! sorta a mix of my previous personal layout and my emily one with some other fun stuff added in

Preview:

click on the image for a larger preview

Code:

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

<style>
/*=== body background image + font ===*/

body {
background-image: url(https://i.imgur.com/lCcGYcBh.jpg?3);
background-attachment: fixed;
    p{ font-family:'Orbitron', sans-serif;
    font-size: 25px;
    color: white
}
</style>


<style>    
/*=== image for the top navigation box thingy ===*/

nav .top{
     background-image: url(https://i.imgur.com/7dmbrPCt.jpg);
     border: solid;
     border-color: black;
     border-width: 6px;
}
</style>

<style>
/*=== profile background/color + border ===*/

.profile{
   background-image: url(https://i.imgur.com/9O4ALxLh.jpg);
   border: dotted;
   border-color: black;
   border-width: 6px;
}
</style>

<style>
/*=== background color + border for headings + navigation links ===*/

.profile .blurbs .heading, .profile .friends .heading, main, top, links, nav .top, nav .links, details-table {
color: rgb(153, 0, 0);
background-image:url(https://i.imgur.com/7dmbrPCt.jpg);
color: #FFFFFF;
border: solid;
border-width:3px;
border-color: black;
font-color: #FFFFFF;
}
</style>

<style>
/*=== font import ===*/

@import 
p{ font-family:'Orbitron', sans-serif;
font-size: 100%;
color: white;
</style>

<style>
/*=== online now icon ===*/

.online {
    content: url(https://dl.glitter-graphics.com/pub/157/157970hj8gwh1fkh.gif);
}

</style>

<style>
/*=== profile picture border ===*/

.profile-pic {
        border-radius: 250px;
        overflow: hidden;
     border: dotted;
     border-color: black;
     border-width: 2px;
}
.profile .friends .person img {
border-radius: 500px;
        overflow: hidden;
     border: dotted;
     border-color: rgb(153, 0, 0);
     border-width: 2px;
}
    }
</style>

<style>
/*=== custom cursor icon ===*/

* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol35.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/26/hol35.html" target="_blank" title="Coffin"><img src="https://cur.cursors-4u.net/cursor.png" alt="Coffin" style="position:absolute; top: 0px; right: 0px;"/></a>


* 
<style>


<style>
/*=== contact emojis ===*/

.contact .inner a img {
       font-size: 0;
   }
   .contact
 .inner a img:before {
       font-size: 5em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "💀"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "🤍"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "💬"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "🦴"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "✉️"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "👻"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "☁️"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "📄"
   }

</style>

<style>
/*=== contact background image ===*/

.contact {
  border-radius: 8px;
  background-image: url(https://i.imgur.com/liOU0QWm.jpg);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:240px;
border: solid;
border-color: black;
border-width: 2px;</style>


<style>
/*=== color changes ===*/

:root {
    --logo-blue: rgb(204, 0, 0);
    --headers: rgb(204, 0, 0);
    --darker-blue: white;
    --lighter-blue: ;
    --even-lighter-blue: url(https://i.imgur.com/RqqWmOWm.jpg);
    --lightest-blue: url(https://i.imgur.com/RqqWmOWm.jpg);
    --dark-orange: ;
    --light-orange: #000000;
    --even-lighter-orange: url(https://i.imgur.com/RqqWmOWm.jpg);
    --green: black;
    --links: ;
}

</style>

<style>
/*=== footer image ===*/

footer {
background-image: url(https://i.imgur.com/widKz8Fs.jpg) 
!important; 
background-position: bottom center !important;
background-repeat: repeat !important;
</style>


<style>
/*=== image for 'about me' section ===*/
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/lW_SQnDAE8Q//?&;amp;;autoplay=1&loop=1&;controls=1" title="bored" 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 13 of 13 comments ( View all | Add Comment )

𝒱𝖆𝖑✮	1691095526 using Report Comment
Siren Graveyard	1688234554 Using Report Comment
hexxy!	1686335168 using! Report Comment
deadgrl	1686239031 using! tyy Report Comment
matthew	1685030755 using!! Report Comment
Morcegaaaa	1683753555 Usando! Report Comment
vivi ★	1682178348 Using!! Ty x3 Report Comment
xaivier ✦	1680982273 using !! thank yuuuuu Report Comment
𝕾𝖆𝖉𝖎𝖊*ੈ✩‧₊˚	1680838341 using, thx u sm >3 Report Comment
finn / alex (O_o)	1680658889 using!! tysm Report Comment
Xx_T4bri5_xX	1680628148 Using this!! Thx:33 Report Comment
3ll10t	1680622181 using!! Report Comment
Agretorn	1680379235 using this ^^ Report Comment