← Back to Layouts
Don't mind me idk what im Doing

Name: FriendRewind
Author: FriendRewind
Author: Zyntheblub
Category: Classic
Created: August 28, 2026
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":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */
</style><style>


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


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


/* FR_MANUAL_EXTRAS */
</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.discogs.com%2FRv6VhBxsyottlEwE30i-NYTYKPH2ubdO5pOGEF9cuoI%2Frs%3Afit%2Fg%3Asm%2Fq%3A90%2Fh%3A600%2Fw%3A600%2FczM6Ly9kaXNjb2dz%2FLWRhdGFiYXNlLWlt%2FYWdlcy9SLTEwODc1%2FODMxLTE2MTIwMjcw%2FODMtMTQ0NC5qcGVn.jpeg" loading="lazy" decoding="async">

  </div>

  <div class="title">OCCUP@TIONAL HAZARD - HUMAN DEFICIENCY</div>



  <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fencrypted-tbn0.gstatic.com%2Fimages%3Fq%3Dtbn%3AANd9GcSQu8xA2SsuWFuLibJyj2AQ7gkTqeS4VqUOhZ_UqAw5yfDDB7o8GFRdkvk%26s%3D10" loading="lazy" decoding="async">

  </div>

  <div class="title">PLASTIC TONGUE - CRITICS</div>



  <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fab67616d0000b273f5912abed0ea22e746552771" loading="lazy" decoding="async">

  </div>

  <div class="title">ADO - ADO UTATTEMITA ALBUM</div>



  <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fab67616d0000b273c8913cd7b91bb7f6bbbec305" loading="lazy" decoding="async">

  </div>

  <div class="title">ALL TIME LOW - SO WRONG, ITS RIGHT</div>



  <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fab67616d0000b27325f49ab23f0ec6332efef432" loading="lazy" decoding="async">

  </div>

  <div class="title">EVANSCENE - FALLEN</div>



 <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fab67616d0000b2736df828bb10343f7bad08d4fe" loading="lazy" decoding="async">

  </div>

  <div class="title">various different artists  - EVANGELION FINALLY</div>



  <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fab67616d00001e0207bc7d2a745636c356b4d0aa" loading="lazy" decoding="async">

  </div>

  <div class="title">SYSTEM OF A DOWN - TOXICITY</div>



  <div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fab67616d0000b2735f1f51d14e8bea89484ecd1b" loading="lazy" decoding="async">

  </div>

  <div class="title">LINKIN PARK - METEORA</div>



<div class="vinyl">

    <img src="/proxy/image.php?url=https%3A%2F%2Fi.scdn.co%2Fimage%2Fab67616d0000b2732cd7568f8895a3c031c2e2fb" loading="lazy" decoding="async">

  </div>

  <div class="title">LINKIN PARK - HYBRID THEORY </div></div>