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

yah

Author: Nika

Category: :D

Created: August 3, 2026

Comments (0)

No comments yet. Be the first!

You must log in to comment.

×

CSS Code

<style>
/* ===== BACKGROUND ===== */
body{
background:#050505 url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
color:#ffffff;
font-family:Verdana,sans-serif;
cursor:url("https://cur.cursors-4u.net/cursors/cur-11/cur1054.cur"),auto;
}

/* ===== LINKS ===== */
a{
color:#ff1a1a;
text-decoration:none;
transition:.3s;
}

a:hover{
color:#ffffff;
text-shadow:0 0 10px #ff0000;
}

/* ===== BOXES ===== */
.box,
.profile,
.section,
.container{
background:rgba(0,0,0,.75);
border:1px solid #5c0000;
box-shadow:
0 0 10px #4d0000,
0 0 20px #000 inset;
border-radius:10px;
}

/* ===== PROFILE PICTURE ===== */
img.pfp,
.profile img,
.avatar img{
border-radius:50%;
border:3px solid #ff0000;
padding:4px;
animation:ring 3s linear infinite;
box-shadow:
0 0 10px #ff0000,
0 0 25px #660000;
}

@keyframes ring{
0%{
transform:rotate(0deg) scale(1);
box-shadow:0 0 8px #ff0000;
}

25%{
transform:rotate(2deg) scale(1.04);
box-shadow:0 0 18px #ff0000;
}

50%{
transform:rotate(-2deg) scale(1);
box-shadow:0 0 28px #660000;
}

75%{
transform:rotate(2deg) scale(1.04);
}

100%{
transform:rotate(0deg) scale(1);
box-shadow:0 0 8px #ff0000;
}
}

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

::-webkit-scrollbar-track{
background:#000;
}

::-webkit-scrollbar-thumb{
background:#7a0000;
border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
background:#ff0000;
}

/* ===== HEADINGS ===== */
h1,h2,h3{
color:#ffffff;
text-shadow:
0 0 6px red,
0 0 14px #500;
}

/* ===== TEXT ===== */
p,span,li{
color:white;
}

/* ===== GLOW ON HOVER ===== */
.box:hover,
.section:hover{
box-shadow:
0 0 15px #ff0000,
0 0 30px #300000;
transition:.4s;
}

/* ===== BLOOD DRIP ANIMATION ===== */
body::before{
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:6px;
background:linear-gradient(to right,#300,#ff0000,#300);
animation:drip 4s ease-in-out infinite;
}

@keyframes drip{
0%{height:5px;}
50%{height:12px;}
100%{height:5px;}
}</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