← Back to Layouts
my first layout

Name: FriendRewind
Author: FriendRewind
Author: LinhNhi
Category: Classic
Created: October 25, 2026
idk
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>
body {
  background-image: url('https://i.pinimg.com/736x/b8/3e/cf/b83ecf1de9956ad1a14b1c0146833d1f.jpg');
  background-size: cover;        /* makes it fill the screen */
  background-repeat: no-repeat;  
  background-position: center;
}
</style>






<style>
/* inner profile background */
.profile, .box, .module {
  background-image: url('https://i.pinimg.com/736x/c8/9a/95/c89a959617f6ef9428eeffdd1c79c020.jpg');
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  padding: 10px;
}
</style>






<style>
/* WITH GLOW - change color below */
:root {
  --main-border-color: #d9c5db;
}

/* borders */
.module, .box, .profile, .table, table {
  border: 2px solid var(--main-border-color) !important;
  box-shadow: 0 0 8px var(--main-border-color);
}
</style>








<style>

:root {
  --logo-blue: #fcdbff;
  --darker-blue: #fcdbff;
  --lighter-blue: #fcdbff;
  --even-lighter-blue: #fcdbff;
  --lightest-blue: #fcdbff;
  --dark-orange: #fcdbff;
  --light-orange: #fcdbff;
  --even-lighter-orange: #fcdbff;
}
</style>











<style>
  .myspace-header .top-nav {
  background: #000000;
  background-image: url("https://i.pinimg.com/736x/2a/cd/2c/2acd2c61c23259add4d70b0441a53655.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
</style><div style="position:fixed; top:10px; left:10px; z-index:9999;">
  <img src="/proxy/image.php?url=https%3A%2F%2Fmedia.tenor.com%2Fz0lDFttBYVEAAAAj%2Fsakura-blossom-pink.gif" width="150">
</div>

<div style="position:fixed; top:10px; right:10px; z-index:9999;">
  <img src="/proxy/image.php?url=https%3A%2F%2Fmedia1.tenor.com%2Fm%2FKz2hY4wPToAAAAAd%2Farmin-aot.gif" width="250">
</div>

<div style="position:fixed; bottom:10px; left:10px; z-index:9999;">
  <img src="/proxy/image.php?url=https%3A%2F%2Fmedia1.tenor.com%2Fm%2Fes0_rCnPPCwAAAAd%2Fanton.gif" width="250">
</div>

<div style="position:fixed; bottom:10px; right:10px; z-index:9999;">
  <img src="/proxy/image.php?url=https%3A%2F%2Fmedia.tenor.com%2FgMhTese4d94AAAAj%2Fflowers.gif" width="250">
</div>










<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2F73%2Fd7%2F15%2F73d715e1d2fe98c3455b0bfad944b622.jpg" width="99">

<img src="/proxy/image.php?url=https%3A%2F%2Fmedia1.tenor.com%2Fm%2FuKI9Msd5JmEAAAAd%2Fparadise-kiss-miwako.gif" width="99">

<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2Fed%2F63%2Fc2%2Fed63c2e595eabcb848737aeededb07bd.jpg" width="99">

<img src="/proxy/image.php?url=https%3A%2F%2Fmedia1.tenor.com%2Fm%2Fcqjuxrz1_-UAAAAC%2Fhoneysenpai-ouranhighschoolhostclub.gif" width="99">

<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2Fcb%2F39%2Fa0%2Fcb39a02e772895f70334306a25b2c264.jpg" width="99">

<img src="/proxy/image.php?url=https%3A%2F%2Fmedia1.tenor.com%2Fm%2Ff777Nr1shr4AAAAC%2Ftamaki-ouran-ouran-host-club-haruhi-fujioka-spoonven.gif" width="99">

<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2F07%2F04%2F42%2F07044211b699f434f4c5c019c3c6c1bd.jpg" width="99">

<img src="/proxy/image.php?url=https%3A%2F%2Fmedia1.tenor.com%2Fm%2FiUtrSu-XKY0AAAAC%2Ftamaki-ouran-host-club.gif" width="99">

<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2F68%2Fe1%2F59%2F68e159a5398660ebb37112a60c0bbf49.jpg" width="200">

<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2Fff%2F51%2Fad%2Fff51ad1d7d149b1be6b119ce66613693.jpg" width="200">

<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2F736x%2F62%2Fef%2F5d%2F62ef5d6bdef3727e478cc9f990da9194.jpg" width="400">

<img src="/proxy/image.php?url=https%3A%2F%2Fmedia1.tenor.com%2Fm%2F6E1TG-bpnAEAAAAC%2Fakatsuki-no-yona-eat.gif" width="190">

<img src="/proxy/image.php?url=https%3A%2F%2Fmedia1.tenor.com%2Fm%2F38Sbn4YmIPcAAAAC%2Fvanitas-no.gif" width="190">