← Back to Layouts
basic

Name: FriendRewind
Author: FriendRewind
Author: renstzr*<3
Category: Classic
Created: September 24, 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>
#music {
  position: relative;
  background: url('https://i.pinimg.com/originals/5e/fa/30/5efa303c657bcda95a50da8f8d52b462.gif')top left no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
  overflow: hidden;
  height: 50px;
  max-width: 305px;
  border: 1px solid #000000;
}
#music iframe {
  position: absolute;
  top: 0px;
  height: 47px;
  opacity: 0.00000000000000000000000001;
  z-index: 0;
  left: 0px;
}
#music div {
  position: absolute;
  top: 10px;
  left: 55px;
  width: 51%;
  margin: 0 !important;
}
#music span {
  display: block;
  color: #FFFFFF;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  width: 240px;
}

<style>
.online {content:url('http://dl6.glitter-graphics.net/pub/121/121896n9dppf5kxv.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>
<style>body { cursor: url('http://www.rw-designer.com/cursor-extern.php?id=126227'), auto; }</style>

<style>
body::selection {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://media.tenor.com/Ewb3gsajZHgAAAAC/jellyfish-bluish.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>

/* ===== COLORS ===== */

:root{
--logo-blue:#139CA7;
--darker-blue:#04191C;
--lighter-blue:#27C9D1;
--even-lighter-blue:#7FE7E7;
--lightest-blue:#C9FFFF;
--dark-orange:#0F4D53;
--light-orange:#27C9D1;
--even-lighter-orange:#7FE7E7;
--green:#139CA7;
}

/* ===== PAGE BACKGROUND ===== */

body{
background:
linear-gradient(rgba(4,25,28,.85),rgba(4,25,28,.85)),
url("https://i.pinimg.com/736x/3b/80/d4/3b80d45c3e35cfeb75bd047b866848e4.jpg");
background-size:cover;
background-attachment:fixed;
color:#d9ffff;
font-family:Verdana,sans-serif;
}

/* ===== MAIN BOX ===== */

main{
background:rgba(0,0,0,.55);
backdrop-filter:blur(4px);
border:2px solid #27C9D1;
box-shadow:0 0 20px rgba(39,201,209,.5);
}

/* ===== BANNER ===== */

main:before{
width:100%;
height:220px;
display:block;
content:"";
background-image:url("https://i.pinimg.com/736x/e2/af/d9/e2afd9412176f531b5399a165780f2a0.jpg");
background-size:cover;
background-position:center;
border-bottom:2px solid #27C9D1;
}

/* ===== PROFILE PIC ===== */

.general-about .profile-pic{
padding:10px;
background:url("https://i.pinimg.com/736x/59/cb/26/59cb261993063da30d11e8bc10a32b80.jpg");
background-size:cover;
border:2px solid #27C9D1;
box-shadow:0 0 15px #27C9D1;
}

/* ===== HEADERS ===== */

h1,h2,h3,h4{
color:#7FE7E7 !important;
text-shadow:
0 0 5px #27C9D1,
0 0 10px #27C9D1;
}

/* ===== TABLES ===== */

table,
.contact,
.blurbs,
.friends,
.comments-table{
background:rgba(0,0,0,.55)!important;
border:1px solid #27C9D1!important;
}

table td{
background:rgba(0,0,0,.35)!important;
}

/* ===== COLORS ===== */

:root{
--logo-blue:#139CA7;
--darker-blue:#04191C;
--lighter-blue:#27C9D1;
--even-lighter-blue:#7FE7E7;
--lightest-blue:#C9FFFF;
--dark-orange:#0F4D53;
--light-orange:#27C9D1;
--even-lighter-orange:#7FE7E7;
--green:#139CA7;
}

/* ===== PAGE BACKGROUND ===== */

body{
background:
linear-gradient(rgba(4,25,28,.85),rgba(4,25,28,.85)),
url("https://i.pinimg.com/736x/59/cb/26/59cb261993063da30d11e8bc10a32b80.jpg");
background-size:cover;
background-attachment:fixed;
color:#d9ffff;
font-family:Verdana,sans-serif;
}

/* ===== MAIN BOX ===== */

main{
background:rgba(0,0,0,.55);
backdrop-filter:blur(4px);
border:2px solid #27C9D1;
box-shadow:0 0 20px rgba(39,201,209,.5);
}

/* ===== BANNER ===== */

main:before{
width:100%;
height:220px;
display:block;
content:"";
background-image:url("https://i.pinimg.com/736x/e2/af/d9/e2afd9412176f531b5399a165780f2a0.jpg");
background-size:cover;
background-position:center;
border-bottom:2px solid #27C9D1;
}

/* ===== PROFILE PIC ===== */

.general-about .profile-pic{
padding:10px;
background:url("https://i.pinimg.com/736x/59/cb/26/59cb261993063da30d11e8bc10a32b80.jpg");
background-size:cover;
border:2px solid #27C9D1;
box-shadow:0 0 15px #27C9D1;
}
.general-about .profile-pic{
box-shadow:
0 0 10px #27C9D1,
0 0 20px #27C9D1,
0 0 30px #27C9D1;
}

/* ===== HEADERS ===== */

h1,h2,h3,h4{
color:#7FE7E7 !important;
text-shadow:
0 0 5px #27C9D1,
0 0 10px #27C9D1;
}

/* ===== TABLES ===== */

table,
.contact,
.blurbs,
.friends,
.comments-table{
background:rgba(0,0,0,.55)!important;
border:1px solid #27C9D1!important;
}

table td{
background:rgba(0,0,0,.35)!important;
}</style>

<style>
.online {content:url('http://dl6.glitter-graphics.net/pub/121/121896n9dppf5kxv.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<style>
.blurbs,
.blurbs *,
.general-about,
.general-about *,
.profile-info,
.profile-info *{
color:#7FE7E7 !important;
}
</style>
<style>
/* Changes normal paragraphs and basic layout text */
p, h2, .section {
    color: #7FE7E7 !important;
}

/* Changes section sub-headers and small labels */
h3, h4, h5, .url-info b {
    color: #7FE7E7  !important;
}

/* Changes main headers and your profile name */
h1, .count, .friends a p {
    color: #7FE7E7 !important;
}

/* Changes the color of all clickable links */
a {
    color: #7FE7E7 !important;
}
</style>

<style>
/* 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: "🔮"
}   


body:after{
content:"";
position:fixed;
bottom:20px;
right:30px;
width:320px;
height:320px;
background-image:url("https://i.pinimg.com/originals/5e/fa/30/5efa303c657bcda95a50da8f8d52b462.gif");
background-size:contain;
background-repeat:no-repeat;
pointer-events:none;
z-index:400;
}
</style>
<style>
body:before{
content:"";
position:fixed;
top:20px;
right:30px;
width:320px;
height:320px;
background-image:url("https://i.pinimg.com/originals/5e/fa/30/5efa303c657bcda95a50da8f8d52b462.gif");
background-size:contain;
background-repeat:no-repeat;
pointer-events:none;
z-index:400;
transform: scaleY(-1);
}
</style>
<style>
.friends-grid img {
    width: 250px;
    height: 250px;
    object-fit: cover;
    clip-path: polygon(
        50% 0%, 61% 35%, 98% 35%, 68% 57%, 
        79% 91%, 50% 70%, 21% 91%, 32% 57%, 
        2% 35%, 39% 35%
    );
}
</style><p>hiiii my profile is finished!! (I think)  happy to meet u xoxo</p>
<p>no one loves teal more than me ;D</p>
<p>im 15</p>
<p> I hate my computer science class</p>
<p> I like teal btw and nice to meet u </p>
<p> anyone can add me  </p>
<p> not a friend collector, I try and talk and sometimes I start convos xx </p>
<p> talk to me pls, I get super bored and try my best to keep a Convo going!! </p>
<p> recommend me things! I'm open to anything and happy to try new things as long as they aren't completely out of my comfort zone </p>

<p>everyone nice</p>
<p>cool people </p>
<p>nice people</p>
<p>idk I just want to extend this so my profile looks nice ;-;</p>
<p>ur cool (pls add me) </p>
<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F14%2F4f%2Fbb%2F144fbb12356920e8b9432bc59f46bbe1.gif">
<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F14%2F4f%2Fbb%2F144fbb12356920e8b9432bc59f46bbe1.gif">
<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F14%2F4f%2Fbb%2F144fbb12356920e8b9432bc59f46bbe1.gif">
<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F14%2F4f%2Fbb%2F144fbb12356920e8b9432bc59f46bbe1.gif">