← Back to Layouts
For @JacobTheKewlDude >:3

Name: FriendRewind
Author: FriendRewind
Author: Corpse-princess2.0
Category: :D
Created: August 3, 2026
Imma delete this after
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style>
<style>
  /* target the main wrapper element and force structural heights */
  html body main, 
  #main, 
  .main {
    position: relative !important;
    display: block !important;
    padding-top: 300px !important;
    clear: both !important;
  }

  /* Force the pseudo-element to build structural layout dimensions */
  html body main::before, 
  #main::before, 
  .main::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 300px !important;
    min-height: 300px !important;
    z-index: 99999 !important;
    background-image: url('https://i.postimg.cc/43mhgjh9/Untitled37-20260802192850.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
</style>



<style>
  main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.pinimg.com/736x/d5/3b/69/d53b69172d3674e7e252838f0f21fcf9.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }
</style>

<style>

  .profile {

  background-image: url("https://i.pinimg.com/736x/eb/c0/8d/ebc08d36a56189e83d9d8f61df1cfa68.jpg") !important;

  background-repeat: repeat !important;

  background-size: auto !important;

  background-position: top center !important;

  }

</style>



<style>





@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');









body, body.profile-page















  background-repeat: repeat !important;















  background-size: auto !important;















  background-attachment: scroll !important;















  background-position: center center !important;















  color: #831100 !important;















  font-family: 'Space Mono', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;















}


</style>

<style>

@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://friendrewind.com/uploads/gallery/21249/img_6a6656cf2a30d0.57758826.mp4') !important;















    background-size: cover !important;















    background-position: center center !important;















  }































.profile {


</style>
<style>



.myspace-header .top-nav {















  background: #5a1c00;















  background-image: url("https://friendrewind.com/uploads/gallery/21249/img_6a6654833db292.89013170.webp");















  background-size: cover;















  background-repeat: no-repeat;















  background-position: center;









background-color: transparent;





}































.myspace-header .main-nav-wrapper {















  background: #5a1c00;















  background-image: url("https://friendrewind.com/uploads/gallery/21249/img_6a6654833db292.89013170.webp");















  background-size: cover;















  background-repeat: no-repeat;















  background-position: center;







background-color: transparent;







}































.myspace-header .main-nav li a {















  color: #b51a00;















}































.myspace-header .main-nav li a:hover {















  color: #b51a00;















}































.contact {















    border: 1px solid #000000 !important;















    border-radius: 5px !important;















  }































.contact .heading {















    background-color: transparent !important;















    color: #000000 !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: #000000 !important;















  }































.profile, .table-section, .module, .blurbs, .section, .profileInfo, .friend-space, .badges-section, .url-info, .contact, .interests {















  color: #831100 !important;















}































h1, h2, h3, h4, h5, h6, .table-section h4, .module h4, .blurbs h4, .section h4 {















  color: #b51a00 !important;















}































a, .profile a, .table-section a, .module a { color: #b51a00 !important; }































.contact {















  background-image: url("https://friendrewind.com/uploads/gallery/21249/img_6a66559931f5b6.82513459.mp4") !important;















  background-size: cover !important;















  background-position: center center !important;















  background-repeat: no-repeat !important;















}































.url-info {















  background-image: url("https://friendrewind.com/uploads/gallery/21249/img_6a6659227c4fc0.34076803.webp") !important;















  background-size: cover !important;















  background-position: center center !important;















  background-repeat: no-repeat !important;















}































.table-section {















  background-image: url("https://friendrewind.com/uploads/gallery/21249/img_6a6655c59bf474.46121766.webp") !important;















  background-size: cover !important;















  background-position: center center !important;















  background-repeat: no-repeat !important;















  }</style>















<style>







/* Generated by FriendRewind.com Visual Builder */















@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');















body, body.profile-page {







  background-repeat: repeat !important;







  background-size: auto !important;







  background-attachment: fixed !important;







  background-position: center center !important;







  color: #8a5f4e !important;







  font-family: 'Playfair Display', sans-serif !important;







}















.profile-pic{position:relative;width:180px;height:180px;display:inline-block;overflow:hidden;}







.profile-pic img{position:absolute;top:8%!important;left:8%!important;width:84%!important;height:84%!important;object-fit:cover;z-index:1;border-radius:12px!important;}























main::before {







    content: "" !important;







    display: block !important;







    width: 100% !important;







    height: 300px !important;







    background-size: cover !important;







    background-position: center center !important;







  }















.profile {







  background-repeat: repeat !important;







  background-size: auto !important;







  background-position: top center !important;







}















.myspace-header .top-nav {







  background-size: cover;







  background-repeat: no-repeat;







  background-position: center;







}















.myspace-header .main-nav-wrapper {







  background-size: cover;







  background-repeat: no-repeat;







  background-position: center;







}















.myspace-header .main-nav li a {







  color: #5c5151;







}















.myspace-header .main-nav li a:hover {







  color: #3d0707;







}















.contact {







    border: 1px solid #000000 !important;







    border-radius: 5px !important;







  }















.contact .heading {







    background-color: #000000 !important;







    color: #450000 !important;







  }















.table-section, .friends, .blurbs, .section, .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: #4d0808 !important;







  }















.profile, .table-section, .module, .blurbs, .section, .profileInfo, .friend-space, .badges-section, .url-info, .contact, .interests {







  color: #8a5f4e !important;







}















h1, h2, h3, h4, h5, h6, .table-section h4, .module h4, .blurbs h4, .section h4 {







  color: #451010 !important;







  text-shadow: 0 0 6px #f5f5f5 !important;







}















a, .profile a, .table-section a, .module a { color: #6e3230 !important; }















.contact {







  background-image: url("https://friendrewind.com/uploads/gallery/1613/img_69e4c4581a61b2.94290816.webp") !important;







  background-size: cover !important;







  background-position: center center !important;







  background-repeat: no-repeat !important;







}















.url-info {







  background-image: url("https://friendrewind.com/uploads/gallery/1613/img_69e4c57274c0d2.96762729.webp") !important;







  background-size: cover !important;







  background-position: center center !important;







  background-repeat: no-repeat !important;







}















.table-section {







  background-image: url("https://friendrewind.com/uploads/gallery/1613/img_69e4c6b88a4e84.34211281.webp") !important;







  background-size: cover !important;







  background-position: center center !important;







  background-repeat: no-repeat !important;







}















.tunes {







  background-image: url("https://friendrewind.com/uploads/gallery/1613/img_69e4c4581a61b2.94290816.webp") !important;







  background-size: cover !important;







  background-position: center center !important;







  background-repeat: no-repeat !important;







}















.blog-preview {







  background-image: url("https://friendrewind.com/uploads/gallery/1613/img_69e4c87d879091.07420798.webp") !important;







  background-size: cover !important;







  background-position: center center !important;







  background-repeat: no-repeat !important;







}















.blurbs {







  background-image: url("https://friendrewind.com/uploads/gallery/1613/img_69e4c77cabab23.38750461.webp") !important;







  background-size: cover !important;







  background-position: center center !important;







  background-repeat: no-repeat !important;







}

 
.friends {







  background-image: url("https://i.postimg.cc/mg4QpGqy/1000s.jpg") !important;









  background-size: cover !important;







  background-position: center center !important;



  background-repeat: no-repeat !important;



}



#coments td {



  background-size: cover !important;



  background-position: center center !important;



  background-repeat: no-repeat !important;



}



.comments-table td {



  background-size: cover !important;



  background-position: center center !important;



  background-repeat: no-repeat !important;







  }</style>



 <style>



@font-face {



  font-family: 'Rock Salt';



  font-style: normal;



  font-weight: 400;



  src: url(https://file.garden/adkgp7n9rzWH8wff/MwQ0bhv11fWD6QsAVOZrt0M6p7NGrQ.woff2) format('woff2');



  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;



}



.w-40 h1{



font-family: Rock Salt;



font-size: 40px;



text-align: center;



background: -webkit-linear-gradient(#f03224, #261110);



-webkit-background-clip: text;



-webkit-text-fill-color: transparent;



}



</style>

<style>



.profile {

  background-image: url("https://i.pinimg.com/736x/eb/c0/8d/ebc08d36a56189e83d9d8f61df1cfa68.jpg") !important;

  background-repeat: repeat !important;

  background-size: auto !important;

  background-position: top center !important;

}

</style>


<!-- (c) Layout created by don / spooky ✟ (https://layouts.spacehey.com/layout?id=89836) -->



<style>





.general-about{



  position: relative;



 margin-top: 30px;



 z-index: 99999;



}



.general-about .profile-pic::before{



  content: '';



  background: url('https://i.postimg.cc/4ySTfhtT/IMG-0663.gif') no-repeat;



  background-size: cover;



  display: block;



  width: 90px;



  height: 90px;



  position: absolute;



  z-index: 999999;



  top: -40px;



  left: -25px;



}



</style>



<style>



/* Forces the GIF background on absolutely every part of the comment section */

#comments, 

.comments-table, 

.comments-table tr, 

.comments-table td, 

.comments-table .comment-left, 

.comments-table .comment-right,

#comments textarea,

#comments input {

    background-image: url("https://gifcity.carrd.co/assets/images/gallery96/0ee82087.gif?v=3fc8f5cd") !important;

    background-color: transparent !important; /* Kills any leftover yellow backgrounds */

    background-repeat: repeat !important;

    background-size: auto !important;

    

    /* Neon Red Outer Glow */

    border: 2px solid #ff0000 !important;

    box-shadow: 0 0 15px #ff0000 !important;

    border-radius: 8px !important;

}



/* Force non-glowing red text inside the comment boxes */

.comments-table td, .comments-table p, .comments-table a, #comments span, #comments label {

    color: #cc0000 !important;

    text-shadow: none !important;

    font-weight: bold !important;

}



/* ONLY Make the Info Box Lines Semi-Transparent Black */

.profileInfo table, .profileInfo td, .profileInfo tr {

    border-color: rgba(0, 0, 0

, 0.35) !important;

}



</style>



<style>

}



.myspace-header .top-nav {

  background: #5a1c00;

  background-image: url("https://gifcity.carrd.co/assets/images/gallery96/0ee82087.gif?v=3fc8f5cd");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}

  </style>

<style>
.myspace-header .main-nav-wrapper {

  background: #5a1c00;

  background-image: url("https://gifcity.carrd.co/assets/images/gallery96/0ee82087.gif?v=3fc8f5cd");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.myspace-header .main-nav li a {

  color: #b51a00;

}



.myspace-header .main-nav li a:hover {

  color: #b51a00;

}

  

  }



.url-info {

  background-image: url("https://gifcity.carrd.co/assets/images/gallery96/0ee82087.gif?v=3fc8f5cd") !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat ! importnt;

</style>

    


<style>
  main {
    position: relative !important;
    padding-top: 300px !important;
  }

  main::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 300px !important;
    z-index: 99 !important;
    background-image: url('https://i.postimg.cc/43mhgjh9/Untitled37-20260802192850.png') !important;
    background-size: cover !important;
    background-position: center center !important;
  }
</style>

<style>

/* conact box icons [customizable] */

.contact .inner a img {
  font-size: 0;
}

/* change every UR-URL.GIF into, well, your gif's url */

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
  /* add to friends */
  content: "";
  display: inline-block;
  background: url("ur-url.gif") no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
  /* add to favorites */
  content: "";
  display: inline-block;
  background: url("ur-url.gif")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
  /* send Message */
  content: "";
  display: inline-block;
  background: url("ur-url.gif")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
  /* forward to friend */
  content: "";
  display: inline-block;
  background: url("ur-url.gif")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
  /* instant message */
  content: "";
  display: inline-block;
  background: url("ur-url.gif")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
  /* block user */
  content: "";
  display: inline-block;
  background: url("ur-url.gif")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
  /* add to group */
  content: "";
  display: inline-block;
  background: url("ur-url.gif")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
  /* report user */
  content: "";
  display: inline-block;
  background: url("ur-url.gif")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}

</style></style>