← Back to Layouts
Draculaura<3

Name: FriendRewind
Author: FriendRewind
Author: Poppy's World
Category: Colorful
Created: May 1, 2026
See Layout
Comments (1)

schrei483 05/07/2026 7:02 PM
Hiiii!! I was only wondering how to use a layout ? I don't think you will see this comment but if you do,I would really appreciate if you could just help me figure things out in friendrewind but anyways bye !!
You must log in to comment.
CSS Code

<style>
/* VB2_STATE:{"cursorUrl":"https://friendrewind.com/uploads/gallery/3255/img_69f79cfe223173.03225156.webp","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"frame40","pageFont":"Playfair Display","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://friendrewind.com/uploads/gallery/3255/img_69f79928c06621.50603432.webp","pageBgMode":"cover","heroImageUrl":"https://friendrewind.com/uploads/gallery/3255/img_69f798c585ae08.84836017.webp","profileRowBgImage":"https://friendrewind.com/uploads/gallery/3255/img_69f79966d67038.68244417.webp","profileRowBgMode":"cover","navBgColor":"#ac0c61","navBgImage":"https://pin.it/46aA6BllL","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#dd2788","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":30,"contactHeaderBg":"#fa0085","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":5,"contactBorderRadius":15,"contactBoxAnimation":"","interestsHeaderBg":"#d9207a","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":5,"interestsBorderRadius":15,"contentBoxAnimation":"","textBody":"#e44474","textHeading":"#b3375c","textLink":"#ba2c7f","headingShadowColor":"#8d8b8b","headingShadowBlur":11,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */

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

* { cursor: url(https://friendrewind.com/uploads/gallery/3255/img_69f79cfe223173.03225156.webp), auto !important; }

body, body.profile-page {
  background-image: url("https://friendrewind.com/uploads/gallery/3255/img_69f79928c06621.50603432.webp") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  color: #e44474 !important;
  font-family: 'Playfair Display', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, 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;}
.profile-pic::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://friendrewind.com/uploads/gallery/1/img_69704e2d6bbc84.88914610.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}

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

.profile {
  background-image: url("https://friendrewind.com/uploads/gallery/3255/img_69f79966d67038.68244417.webp") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top center !important;
}

.myspace-header .top-nav {
  background: #ac0c61;
  background-image: url("https://pin.it/46aA6BllL");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.myspace-header .main-nav-wrapper {
  background: #ac0c61;
  background-image: url("https://pin.it/46aA6BllL");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

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

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

.contact {
    border: 5px solid #fa0085 !important;
    border-radius: 15px !important;
  }

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

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

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

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

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

a, .profile a, .table-section a, .module a { color: #ba2c7f !important; }
</style>