← Back to Layouts
Sparkle

Name: FriendRewind
Author: FriendRewind
Author: ໒꒰ྀི๑ 𝒜𝓃𝑔𝑒𝓁 𓏵‧₊˚ ┊
Category: Classic
Created: November 4, 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 seraphina (https://layouts.spacehey.com/layout?id=103612) -->
</style><iframe width="0" height="0" src="https://www.youtube.com/embed/WNau8kgJ3XE//?&amp;;amp;;autoplay=1&amp;;loop=1&amp;;controls=1&amp;enablejsapi=1&amp;origin=https%3A%2F%2Ffriendrewind.com" 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>

<img src="/proxy/image.php?url=https%3A%2F%2Fmedia1.tenor.com%2Fm%2FdCjL9pETV8cAAAAd%2F%25E8%258A%25B1%25E7%2581%25AB-%25E8%25B6%25B3.gif" width="280" height="300"><style>
.general-about .profile-pic img {

content: url("https://media1.tenor.com/m/1NCG42u3t0UAAAAd/sparkle-honkai-star-rail.gif");
  
border-radius: 50%;

}
  </style>

<style>
.profile .blog-preview {

background-color: #58020F;
color: white;


padding: 4px

}
  </style>

<style>
.profile .friends {color: white;

padding: 4px

}
  </style>

<style>
.profile .url-info {

    display: none;

}
  </style>

<style>
.blog-preview p{

 

     color: white;

}
  </style>

<style>
p.online {font-size: 0px;}
p.online::after{content: "🎐I'M ONLINE";
color: White;
font-size: 10px;}

font-size: 10px;}
    </style>
<style>
    body {
          background-image:url(https://media1.tenor.com/m/YSiodJu0X14AAAAC/sparkle-hanabi.gif)
    }
</style>
<style>
    .profile {
       
 
background:url(https://i.pinimg.com/564x/83/0f/30/830f3043e29b1894b33a7d1d25ecf1e9.jpg);
color:white;

    }


.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:Black; 
background:#58020F;
}

/* 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: "🌸"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🌸"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🌸"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "🌸"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "🌸"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "🌸"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "🌸"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🌸"

}
footer {
border-radius: 15px;
background-image: 
url(https://i.pinimg.com/564x/98/5a/06/985a068a6534019794009fe32bfcd95b.jpg);
color:White; 
}

nav .top {
        background: url(https://i.pinimg.com/564x/98/5a/06/985a068a6534019794009fe32bfcd95b.jpg);}
    
    nav { background: black url(""); }

:root {
--logo-blue:white;
--darker-blue:white;
--lighter-blue:#F91177;
--even-lighter-blue:#F91177;
--lightest-blue:#FC88D3;
--dark-orange:White;
--light-orange:#F91177;
--even-lighter-orange:#F91177;
--green:white;
}
</style><div class="background"></div>
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "My Friends!!🎐"; font-size:.8rem; font-weight:bold; 
color:white; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Comments!!🎐"; font-size:.8rem; font-weight:bold;
color:White; } 
</style>
<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "My Interests & My Socials!!🎐"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "Say Hi!!🎐"; font-size:.8rem; font-weight:bold; 
color:White; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "About Me!!!🎐"; font-size:.8rem; font-weight:bold; color:White; }
</style><img src="/proxy/image.php?url=https%3A%2F%2Fmedia.tenor.com%2FFVjJHGfS4xsAAAAi%2Fsparkle-hsr.gif" style="position: fixed; bottom: -20px; right: 5px; height: 300px;">