Jeff the Killer

Tags: jeff the killer, creepypasta, blood, killer, scary, emo, edgy, gifs, blood splatter, dark

Description:

"Go... to... SLEEP!"

Here's a layout for anyone who's still into creepypasta in 2022 (or if ur like me & just got into it a couple months ago)

The blood splatter in the background, the smiles at the top and the little dancing Jeff are all moving gifs! Most of the time I spent on this was spent editing the gifs and images lmao,,

Feel free to use & copy-paste parts of it for your own layouts :D

Leave a comment if u like it! And please tell me if u find any mistakes, I'm still rly new to this.

And don't be afraid to add me if u wanna chat about creepypasta hehe

Preview:

click on the image for a larger preview

Code:

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

Layout made by leon_queeraf


<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Rock+Salt&display=swap');

p{
  font-family: 'Rock Salt', sans-serif;
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-family: 'Rock Salt', sans-serif;
  font-size: 200%;  
}

/* this adjusts the size/font of your name */
h1{
font-size: 30px !important;
font-family: 'Rock Salt', sans-serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
}

p.online {
font-size: 0px;
}
p.online::after{
content: "ONLINE :)" url(https://i.imgur.com/2Po2Wdn.png);
color: white;
font-size: 15px;
}

/* top sticker */
html:before {
  animation: ;
  background-image: url(https://i.imgur.com/kkEgmPd.png);
  background-repeat: no-repeat, repeat;
  background-size: 100%;
  content: "";
  height: 100%;
  left: 0%;
  opacity: 100%;
  position: fixed;
  width: 100%;
  top: 0%;
  pointer-events:none;
  background-shadow: 0 0 9px #000000;
}

/* blood splatter */
  body {
   background-color: ;
   background: url(https://i.imgur.com/T8bqbR6.png);
   background-size: 50%;
   opacity: 100%;
   text-shadow: 0 0 9px #000000;
}

.profile {
   background-color: ;
   background: url();
   opacity: 100%;
   background-size: 100%;
   color: white;
}

/*dark red box thingy*/
main{
   background: url();
   opacity: 100%;
   background-size: 100%;
   background-color: #30000050;
}

.contact .inner a img {
font-size: 0;
}

.contact .inner a img:before {
font-size: 1em;
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 favorite */
content: "🩸"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🩸"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "🩸"
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🩸"
}

/* the color of the number of your friends */
    .count {
        color: white;
    }

    table.comments-table td {
        background-color: #30000050 !important;
    }

.comment-replies{
    background-color: #30000050;
}
.comments-table td {
    border: 1px #300000 outset;
}

.comment-replies{border:none;} 
.comments-table{border:none;}

footer {
    border-radius: ;
    color: white;
    background-image: url(https://i.imgur.com/ZJxyAME.png);
    background-size: 33%;
}

.icon {
display: none;
}

nav { background-image: url(https://i.imgur.com/ZJxyAME.png);
background-size: 25%;
}

nav, nav .links a {
color: #cc0000;
}
nav .top {
margin-top: 4px;
}
nav .links {
background-color: transparent;
}

a, .profile .friends .person p, .logout-btn {
color: #cc0000 !important;
text-decoration: underline !important;
}

/* color of spacehey logo*/
.logo {
filter: sepia(0%) hue-rotate(45deg) saturate(50);
}

#q, button {
color: #cc0000;
background-color: black;
border: 1px solid #cc0000;
font-family: inherit;
}

:root {
    --logo-blue: ;
    --darker-blue: #cc0000;
    --lighter-blue: #300000;
    --even-lighter-blue:#30000050;
    --lightest-blue: #30000050;
    --dark-orange: #cc0000;
    --light-orange: #300000;
    --even-lighter-orange: #30000050;
    --green: ;
}

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Friends"; font-family: 'Press Start 2P', cursive; font-size:.8rem; font-weight:bold; 
color: #cc0000; }

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Comments"; font-family: 'Press Start 2P', cursive; font-size:.8rem; font-weight:bold;
color: #cc0000; } 

 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "My Interests & Links"; font-family: 'Press Start 2P', cursive; font-size:.8rem; font-weight:bold; 
color: #cc0000; }

    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "Say Hi!"; font-family: 'Press Start 2P', cursive; font-size:.8rem; font-weight:bold; 
color: #cc0000; }

  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "Info stuff"; font-family: 'Press Start 2P', cursive; font-size:.8rem; font-weight:bold; color: #cc0000; }

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

Ash!! <3	1745927942 Using Report Comment
𓆩♱𓆪	1743862786 using !! Report Comment
creppygirl	1740865151 using Report Comment
val	1740543679 uxing x Report Comment
✧༺♥༻∞𝓝𝓲𝓷✧༺♥༻∞	1740391471 using Report Comment
⋆☆𝓐𝓲𝓼𝓱𝓪𝓷𝓲 🦇☆⋆	1738449753 using 3 Report Comment
Octobergothyc	1738076371 using this!! Report Comment
c00lkidd	1737362740 usingg !! Report Comment
xmonsterbixchx	1736671836 Using Report Comment
B4Tz_KIzz	1736254906 using Report Comment
!!Z0MB13_XD!!	1735189622 Usingg Report Comment
JEFFX	1733993125 using Report Comment
Ume	1733687470 Using! Report Comment
SHisuB3	1728234698 Estou usando!! Report Comment
𝐒𝐚𝐝𝐢𝐞	1727146841 Using!! Report Comment
rswt	1723744051 using! Report Comment
crucifixmissing2009	1721117951 using!!! Report Comment
Robin	1720338792 Totally using Report Comment
⛧luc!fr⛧	1713585295 usin Report Comment
Comfisystem	1708577816 gonna use this! :0 Report Comment