← Back to Layouts
layout 4 victoria

Name: FriendRewind
Author: FriendRewind
Author: savvluvsllamas__
Category: Classic
Created: September 7, 2026
Comments (2)

Victoriaroxo23 1 hr ago
Phurple💜 Yayyayyay, pherfect!!! I LOVE IT. MY ALBUMS💜💜💜 YAY🎉
savvluvsllamas__ 1 hr ago
PHANK YOU 🥹🥹🥹🥹
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.pinimg.com/736x/aa/81/0e/aa810e1b9dcd49c45ed738cea40e1ab3.jpg","pageBgMode":"tile","heroImageUrl":"https://i.pinimg.com/736x/cb/e6/20/cbe620e794bf4274861433ab4ae28f1c.jpg","profileRowBgImage":"https://i.pinimg.com/736x/9e/95/5d/9e955d6e746decd7816517b1ced765af.jpg","profileRowBgMode":"tile","navBgColor":"#903cc8","navBgImage":"","navBgMode":"cover","navLinkColor":"#903cc8","navLinkHover":"#c0fe16","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#903cc8","contactHeaderText":"#000000","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":1,"contactBoxAnimation":"","interestsHeaderBg":"#903cc8","interestsHeaderText":"#000000","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":1,"contentBoxAnimation":"","textBody":"#c0fe16","textHeading":"#000000","textLink":"#c0fe16","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"https://i.pinimg.com/736x/af/e8/ee/afe8ee1a2be8a465053106d9327783e4.jpg","comments":"https://i.pinimg.com/736x/af/e8/ee/afe8ee1a2be8a465053106d9327783e4.jpg"}} */
/* Generated by FriendRewind.com Visual Builder */

body, body.profile-page {
  background-image: url("https://i.pinimg.com/736x/aa/81/0e/aa810e1b9dcd49c45ed738cea40e1ab3.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  color: #c0fe16 !important;
}

@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://i.pinimg.com/736x/cb/e6/20/cbe620e794bf4274861433ab4ae28f1c.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.profile {
  background-image: url("https://i.pinimg.com/736x/9e/95/5d/9e955d6e746decd7816517b1ced765af.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}

.myspace-header .top-nav {
  background: #903cc8;
}

.myspace-header .main-nav-wrapper {
  background: #903cc8;
}

.myspace-header .main-nav li a {
  color: #903cc8;
}

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

.contact {
    border: 1px solid #903cc8 !important;
    border-radius: 1px !important;
  }

.contact .heading {
    background-color: #903cc8 !important;
    color: #000000 !important;
  }

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

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

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

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

#comments, .comments-table td {
  background-image: url("https://i.pinimg.com/736x/af/e8/ee/afe8ee1a2be8a465053106d9327783e4.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
::selection {
/* Change highlight background color */
background: #c0fe16;
/* Change highlight text color */
color: #903cc8;
}
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}
</style>
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/33/18/31/331831c4ff16209dc93136af6bb0f4e2.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>
<style>
.online {
  content: 
url("https://64.media.tumblr.com/tumblr_meuab4UKGQ1r1drv9.gif""https://64.media.tumblr.com/tumblr_meuabeEVs81r1drv9.gif");
}
</style>
<style>
body{
  cursor: url('https://cdn.cursors-4u.net/previews/purple-grapes-713549bf-32.webp') 32 32, auto !important;
}
</style>
<style>
.contact img.icon {
display: none;
}

.contact{background-color: !important;}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://i739.photobucket.com/albums/xx31/pixelpeach/purple/tiny--purple.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://i739.photobucket.com/albums/xx31/pixelpeach/purple/tiny--magenta.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://i739.photobucket.com/albums/xx31/pixelpeach/purple/tiny_purple.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://i739.photobucket.com/albums/xx31/pixelpeach/purple/ths4m4np-1.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://i739.photobucket.com/albums/xx31/pixelpeach/purple/btt-purple.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://i739.photobucket.com/albums/xx31/pixelpeach/purple/bf--purple.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('ADD IMAGE URL HERE');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('ADD IMAGE URL HERE');
background-size: 100% 100%;
}

</style><img class="screen-sticker bottom-left" src="https://friendrewind.com/media/chat_media/chat_15792_85712c2e2016f87e0be7332d.png"><style>
.screen-sticker {
  position: fixed !important;
  width: 230px !important;
  height: auto !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}

.bottom-left {
  bottom: 27px !important;
  left: 30px !important;
}

</style>
<style>
.myspace-header .nav-logo {
  content: url('https://friendrewind.com/media/chat_media/chat_15792_23fa9478763c3f552e3b50bb.png');
  width: 180px;
  height: auto;
}
</style>
<style>

#vinyl-gallery * {

    all: unset;

  }

 

  #vinyl-gallery {

    all: initial!important;

    width: 100%!important;

    height: 230px!important;

    margin: 30px 0!important;

    display: flex!important;

    flex-direction: row!important;

    position: relative!important;

    margin-left: -6px!important;

  }

 

  #vinyl-gallery .vinyl {

      all:unset!important;

    perspective: 500px !important;

    width: 18px!important;

    transition: width 0.5s!important;

  }

 

  #vinyl-gallery .vinyl:hover {

    width: 148px!important;

  }

 

  #vinyl-gallery img {

      all:unset!important;

    transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important;

    width: 180px!important;

    height: 180px!important;

    transform: rotateX(0deg) rotateY(25deg)!important;

    transform-style: preserve-3d!important;

    border-radius: 4px!important;

    border: 2px solid rgba(0, 0, 0, 0.1)!important;

object-fit: cover!important;

  }

 

  #vinyl-gallery .vinyl:hover img {

    transform: rotateX(0deg) rotateY(10deg)!important;

    width: 188px!important;

    height: 188px!important;

    margin-top: -2px!important;

  }

 

  #vinyl-gallery .title {

    color: #FFFFFF;

    display: block;

    visibility: hidden;

    position: absolute;

    bottom: 0px;

    text-align: center;

    width: 100%;

    padding-left: 6px;

  }

 

  #vinyl-gallery .vinyl:nth-child(n):hover + .title {

    visibility: visible;

  }



</style>
<style>

#vinyl-gallery * {

    all: unset;

  }

 

  #vinyl-gallery {

    all: initial!important;

    width: 100%!important;

    height: 230px!important;

    margin: 30px 0!important;

    display: flex!important;

    flex-direction: row!important;

    position: relative!important;

    margin-left: -6px!important;

  }

 

  #vinyl-gallery .vinyl {

      all:unset!important;

    perspective: 500px !important;

    width: 18px!important;

    transition: width 0.5s!important;

  }

 

  #vinyl-gallery .vinyl:hover {

    width: 148px!important;

  }

 

  #vinyl-gallery img {

      all:unset!important;

    transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important;

    width: 180px!important;

    height: 180px!important;

    transform: rotateX(0deg) rotateY(25deg)!important;

    transform-style: preserve-3d!important;

    border-radius: 4px!important;

    border: 2px solid rgba(0, 0, 0, 0.1)!important;

object-fit: cover!important;

  }

 

  #vinyl-gallery .vinyl:hover img {

    transform: rotateX(0deg) rotateY(10deg)!important;

    width: 188px!important;

    height: 188px!important;

    margin-top: -2px!important;

  }

 

  #vinyl-gallery .title {

    color: #FFFFFF;

    display: block;

    visibility: hidden;

    position: absolute;

    bottom: 0px;

    text-align: center;

    width: 100%;

    padding-left: 6px;

  }

 

  #vinyl-gallery .vinyl:nth-child(n):hover + .title {

    visibility: visible;

  }



</style><div id="vinyl-gallery">

  <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2F92%2F1f%2F00%2F921f00e929c6d252bf9abdebbb167267.jpg" loading="lazy" decoding="async">

  </div>

  <div class="title">MY CHEMICAL ROMANCE - THREE CHEERS FOR SWEET REVENGE</div>



  <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2F11%2F50%2Fa6%2F1150a6b69876b19b6ccf58fe2a0e448d.jpg" loading="lazy" decoding="async">

  </div>

  <div class="title">MY CHEMICAL ROMANCE - DANGER DAYS</div>



  <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F1200x%2F57%2Fd2%2Ffd%2F57d2fd3054f31ace41de2ab1bc00d13c.jpg" loading="lazy" decoding="async">

  </div>

  <div class="title">GREEN DAY - DOOKIE</div>



  <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F1200x%2F76%2Fc6%2Fa4%2F76c6a422d48b649f5fac8cf79862c5f8.jpg" loading="lazy" decoding="async">

  </div>

  <div class="title">GORILLAZ - SELF-TITLED</div>



  <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F1200x%2Ff9%2Fff%2F02%2Ff9ff02609227bb777c9749eea9cafbe4.jpg" loading="lazy" decoding="async">

  </div>

  <div class="title">THE CLASH - LONDON CALLING</div>



 <div class="vinyl">

    <img src="IMAGE%20ADDRESS" loading="lazy" decoding="async">

  </div>

  <div class="title">BAND NAME - ALBUM NAME</div>



  <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2Fcd%2F73%2Fee%2Fcd73ee775aca6ad384b101c7397a368c.jpg" loading="lazy" decoding="async">

  </div>

  <div class="title">KORN - SELF-TITLED</div>



  <div class="vinyl">

    <img src="https://friendrewind.com/media/chat_media/chat_15792_07815202ead8657e933d4a4b.png" loading="lazy" decoding="async">

  </div>
 <div class="title">DAN AND PHIL - TERRIBLE</div></div>