Home
Browse
Blog
Forum
Videos
More ▾
Groups Gallery Artists Bulletins Favorites About Crisis Support Brand Invite Downloads Log In Sign Up

← Back to Layouts

Layout Preview

my layout not urs beeyatch

Author: whoru

Category: >:[

Created: August 5, 2026

Comments (0)

No comments yet. Be the first!

You must log in to comment.

×

CSS Code

<style>
<style>
/* 1. MAIN PAGE BACKGROUND (Doodles) */
body, 
html {
  background-image: url('https://i.pinimg.com/736x/e2/4b/17/e24b1771dae133f8ea0f2cf690fcc19c.jpg') !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: auto !important;
}

/* 2. MAIN LAYOUT CONTAINER (Retro Media Player Frame) */
main, 
.container, 
.profile-container {
  background-image: url('https://i.pinimg.com/1200x/02/69/d3/0269d31ac8ab136c032896aeb9e3ed82.jpg') !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  max-width: 850px !important;
  margin: 30px auto !important;
  padding: 70px 40px 90px 40px !important; /* Adjust spacing inside the player screen */
  border: none !important;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.5);
}

/* 3. ROW / CONTENT BOXES (Dark Overlay Rows) */
.box, 
.card, 
.blurb, 
.table-section, 
td.text, 
section {
  background-color: rgba(0, 0, 0, 0.75) !important; /* Semi-transparent dark background */
  color: #ffffff !important;
  padding: 15px !important;
  margin-bottom: 15px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Subtle white border outline */
}

/* Fix text contrast & link colors */
.box a, .card a, p, span, h1, h2, h3, h4, td, th {
  color: #ffffff !important;
}

/* Link color customization */
a {
  color: #00ffcc !important; /* Bright neon color for links */
  text-decoration: underline !important;
}

/* 4. AUTOMATIC CD SPIN ANIMATION */
@keyframes cdSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* 5. PROFILE PICTURE: CIRCULAR + AUTOMATIC SPIN ON LOAD */
.profile-pic,
.avatar,
img.profile,
.profile-info img,
.profile .image img,
.pfp {
  border-radius: 50% !important; /* Circular CD shape */
  overflow: hidden !important;
  
  /* Starts immediately on page load, no hovering needed */
  animation: cdSpin 12s linear infinite !important; 
}
</style></style>

×

Enlarged Preview

Disclaimer: This project is not affiliated with MySpace® in any way.

FriendRewind - Free retro social network with HTML/CSS profiles, built-in music player, blogs, groups with voice chat, and bulletins. No algorithms, no tracking, no ads.

Live Stats
Crisis Support
Rules
Safety
Privacy Policy
Uptime
Contact

© 2026 FriendRewind. All rights reserved.

Now Playing: Nothing playing

0:00

0:00