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

ɢ0ʀʏɢᴜᴍᴍɪɪ!!!	1750089845 using!! Report Comment
Gitarez (>~<)	1749551607 ussing :) Report Comment
Twisted_rainbow_smiles	1749104179 Using :3 I love Jeff sm Report Comment
vampznyx666	1748908773 Using Report Comment
⦻ 𝙃𝙞𝙧𝙤 𝙇𝙚𝙚 ⦻	1748373496 I think it’s just my iPhone being dumb but the background only shows up at a grey beige color Report Comment
F4WN	1748370583 USING!!! Report Comment
alle ⦻	1748235737 Using : ) Report Comment
robbie_theAlien	1748005497 using! Report Comment
mattie	1746762890 using Report Comment
Raccoon_lover54	1746203228 can you do more creepypasta themed things? there isnt much (you dont have to if you dont want to ofc!!! :) ) Report Comment
Ash!! <3	1745927942 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