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

luuuxsds	1728234698 Estou usando!! Report Comment
𝐒𝐚𝐝𝐢𝐞	1727146841 Using!! Report Comment
z0mbi3b0y	1723744051 using! Report Comment
crucifixmissing2009	1721117951 using!!! Report Comment
Robin	1720338792 Totally using Report Comment
Valentin	1715717301 Using this :D Report Comment
⛧luc!fr⛧	1713585295 usin Report Comment
Comfisystem	1708577816 gonna use this! :0 Report Comment
ＶＩＡ !! 𖦹	1708521767 Using!! Report Comment
Natali :3	1707625586 usando !! Report Comment
c1hakuMy	1706195130 Usando :) Report Comment
Golden	1705150609 usando :3 Report Comment
Meo	1704984524 Using this, so cool!! Report Comment
Luna <𝟑 ᶻ 𝗓 𐰁	1704945918 using Report Comment
⦻ mira ⦻	1704003192 using!!ty <33 Report Comment
⦻ mira ⦻	1704003191 using!!ty <33 Report Comment
j	1703198187 usingg Report Comment
Lyla X3	1700865271 Using! TYSM!!! X3 Report Comment
kat>3<	1697590885 using :D TYSMM Report Comment
˚ʚ 𝙩𝙤𝙗𝙚𝙨 ɞ˚.ᐟ	1696611427 Using!! Report Comment