Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
BLOODY _ REUPLOAD_SLIGHTCHANGE

Author: 0ll13z_Br41nzzz
Category: >:[
Created: May 19, 2026
creds toXxOut_at_duskxX!!! All I did was change the blue text to dark red since I felt it fit more and changed the profile outline to blood. thanks for the awesome layout!!!!!!
Comments (0)

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

<style>
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"frame17","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://friendrewind.com/uploads/gallery/2581/img_69ecff4f9011f1.31726157.webp","pageBgMode":"tile","heroImageUrl":"https://friendrewind.com/uploads/gallery/2581/img_69ecff4fa403b1.74311987.webp","profileRowBgImage":"https://friendrewind.com/uploads/gallery/2581/img_69ecffa36d3061.15997564.webp","profileRowBgMode":"tile","navBgColor":"#000000","navBgImage":"https://friendrewind.com/uploads/gallery/2581/img_69ed00b1463eb8.68173580.webp","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#471111","boxBgColor":"#ffffff","boxOpacity":0.1,"boxRadius":8,"contactHeaderBg":"#470d0d","contactHeaderText":"#000000","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"pulse","interestsHeaderBg":"#420a0a","interestsHeaderText":"#000000","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":0,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#cc0000","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */

body, body.profile-page {
  background-image: url("https://friendrewind.com/uploads/gallery/2581/img_69ecff4f9011f1.31726157.webp") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: fixed !important;
  background-position: center center !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_69704509ec8722.00496353.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}

@keyframes boxPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}} .contact{animation:boxPulse 2s infinite ease-in-out;}

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

.profile {
  background-image: url("https://friendrewind.com/uploads/gallery/2581/img_69ecffa36d3061.15997564.webp") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}

.myspace-header .top-nav {
  background: #000000;
  background-image: url("https://friendrewind.com/uploads/gallery/2581/img_69ed00b1463eb8.68173580.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.myspace-header .main-nav-wrapper {
  background: #000000;
  background-image: url("https://friendrewind.com/uploads/gallery/2581/img_69ed00b1463eb8.68173580.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

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

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

.contact {
    border: 1px solid #470d0d !important;
    border-radius: 5px !important;
  }

.contact .heading {
    background-color: #470d0d !important;
    color: #000000 !important;
  }

.table-section, .friends, .blurbs, .section, .module, .profileInfo {
    border: 1px solid #420a0a !important;
    border-radius: 0px !important;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #420a0a !important;
    color: #000000 !important;
  }

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