← Back to Layouts
poop2

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

No comments yet. Be the first!
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":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","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":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */
</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>
.online {
  visibility: hidden !important;
}

.online img {
  content: url("https://files.catbox.moe/lxk2km.gif") !important;
  visibility: visible !important;

  display: block !important;
  width: 70px !important;
  height: auto !important;
  margin: 6px auto !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://i.pinimg.com/originals/da/15/ee/da15ee1d9659ca88888396d0e7897e98.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://i.pinimg.com/originals/da/15/ee/da15ee1d9659ca88888396d0e7897e98.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>