Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind

FriendRewind

← Back to Layouts

Draculaura<3

Author: Poppy's World

Category: Aesthetic

Created: May 1, 2026

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>