Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind

FriendRewind

← Back to Layouts

Simply Unique MySpace Layout

Author: Sol Syanide

Category: Scene

Created: June 22, 2026

MySpace Layout from MySpaceGens recoded to be compatible with Friendrewind! Feel free to use :-)

Comments (1)

Zack Sakrilege 1 hr ago

This is so cute

You must log in to comment.

CSS Code

<style>
<style>
body {
  font-family: 'Bungee', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://friendrewind.com/uploads/gallery/13976/img_6a39852c84c013.26500539.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
  }
  .profile{
    background-color: black;
  }

.myspace-header .top-nav {
  background: #00e769;
}

.myspace-header .main-nav-wrapper {
  background: #00e769;
}

.myspace-header .main-nav li a:hover {
  color: #000000;
}


.contact {
    border: 1px solid #000000 !important;
    border-radius: 5px !important;
background-image: url("https://friendrewind.com/uploads/gallery/13976/img_6a398d5a701c49.58607285.webp");
  }
a, .profile a, .module a, .table-section a { color: #7bef5a !important;}
.contact a{
color: transparent !important;
}

.contact .heading {
    background-color: #000000 !important;
    color: #00d3e9 !important;
  }

.table-section, .friends, .blurbs, .module, .profileInfo {
    border: 1px solid #000000 !important;
    border-radius: 5px !important;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #000000 !important;
    color: #64ff00 !important;
  }

.profile, .table-section, .module, .blurbs, .section, .profileInfo, .friend-space, .badges-section, .url-info, .contact, .interests {
  color: #feffff !important;
}

h1, h2, h3, h4, h5, h6, .table-section h4, .module h4, .blurbs h4, .section h4 {
  color: #00d3e9 !important;
}
  .top-nav.navbar{
    background: linear-gradient(to bottom,
   
 #d1fc6c 0%,
    #b0d658 55%,
    #9cbd4f 80%,
    #89a646 100%
) !important;
  }
  .main-nav-wrapper{
    background: linear-gradient(to bottom,
    #d1fc6c 0%,
    #b0d658 55%,
    #9cbd4f 80%,
    #89a646 100%
)!important;
border: 1px solid black !important;
 
  }
  .main-nav-wrapper a{
     color: black !important;
    
  }
  :root{
    --light-orange: #8dff4d !important;
  --even-lighter-orange: #06d9e3 !important;
    --lighter-blue: #7bef5a!important;
    --even-lighter-blue: #8DFF4D!important;
    --lightest-blue: #008AA2 !important;
    --logo-blue: rgb(0, 179, 154);
  }
  .comments-table a{
    color: black !important;
  }
  h1{
    font-family: georgia !important;
    font-weight: bold !important;
    font-style: italic !important;
     font-size: 40px !important;
  }
  h4{
    font-family: georgia !important;
    font-weight: bold !important;
    font-style: italic !important;
     font-size: 15px !important;
  }
  
  .nav logo, .logo img{
    filter: brightness(0%) !important;
  }
  footer a{
    color: cyan !important;
  }
  footer{
    background-color: black !important;
    color: white !important;
  }
  body{
    background-image: url("https://friendrewind.com/uploads/gallery/13976/img_6a398e6972d3e9.49502826.webp") !important;
  background-repeat: repeat !important;
  }
  
</style></style>