← Back to Layouts
creepy creep

Name: FriendRewind
Author: FriendRewind
Author: .˚𓏲♱ ℛ𝖔𝖒𝖆𝖓{¬ºཀ°}¬
Category: Classic
Created: September 2, 2026
Comments (1)

‿̩͙⊱༒︎༻ℜ𝔞𝔠𝔥𝔢𝔞𝔩༺༒︎⊰‿̩͙ 09/02/2026 7:59 PM
Peak
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.pinimg.com/1200x/a2/94/01/a2940175c8650d55e344639321fe9a23.jpg","pageBgMode":"cover","heroImageUrl":"https://media1.tenor.com/m/SrTLZBSKxFcAAAAd/creep-mainslayermovienight.gif","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#000000","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#ff0000","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#000000","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#000000","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"https://i.pinimg.com/736x/5e/08/f7/5e08f77c18836ca2baad496a456b40e7.jpg","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */

body, body.profile-page {
  background-image: url("https://i.pinimg.com/1200x/a2/94/01/a2940175c8650d55e344639321fe9a23.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position: center center !important;
}

@media (min-width: 769px) and (pointer: fine) {
  body, body.profile-page {
    background-attachment: fixed !important;
  }
}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://media1.tenor.com/m/SrTLZBSKxFcAAAAd/creep-mainslayermovienight.gif') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.myspace-header .top-nav {
  background: #000000;
}

.myspace-header .main-nav-wrapper {
  background: #000000;
}

.myspace-header .main-nav li a:hover {
  color: #ff0000;
}

.contact {
    border: 1px solid #000000 !important;
    border-radius: 5px !important;
  }

.contact .heading {
    background-color: #000000 !important;
    color: #ffffff !important;
  }

.table-section, .friends, .blurbs, .module, .profileInfo {
    border: 1px solid #000000 !important;
    border-radius: 5px !important;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #000000 !important;
    color: #ffffff !important;
  }

#comments {
  background-image: url("https://i.pinimg.com/736x/5e/08/f7/5e08f77c18836ca2baad496a456b40e7.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
html:before {
content: " ";
display: block; position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.16) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
</style><style>



/* FR_MANUAL_EXTRAS */
</style>
<style>
/* Style both badges */
.general-about .details p:nth-of-type(2),
.profile .mood,
p.profile-mood {
  display: block !important;
  width: fit-content !important;
  margin: 10px auto !important;

  padding: 8px 12px 8px 38px !important;

  background-color: #fff0f8 !important;
  background-repeat: no-repeat !important;
  background-position: left 8px center !important;
  background-size: 23px auto !important;

  border: 1px solid #e3a8c8 !important;
  border-radius: 999px !important;

  color: #7e5b79 !important;
  text-align: center !important;
}

/* Status image */
.general-about .details p:nth-of-type(2) {
  background-image: url("https://cdn.discordapp.com/emojis/1107466773328035871.webp?size=28&quality=lossless") !important;
}

/* Mood image */
.profile .mood,
p.profile-mood {
  background-image: url("https://cdn.discordapp.com/emojis/1107466773328035871.webp?size=28&quality=lossless") !important;
}
</style>

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.pinimg.com/originals/a0/33/c5/a033c5e41e5ae7a20441b3c277a357d8.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; }
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; }
</style><div style="
  /* === CUSTOMIZE YOUR LABELS HERE === */
  --image-width: 400px;       
  --image-height: 800px;
  --position-right: 0px;    
  --position-bottom: 50px;   
  --layer-depth: 200;
  --float-direction: none; 
  pointer-events: none;
  /* === DO NOT CHANGE BELOW THIS LINE === */
  float: var(--float-direction); 
  max-width: var(--image-width); 
  height: var(--image-height); 
  position: fixed; 
  right: var(--position-right); 
  bottom: var(--position-bottom); 
  z-index: var(--layer-depth);
">
  
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.ibb.co%2FjZ9JV2Tm%2Fezgif-7a134f2f3f06bbf4.gif" alt="NAME">
  <div style="
  /* === CUSTOMIZE YOUR LABELS HERE === */
  --image-width: 400px;       
  --image-height: 800px;
  --position-right: 400px;    
  --position-bottom: 50px;   
  --layer-depth: 200;
  --float-direction: none;
              pointer-events: none;
          
  
  /* === DO NOT CHANGE BELOW THIS LINE === */
  float: var(--float-direction); 
  max-width: var(--image-width); 
  height: var(--image-height); 
  position: fixed; 
  right: var(--position-right); 
  bottom: var(--position-bottom); 
  z-index: var(--layer-depth);
">
  
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.ibb.co%2FjZ9JV2Tm%2Fezgif-7a134f2f3f06bbf4.gif" alt="NAME">
  
</div>
<div style="
  /* === CUSTOMIZE YOUR LABELS HERE === */
  --image-width: 400px;       
  --image-height: 800px;
  --position-right: 800px;    
  --position-bottom: 50px;   
  --layer-depth: 200;
  --float-direction: none; 
            pointer-events: none;
  
  /* === DO NOT CHANGE BELOW THIS LINE === */
  float: var(--float-direction); 
  max-width: var(--image-width); 
  height: var(--image-height); 
  position: fixed; 
  right: var(--position-right); 
  bottom: var(--position-bottom); 
  z-index: var(--layer-depth);
">
  
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.ibb.co%2FjZ9JV2Tm%2Fezgif-7a134f2f3f06bbf4.gif" alt="NAME">
  
</div>
<div style="
  /* === CUSTOMIZE YOUR LABELS HERE === */
  --image-width: 400px;       
  --image-height: 800px;
  --position-right: 1200px;    
  --position-bottom: 50px;   
  --layer-depth: 200;
  --float-direction: none; 
            pointer-events: none;
  
  /* === DO NOT CHANGE BELOW THIS LINE === */
  float: var(--float-direction); 
  max-width: var(--image-width); 
  height: var(--image-height); 
  position: fixed; 
  right: var(--position-right); 
  bottom: var(--position-bottom); 
  z-index: var(--layer-depth);
           
">
  
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.ibb.co%2FjZ9JV2Tm%2Fezgif-7a134f2f3f06bbf4.gif" alt="NAME">

</div>
  </div><style>
  <style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

  background-image: url('https://media1.tenor.com/m/1Ap8Bf2Hf90AAAAC/peachfuzz-wolf-peachfuzz.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 2s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style><style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://media1.tenor.com/m/1Ap8Bf2Hf90AAAAC/peachfuzz-wolf-peachfuzz.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 2s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style><img class="screen-sticker top-right" src="/proxy/image.php?url=https%3A%2F%2Fmedia1.tenor.com%2Fm%2FkfgFV0YL3uAAAAAd%2Fjosef-creep-peachfuzz.gif"><style>
.screen-sticker {
  position: fixed !important;
  width: 140px !important;
  height: auto !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}

/* Choose one position */
.top-left {
  top: 10px !important;
  left: 10px !important;
}

.top-right {
  top: 10px !important;
  right: 10px !important;
}

.bottom-left {
  bottom: 10px !important;
  left: 10px !important;
}

.bottom-right {
  bottom: 10px !important;
  right: 10px !important;
}
</style></style>