Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
test !!

Author: V3NUSS
Category: custom
Created: December 3, 2025
uhmm uh i jst threw stuff together until i thought it looked decent dont come at me idk what im doing ok bye
Comments (0)

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

<style>
/* Generated by Visual Builder v3 */

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

* { cursor: url(<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/cursors/cur-3/cur205.ani), url(https://cur.cursors-4u.net/cursors/cur-3/cur205.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/22/flaming-arrow-glitter-purple.html" target="_blank" title="Flaming Arrow Glitter Purple"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Flaming Arrow Glitter Purple" style="position:absolute; top: 0px; right: 0px;" /></a>), auto; }

body {
  background-image: url("https://i.pinimg.com/1200x/03/8b/0a/038b0a714e88b83ad18ca7d31cacc2eb.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  color: #bf73f2;
  font-family: 'Changa', sans-serif;
}

:root{--cd-image:url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');}
.profile-pic{position:relative;width:183px;filter:drop-shadow(0 0 0.25rem gray);} 
.profile-pic:after{content:"";background:url('https://fluorescent-lights.neocities.org/f0rzNHe.png'),linear-gradient(150deg,rgba(255,255,255,0.4),rgba(255,255,255,0.2) 40%,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.6));background-size:contain,cover;position:absolute;top:0;left:0;width:100%;height:100%;}
.profile-pic:before{content:"";background:var(--cd-image);position:absolute;top:5px;left:-20px;width:150px;height:150px;background-repeat:no-repeat;z-index:-1;animation:cdspin 5s linear infinite;transition:left .5s ease;}
.profile-pic:hover:before{left:-75px;}
@keyframes cdspin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.profile-pic .pfp-fallback{float:right;width:163px;height:160px;border:none;}
.general-about .profile-pic img{max-width:inherit;}

.profile-pic img{border-radius:50%;}

@keyframes boxFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}} .contact{animation:boxFloat 3s infinite ease-in-out;}

@keyframes boxFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}} .table-section, .friends, .blurbs, .section, .module, .profileInfo{animation:boxFloat 3s infinite ease-in-out;}

main::before {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    background-image: url('https://i.pinimg.com/1200x/a0/9b/b7/a09bb76be7dfeaa4b45f5e48b4bd87c4.jpg');
    background-size: cover;
    background-position: center center;
  }


.profile {
  background-image: url("https://i.pinimg.com/736x/29/8d/05/298d05f4da8acd6a82791d076e4e1982.jpg") !important;
  background-repeat: repeat-y !important;
  background-size: 100% auto !important;
  background-position: top center !important;
}

nav, nav .top, nav .links {
  background-color: #2b333f;
  background-image: url("https://i.pinimg.com/1200x/2d/8f/a5/2d8fa5a03118472b787845320ff5c9cb.jpg");
}

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

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

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

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

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

h1, h2, h3, h4, h5, h6 {
  color: #bf73f2;
  text-shadow: 0 0 2px #1a1561;
}

a { color: #e7c2ff; }

.contact {
  background-image: url("https://i.pinimg.com/736x/a3/0d/fc/a30dfc8b6c275fdeb95883b288e1b408.jpg");
  background-size: cover;
  background-position: center center;
}

.url-info {
  background-image: url("https://i.pinimg.com/736x/a3/0d/fc/a30dfc8b6c275fdeb95883b288e1b408.jpg");
  background-size: cover;
  background-position: center center;
}

.table-section {
  background-image: url("https://i.pinimg.com/736x/a3/0d/fc/a30dfc8b6c275fdeb95883b288e1b408.jpg");
  background-size: cover;
  background-position: center center;
}

.tunes {
  background-image: url("https://i.pinimg.com/736x/a3/0d/fc/a30dfc8b6c275fdeb95883b288e1b408.jpg");
  background-size: cover;
  background-position: center center;
}

.blog-preview {
  background-image: url("https://i.pinimg.com/736x/a3/0d/fc/a30dfc8b6c275fdeb95883b288e1b408.jpg");
  background-size: cover;
  background-position: center center;
}

.blurbs {
  background-image: url("https://i.pinimg.com/736x/a3/0d/fc/a30dfc8b6c275fdeb95883b288e1b408.jpg");
  background-size: cover;
  background-position: center center;
}

.friends {
  background-image: url("https://i.pinimg.com/736x/a3/0d/fc/a30dfc8b6c275fdeb95883b288e1b408.jpg");
  background-size: cover;
  background-position: center center;
}

#comments {
  background-image: url("https://i.pinimg.com/736x/a3/0d/fc/a30dfc8b6c275fdeb95883b288e1b408.jpg");
  background-size: cover;
  background-position: center center;
}

.comments-table td {
  background-image: url("https://i.pinimg.com/736x/a3/0d/fc/a30dfc8b6c275fdeb95883b288e1b408.jpg");
  background-size: cover;
  background-position: center center;
}</style>