Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind

FriendRewind

← Back to Layouts

kawaii desu~

Author: catsatehisface

Category: Cute

Created: June 21, 2026

to use this layout properly, go to the very bottom of the code, there you mus change the links to be your id. where it says "whoohoo yeah youre awesomesauce" is where you can edit the text to say something else. If you have any problems with this layout, lmk!!

Comments (1)

catsatehisface 2 hrs ago

so it doesnt work on profiles... yay...

You must log in to comment.

CSS Code

<style>
<style>
/* 1. Hides the platform header and footer components cleanly */
nav, .top, .music-bar {
    display: none !important;
}

/* 2. Hides FriendRewind's native layout columns without deleting the container wrapper */
.master-container .left, 
.master-container .right {
    display: none !important;
}

/* 3. Preps the container dimensions to hold your absolute coordinate divisions */
.master-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 4. Preps the primary structural body background layer for your custom layout graphics */
html, body, body.profile-page {
    background-image: url("http://cbimg6.com/layouts/08/09/31398aa.png") !important; 
    background-repeat:no-repeat !important;
    background-position: center !important;
  background-size: cover !important;  
    background-attachment: scroll !important;  
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
}
  
  body.profile-page nav, 
body.profile-page .links, 
body.profile-page nav .links {
    display: none !important;
    height: 0px !important;
    padding: 0 !important;
    margin: 0 !important;
}

  body.profile-page footer,
body.profile-page .disclaimer,
body.profile-page [id*="disclaimer"],
body.profile-page [class*="disclaimer"],
body.profile-page [class*="copyright"] {
    display: none !important;
    visibility: hidden !important;
    height: 0px !important;
    padding: 0 !important;
    margin: 0 !important;
}
  

.image, .me, .navi {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
  
  .image {
position:absolute;
overflow:auto;
top:30px;
left:300px;
background-color:transparent;
border:4px border-color:000;
}

.me {
position:absolute;
overflow:auto;
top: 130px;
left:360px;
background-color:transparent;
font-family:arial;
font-size:11px;
color:#959595;
font-weight:normal;
height:230px;
width:260px;
margin:0;
padding:0;
align:justify;
}

.navi {
position:absolute;
overflow:auto;
font-family:arial;
font-size:11px;
color: #b39ddb ;
font-weight:normal;
border:0px;
width:114px;
height:147px;
top:181px;
left:775px;
}

  
</style>

<div class="image"> 
    <img src="http://cbimg6.com/layouts/08/09/31398ab.png" border="0" /> 
</div> 

<div class="me"> 
    <br /> 
  <p>
   whooo hoo! yeah! youre awesomesauce! i love you!
  </p>
    
</div> 

<div class="navi">

<a href="https://friendrewind.com/home.php">home</a><br />

<a href="https://friendrewind.com/photos/user.php?id=xxxxx">pictures</a> <br>

<a href="https://friendrewind.com/mobileim/mobile-chat.php">message</a> <br>

<a href="https://friendrewind.com/addcomment.php?id=xxxxx">comment</a> <br>

<a href="https://friendrewind.com/blog/user.php?id=xxxxxx">blogs</a> <br>

<a href="https://friendrewind.com/friends.php?id=xxxxx">friends</a> <br>
  
</div></style>