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

layout 😳😳

Author: frnkbutbetter

Category: ?

Created: July 30, 2026

Comments (0)

No comments yet. Be the first!

You must log in to comment.

×

CSS Code

<style>
body.profile-page
 ├─ nav                       (the header. contains both bars)
 │    ├─ nav .top             (top strip: logo + search)
 │    └─ nav .links           (bottom strip: page links)
 ├─ .master-container         (960px wrapper around the profile)
 │   └─ .row.profile          (flex row)
 │        ├─ .col.w-40.left   (LEFT column - 40% width)
 │        │    ├─ .profile-pic    (your picture)
 │        │    ├─ .mood / .online (status lines)
 │        │    ├─ .contact    (Add/Message/Follow)
 │        │    ├─ .profile-playlist-widget (Profile Tunes)
 │        │    ├─ .general-about (Basic Info)
 │        │    ├─ .url-info   (Website)
 │        │    └─ .table-section (Interests, details, etc.)
 │        └─ .col.right       (RIGHT column. the rest)
 │             ├─ .blurbs     (About Me / Who I'd Like to Meet)
 │             ├─ .blog-preview
 │             ├─ .photos-preview
 │             ├─ .videos-preview
 │             ├─ .friends    (Top Friends + .friends-grid)
 │             └─ #comments   (Comments. contains .comments-table)
 └─ .music-bar                (bottom music player - fixed to screen)</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