← Back to Layouts
Cute layout

Name: FriendRewind
Author: FriendRewind
Author: ccorpzsb
Category: Classic
Created: September 13, 2026
Slaaaa
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":"frame37","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://friendrewind.com/uploads/gallery/34465/img_6aa7294d0b0089.05865799.webp","pageBgMode":"tile","heroImageUrl":"https://friendrewind.com/uploads/gallery/34465/img_6aa72a5b663478.86708361.gif","profileRowBgImage":"","profileRowBgMode":"tile","navBgColor":"#fce3fc","navBgImage":"https://friendrewind.com/uploads/gallery/34465/img_6aa615449251f9.53657399.webp","navBgMode":"tile","navLinkColor":"#ffffff","navLinkHover":"#ebc0e8","boxBgColor":"#ffffff","boxOpacity":0.25,"boxRadius":30,"contactHeaderBg":"#ffc9e9","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":2,"contactBorderRadius":15,"contactBoxAnimation":"","interestsHeaderBg":"#ffe3f6","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":2,"interestsBorderRadius":15,"contentBoxAnimation":"rotate","textBody":"#ffb8e5","textHeading":"#ffb8d9","textLink":"#ffb8e7","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"https://friendrewind.com/uploads/gallery/34465/img_6aa72f587717b9.03837162.gif","urlInfo":"","tableSection":"https://friendrewind.com/uploads/gallery/34465/img_6aa72e6d344f17.51615513.webp","tunes":"https://friendrewind.com/uploads/gallery/34465/img_6aa72ef7774cd0.27023565.webp","blogPreview":"","blurbs":"https://friendrewind.com/uploads/gallery/34465/img_6aa72e6d344f17.51615513.webp","friends":"https://friendrewind.com/uploads/gallery/34465/img_6aa72d57bd4b91.93578783.gif","Comments Background":"https://friendrewind.com/uploads/gallery/34465/img_6aa72a07ed50b8.77510589.gif","comments":"https://friendrewind.com/uploads/gallery/34465/img_6aa72d5819c9f9.02528003.gif"}} */
/* Generated by FriendRewind.com Visual Builder */

body, body.profile-page {
  background-image: url("https://friendrewind.com/uploads/gallery/34465/img_6aa7294d0b0089.05865799.webp") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  color: #ffb8e5 !important;
}

@media (min-width: 769px) and (pointer: fine) {
  body, body.profile-page {
    background-attachment: fixed !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;}
.profile-pic::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://friendrewind.com/uploads/gallery/1/img_69704d13964325.68488016.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}

@keyframes boxRotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}} .table-section, .friends, .blurbs, .module, .profileInfo{animation:boxRotate 20s infinite linear;}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://friendrewind.com/uploads/gallery/34465/img_6aa72a5b663478.86708361.gif') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.myspace-header .top-nav {
  background: #fce3fc;
  background-image: url("https://friendrewind.com/uploads/gallery/34465/img_6aa615449251f9.53657399.webp");
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}

.myspace-header .main-nav-wrapper {
  background: #fce3fc;
  background-image: url("https://friendrewind.com/uploads/gallery/34465/img_6aa615449251f9.53657399.webp");
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}

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

.blurbs, .module, .profileInfo, .table-section {
    background-color: #ffffff40 !important;
    border-radius: 30px !important;
  }

.contact {
    border: 2px solid #ffc9e9 !important;
    border-radius: 15px !important;
  }

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

.table-section, .friends, .blurbs, .module, .profileInfo {
    border: 2px solid #ffe3f6 !important;
    border-radius: 15px !important;
  }

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

.profile, .table-section, .module, .blurbs, .section, .profileInfo, .friend-space, .badges-section, .url-info, .contact, .interests {
  color: #ffb8e5 !important;
}

h1, h2, h3, h4, h5, h6, .table-section h4, .module h4, .blurbs h4, .section h4 {
  color: #ffb8d9 !important;
}

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

.contact {
  background-image: url("https://friendrewind.com/uploads/gallery/34465/img_6aa72f587717b9.03837162.gif") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.table-section, .blurbs {
  background-image: url("https://friendrewind.com/uploads/gallery/34465/img_6aa72e6d344f17.51615513.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/34465/img_6aa72ef7774cd0.27023565.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.friends {
  background-image: url("https://friendrewind.com/uploads/gallery/34465/img_6aa72d57bd4b91.93578783.gif") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

#comments {
  background-image: url("https://friendrewind.com/uploads/gallery/34465/img_6aa72a07ed50b8.77510589.gif") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.comments-table td {
  background-image: url("https://friendrewind.com/uploads/gallery/34465/img_6aa72d5819c9f9.02528003.gif") !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>


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


/* FR_MANUAL_EXTRAS */
</style>
<style>
#footer-music-bar, .music-bar {
      color: #dc3e75!important;
  font-family: 'h1' !important;
  content: white !important;
  background-color: white !important;
  }

.music-bar::before { 
display: none !important; }

  #bar-prev.bar-btn, #bar-play.bar-btn, #bar-next.bar-btn{
  background: white !important;
  }
  #bar-play.bar-btn {
    content: url(https://file.garden/aouNILmU_FJZALDq/Untitled277_20260905190651.png)!important;
    height: 30px !important;
  }
 #bar-next.bar-btn {
   content: url(https://file.garden/aouNILmU_FJZALDq/Untitled277_20260905190624.png) !important;
  }
  #bar-prev.bar-btn {
    content: url(https://file.garden/aouNILmU_FJZALDq/pink%20icon2.png) !important;
  }
  .bar-progress-container {
  background: white !important;
  }
  .bar-info-section, .bar-label-row, .bar-volume, .volume-slider-container, #bar-compact-toggle.bar-btn {
    color: #dc3e75 !important;
    background: pink !important;
  }
  #frw-im-button.bar-btn.im-btn {
    font-family: 'h1' !important;
       color: #dc3e75 !important;
    background: pink !important; font-family: 'h1' !important;
  }
  .bar-playlist-container {
  background: white !important;
  content: url(https://file.garden/aouNILmU_FJZALDq/pink%20music.jpg)!important;
    height: 20px;
  }
</style>
<style>
/* PROFILE PICTURE CORNER STICKER */

.profile-pic {
    position: relative !important;
    overflow: visible !important;
}

/* decorative image */
.profile-pic::after {
    content: "" !important;

    position: absolute !important;

    /* move sticker around here */
    right: -12px !important;
    bottom: -10px !important;

    /* sticker size */
    width: 48px !important;
    height: 48px !important;

    background-image: url(https://friendrewind.com/uploads/gallery/34465/img_6aa7326c5e7183.58001969.webp
    ) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    z-index: 999 !important;
    pointer-events: none !important;
}

.profile-pic::after {
    transition: transform 0.25s ease !important;
}

.profile-pic:hover::after {
    transform: rotate(12deg) scale(1.15) !important;
}
</style>
<style>
.profile-playlist-widget .pp-header h3 {
  display: none !important;
}
</style><style>

/* Pink Heart Cursor */
body.profile-page, body.profile-page a, body.profile-page button {
    cursor: url("data:image/svg+xml;utf8,
</style>💗") 4 4, auto !important;
}
<style>
.online {
  visibility: hidden !important;
}

.online img {
  content: url(https://friendrewind.com/uploads/gallery/34465/img_6aa735debe0c38.67379927.gif 
  ) !important;
  visibility: visible !important;

  display: block !important;
  width: 70px !important;
  height: auto !important;
  margin: 6px auto !important;
}
</style>