← Back to Layouts
betch. <3

Name: FriendRewind
Author: FriendRewind
Author: 𝓢𝓸𝓵 𝓢𝔂𝓪𝓷𝓲𝓭𝓮 💎☮️
Category: Vintage
Created: July 3, 2026
2000s MySpace inspired layout! :-) f2u!
tags so ppl can find this:
2000s myspace scene green pink zebra polka dot
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style>
@import url('https://fonts.googleapis.com/css2?family=Cherish&family=Lavishly+Yours&display=swap');
.profile h1 {
  font-size: 5em;
  margin: 0 0 10px 0;
  font-family: lavishly yours;
}
h2{
font-family: times new roman;
}
h3{
font-family: times new roman;
}
h4{
font-family: times new roman;
}
body{
font-family: times new roman;
}

.myspace-header::after{
margin-top: 10px;
height: 200px;
display: block;
  content: "";
background-image: url('https://i2.glitter-graphics.org/pub/1077/1077802ym2z3o8q4s.jpg');
background-size: cover;
background-repeat: no-repeat;
  background-position: center;

}
  .myspace-header {
  background-color: transparent !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;
 
  }
@media (min-width: 30em) {
  .row {
  
    border-top: 20px solid #f6006e !important;
}

body.skin-classic .main-nav-wrapper {
  padding: unset !important;

  border: black 1px solid;

  border-radius: 0;

  box-shadow: none;
  background: linear-gradient(to bottom, #dadada 0%, #8a8a8a 55%, #8a8a8a 80%, #4f4f4f 100% ) !important;
}
  .main-nav-wrapper a{
     color: black !important;
    
  }
body, body.profile-page {
  background-image: url("https://i10.glitter-graphics.org/pub/2766/2766240m6set0zgh0.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: fixed !important;
  background-position: center center !important;
}
a{
color: white !important;
}
.details-table td {

 background: #F03079 !important;
  vertical-align: top;
  color: white !important;
}
.profile .table-section .heading{
color: black!important;
}
.profile .contact .heading{
color: black!important;
}
.inner {
  margin: 0 0 8px 0;
  color: white!important;
}
.inner a {
  color: #fa0975 !important;
}
.comments-table td, .music-table td {
  background: #fcdbb8;
  background: #fff;
  vertical-align: top;
  color: black;
}
body:not(.layout-bodybg) main {
  background: #000000e3!important; 
  color: #f6006e!important;
  margin-top: 10px!important;
  font-size: 80%!important;
  border-radius: 10px!important;
}
.contact a{
color: white !important;
 text-shadow: 0 0 5px deeppink;
}

.home-actions, .profile .contact, .profile .table-section, .profile .url-info, .setting-section {
background-image: url('https://i4.glitter-graphics.org/pub/586/586694pbl393x7zt.jpg');
    background-size: 20% auto;
  width: 100%;
  border: 2px solid #60a5fa;
  border: 2px solid var(--lighter-blue);
  margin: 10px 0;
  border-radius: 10px !important;
}
.profile .blurbs .heading, .profile .friends .heading {
  background: #f9c56c;
  background: var(--light-orange);
  color: #ed0707;
  color: var(--dark-orange);
  padding: 2px 7px;
  border-radius: 10px;
}
.cb-actions button:hover{
 position: relative;
border-radius: 20px;
  height: 25px;
 
  background: linear-gradient(to bottom, 
    #2b2b2b 0%,
    #616161 55%,
     #9e9e9e 80%,
    #ffffff 100%
  )!important;
  color: white;
  border: solid 1px black!important;
}
  .cb-actions button, .nav-search-btn, .cb-actions a button{
 color: black;
  border: solid 1px black!important;
  cursor: pointer;
 position: relative;
border-radius: 20px;
  overflow: hidden;
  height: 25px;
  background: linear-gradient(to bottom, 
    #ffffff 0%,
    #9e9e9e 55%,
    #616161 80%,
    #2b2b2b 100%
  )!important;
 
}
:root {
  --light-gray: #020202!important;
  --gray: #bef947!important;
  --dark-gray: #030303!important;
  --darker-gray: #545454!important;
  --logo-blue: rgb(245, 3, 114)!important;
  --darker-blue: #b7f930!important;
  --lighter-blue: rgb(200, 248, 106)!important;
  --even-lighter-blue: #BFDBFE!important;
  --lightest-blue: #DBEAFE!important;
  --red: #B7F930!important;
  --dark-orange: #FB0A76!important;
  --light-orange: #b7f930!important;
  --even-lighter-orange: #fcdbb8!important;
  --strange-yellow: #dbae2e!important;
  accent-color: var(--logo-blue);
}
</style>