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 46 comments ( View all | Add 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
⦻•MEOdoka[BENDrowned]•⦻	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
Tobias	1696611427 Using!! Report Comment
Centipede	1696233332 Using. Thank you. Report Comment
XxChevValentinexX	1696082854 I'm going to use this 👍 Report Comment
XxChevValentinexX	1696082838 I'm going to use this 👍 Report Comment