← Back to Layouts
A cute Lil layout if it works let me know!!!

Name: FriendRewind
Author: FriendRewind
Author: Ziggly McSnorp (🎵)
Category: Classic
Created: September 12, 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 */
<!-- (c) Layout created by Venom Boy (https://layouts.spacehey.com/layout?id=28142) -->
</style>
<style>
this is the image in ur about section!
</style><img src="/proxy/image.php?url=https%3A%2F%2Fi.ibb.co%2FKGHQwbw%2FYl5ZvXL.png"><style>
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/*BODY FONT*/
   body{font-family: 'Orbitron', sans-serif;
   color: pink !important;
   font-size: 90%;
   text-shadow: 2px 2px 3px #ff05c5, 0 0 25px #ff05c5, 0 0 5px #ff05c5}

/*HEADINGS FONT*/
   h1, h2, h3, h4, .profile .blurbs .section h4{font-family: 'Press Start 2P', cursive;
   font-size: 120%;
   color: pink !important;
   text-shadow: 2px 2px 3px #ff05c5, 0 0 25px #ff05c5, 0 0 5px #ff05c5}

/*TEXT SETTINGS*/
main p{
   letter-spacing: 2px;
   font-weight: 700; 
   line-height: 1.5;
   color: pink !important;
   text-shadow: 2px 2px 3px #ff05c5, 0 0 25px #ff05c5, 0 0 5px #ff05c5}

main{background: none !important}

/*CURSOR*/
*{cursor: url(http://www.rw-designer.com/cursor-view/131283.png), auto !important}

/*LINK COLOURS*/
.links, .links a, .logout-btn{
   color: white !important;
   text-shadow: 0px 0px 5px 3px white !important}

a{color: white !important}
   a:hover{color: pink !important;
    text-decoration: underline}
   a:visited: color: pink !important}

.top a{color: #E31C79 !important}
   .top a:hover{color: pink !important
    text-decoration: underline}
   .top a:visited{color: pink !important}

.links a{color: #E31C79 !important}
   .links a:hover{color: pink !important
    text-decoration: underline}
   .links a:visited{color: pink !important}

footer .links a{color: #E31C79 !important}
   footer .links a{color: pink !important
    text-decoration: underline}
   footer .links a{color: pink !important}

/*BORDERS*/
.contact, .table-section{
   padding: 2px;
   border-width: 2px; 
   border-radius: 4px;
   border-color: #ff00dd !important;
   box-shadow: 0px 0px 5px 3px #E31C79 !important;
   margin-bottom: 20px !important;
   background: url(https://i.ibb.co/Xs5wZQt/l9egHyR.gif)}

.blurbs, .friends{ 
   padding: 2px;
   border: solid #ff00dd 2px;
   border-radius: 4px;
   margin-bottom: 20px;
   box-shadow: 0px 0px 5px 3px #E31C79 !important;
   margin-bottom: 20px !important
   background: url(https://i.ibb.co/Xs5wZQt/l9egHyR.gif)}

.comments-table{ 
   padding: 2px;
   border: solid #ff00dd 2px;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #E31C79 !important;
   margin-bottom: 20px !important
   background: url(https://i.ibb.co/Xs5wZQt/l9egHyR.gif)}

footer .links{
   background: none !important;
   box-shadow: none !important}

/*VERY BACK BACKGROUND*/
body{
   background: url(https://i.ibb.co/NVv6LBy/pXtIxxA.gif);  
   background-size: 30%;
   backdrop-filter: blur(0.8px)}

/*PROFILE BCKGROUND*/
.profile{
   background: url(https://i.ibb.co/sbqX4Hg/bB5SDOT.jpg);
   background-size: cover;
   box-shadow: 0px 0px 9px 7px #E31C79;
   border-radius: 4px;
   margin-bottom: 5px}

/*HEADER*/
.top{
   background: url(https://i.ibb.co/Xs5wZQt/l9egHyR.gif) !important;
   margin-bottom: 20px;
   border-radius: 4px;
   box-shadow: 0px 0px 7px 5px #E31C79 !important}


/*FOOTER*/
footer {
   height: 130px;
   background-image: url(https://i.ibb.co/Xs5wZQt/l9egHyR.gif);
   background-position: centre !important;
   background-size: 50%;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #E31C79 !important}

/*NAV BAR*/
.links{ 
   text-align: center;
   background:  !important;
   background: url(https://i.ibb.co/KGHQwbw/Yl5ZvXL.png) !important;
   background-size: 50% !important;
   background: no repeat fixed;
   margin-bottom: 20px !important;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #E31C79 !important}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
    content: " ⭒ ";
    color:  white}

/*LOGO*/
.logo{ 
   filter: sepia(100%) hue-rotate(200deg) saturate(100);
   box-shadow: 0px 0px 7px 5px pink}

/*HEADINGS BACKGROUND*/
.profile .blurbs .heading, .profile .friends .heading, .profile .table-section .heading, .profile .contact .heading, links{
   background: linear-gradient(#ff05c5, #f80d7e) !important;
   border: 2px solid #ff00dd;
   border-radius: 2px}

/*CIRCULAR PFP*/
.profile-pic {
   border-radius: 500px;
   overflow: hidden;
   box-shadow: 0px 0px 9px 7px white}

/*CIRCULAR FRIENDS PFP*/
.friends-grid img{
   border-radius: 500px;
   overflow: hidden;
   box-shadow: 0px 0px 9px 7px white}

/*TRANSPARENT INTERESTS GRID*/
:root{
   --even-lighter-blue: opacity:0.01;
   --lightest-blue: opacity:0.01;

/*FRIENDS-GRID*/
   --light-orange: url(https://i.ibb.co/jyWprZ9/Y1jBk6E.gif);
   --even-lighter-orange: linear-gradient(#ff05c5, #f80d7e)}

/*FRIENDS SPACE BACKGROUND*/
.friends{
   background: url(https://i.ibb.co/3ywDjcj/U7Vchk1.jpg);
   background-size: cover}

/*URL SECTION*/
.profile .url-info{
   padding: 2px;
   background-image:url(https://i.ibb.co/ZWM2wNc/ESmaYTh.gif);
   background size: cover !important;
   border: solid #E31C79 2px;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #E31C79;
   margin-bottom: 20px !important}

/*CONTACT SECTION*/
.contact {
   padding: 2px;
   margin-bottom: 20px !important;
   font-size: 12px;
   border-radius: 5px;
   border-top: 1px}

/*ONLINE*/
.online{content: 
   url(https://i.ibb.co/rdY4J4B/pvxTmvl.gif);
   width: 200px;
   box-shadow: 0px 0px 7px 5px #E31C79}

/*CONTACT ICONS*/
.contact .inner a img {
font-size: 0}

.contact .inner a img:before {
font-size: 1em;
display: block}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* ADD TO FRIENDS */
content: url(https://i.ibb.co/qr6V456/lvEg79x.png)}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* ADD TO FAVOURITE */
content: url(https://i.ibb.co/qr6V456/lvEg79x.png)}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/*SEND A MESSAGE */
content: url(https://i.ibb.co/qr6V456/lvEg79x.png)}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/*FORWARD TO FRIEND*/
content: url(https://i.ibb.co/qr6V456/lvEg79x.png)}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/*INSTANT MESSAGE*/
content: url(https://i.ibb.co/qr6V456/lvEg79x.png)}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/*BLOCK USER*/
content: url(https://i.ibb.co/qr6V456/lvEg79x.png)}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/*ADD 2 GROUP*/
content: url(https://i.ibb.co/qr6V456/lvEg79x.png)}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/*REPORT*/
content: url(https://i.ibb.co/qr6V456/lvEg79x.png)}

/*PROFILE LINKS ICONS*/
  .icon, .award img {
        content: url(https://i.ibb.co/qr6V456/lvEg79x.png);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0)}

/*BUTTONS*/
button{
   color: white;
   background: url(https://i.ibb.co/74g3vDS/lAjuDvs.gif); 
   border: 2px solid white;
   padding: 2px}
   button:hover {
   color: white;
   background: url(https://i.ibb.co/74g3vDS/lAjuDvs.gif);
   padding: 4px}

/*TOP SEARCH BAR*/
  .search-wrapper input[type=text] {
    background-color: #E31C79 !important;
    border: 1px solid white !important;
    border-radius: 10px !important}
 button{
    border-radius: 10px !important;
    border: 1px solid white !important;
    background-color: #E31C79 !important}

<style>
left image
</style><div style="float: ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200; width: 250px;"><img src="/proxy/image.php?url=https%3A%2F%2Fi.ibb.co%2F4879Vmk%2FwtP0Jh4.jpg"></div><style>
right image
</style><div style="float: ; max-height: 800px; position: fixed; top: 1px; bottom: 10px; right: 1px; z-index: 200; "><img src="/proxy/image.php?url=https%3A%2F%2Fi.ibb.co%2FZNSLt1V%2FGAFG22C.png"></div>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Z-IarCz4GKw//?&amp;;amp;;autoplay=1&amp;;loop=infinite&amp;;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation" referrerpolicy="strict-origin-when-cross-origin">

</iframe>



<style>

li.active .icon { content:url('https://cur.glitter-graphics.net/pub/2869/2869139eufbipr7oh.png'); width: 20PX;height: 20px;}

</style>





<!-- (c) Layout created by hydromaniac (https://layouts.spacehey.com/layout?id=106930) -->

<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/a0/ad/56/a0ad56dd71fb025287751343597754a4.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style></style>