Home
Browse
Blog
Groups
Videos
More ▾
Forums Gallery Gaming Bulletins Favorites About Brand Invite Downloads Log In Sign Up

← Back to Layouts

Layout Preview

bla

Author: z0mb13_bra1nz

Category: Acid

Created: February 27, 2026

Comments (0)

No comments yet. Be the first!

You must log in to comment.

×

CSS Code

<style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&family=Orbitron:wght@500&family=Permanent+Marker&display=swap');

/* MAIN BACKGROUND */
body {
  background-color: black;
  background-image:
    url('https://i.imgur.com/8QfQFQp.png'), /* leopard */
    url('https://i.imgur.com/Zk6TR5k.png'); /* kiss marks */
  background-repeat: repeat;
  background-attachment: fixed;
  color: #ffd6ec;
  font-family: 'Orbitron', sans-serif;
}

/* SOFT PINK OVERLAY */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at center, rgba(255,182,193,0.08), transparent 70%);
  pointer-events: none;
}

/* HEADER */
.header, .profile-header {
  background: linear-gradient(90deg, #ff69b4, black, #ffc0cb);
  border: 4px solid white;
  box-shadow: 0 0 30px #ff69b4;
  text-align: center;
}

/* PROFILE BOXES */
.profile-box, .box {
  background: linear-gradient(145deg, black, #1a001a);
  border: 3px solid #ff69b4;
  box-shadow: 0 0 15px #ff69b4;
  background-image: radial-gradient(white 2px, transparent 2px);
  background-size: 22px 22px; /* polka dots */
  padding: 15px;
}

/* HEADINGS */
h1, h2, h3 {
  font-family: 'Permanent Marker', cursive;
  color: #ff69b4;
  text-shadow: 0 0 15px #ff1493, 0 0 5px white;
}

/* COQUETTE SCRIPT TEXT */
.coquette {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  color: #ffc0cb;
  text-shadow: 0 0 10px #ff69b4;
}

/* LINKS */
a {
  color: #ff69b4;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: white;
  text-shadow: 0 0 10px #ff69b4;
}

/* BUTTONS */
button {
  background: #ff69b4;
  border: 2px solid white;
  color: black;
  font-weight: bold;
  box-shadow: 0 0 15px white;
}

button:hover {
  background: white;
  color: #ff1493;
  box-shadow: 0 0 20px #ff69b4;
}

/* STATUS BOX */
.status {
  background: linear-gradient(45deg, black, #330033);
  border: 2px dashed #ffc0cb;
  font-style: italic;
  box-shadow: 0 0 20px #ff69b4;
}

/* GLITTER ANIMATION */
.glitter {
  animation: glow 1.2s infinite alternate;
}

@keyframes glow {
  from { text-shadow: 0 0 5px #ff69b4; }
  to { text-shadow: 0 0 25px white; }
}

/* SCROLLBAR */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background: #ff69b4;
  border-radius: 10px;
}
</style></style>

×

Enlarged Preview

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

FriendRewind is the best free MySpace alternative and retro social network. Customize your profile with HTML & CSS, share music with a built-in player, write blogs, join groups with voice chat, and connect with friends — no algorithms, no tracking.

About
Rules
Invite Friends
Privacy Policy
Uptime

© 2026 FriendRewind. All rights reserved.

Now Playing: Nothing playing

0:00

0:00