← Back to Layouts
I'm trying I guess

Name: FriendRewind
Author: FriendRewind
Author: The_dead.coin
Category: Colorful
Created: September 29, 2026
pshhhh
Comments (0)

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

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"Space Mono","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#ffff00","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#ff0066","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#ffffff","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#fafafa","interestsHeaderText":"#000000","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#ffffff","headingShadowColor":"#000000","headingShadowBlur":0,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */

@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');

body, body.profile-page {
  font-family: 'Space Mono', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

.myspace-header .top-nav {
  background: #ffff00;
}

.myspace-header .main-nav-wrapper {
  background: #ffff00;
}

.myspace-header .main-nav li a:hover {
  color: #ff0066;
}

.contact {
    border: 1px solid #ffffff !important;
    border-radius: 5px !important;
  }

.contact .heading {
    background-color: #ffffff !important;
    color: #ffffff !important;
  }

.table-section, .friends, .blurbs, .module, .profileInfo {
    border: 1px solid #fafafa !important;
    border-radius: 5px !important;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #fafafa !important;
    color: #000000 !important;
  }

a, .profile a, .table-section a, .module a { color: #ffffff !important; }
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
body {
    background: url('https://img1.picmix.com/output/stamp/normal/3/8/4/7/1777483_e395f.gif') no-repeat center center fixed;
    background-size: cover;}
    .section, .blurbs, .friends, .comments-table, .cb-author-name, .badge-item, .badge-label, .badges-list, .badges-widget, .bar-btn, .bar-progress-fill, .cb-content-cell, .contactTable, .friends-grid, .photos-preview, .videos-preview, .friendsComments, .friends, .contact, .url-info, .profile-playlist-widget, .interestsAndDetails, .latestBlogEntry, .interestsAndDetails,.details-table, .table-section, .cb-author-name, .cb-like-btn, .latestBlogEntry, .blog-preview, .bar-progress, .general-about, .table-section {
    background: #ff0066!important;
    border: 2px solid #ffff00!important;
    border-radius: 12px!important;
    padding: 8px!important;
}
    .section, .navbar, .profile-pic, .online, .offline, .last-login, .cb-content-cell, .comment-reply, .bar-title, .bar-now-playing, .heading {
        background: #ffff00!important;
        border: 2px solid #ff0066!important;
        border-radius: 12px!important;
        padding: 8px!important;
     } 
     .heading {
    background: #ffff00!important;
    border: 2px solid #ffff00!important;
    border-radius: 12px!important;
}
.details-table td:first-child {
    background:#ffff00!important;
    color: #ff0066!important;
}
.bar-title {
    background: #ffff00!important;
    border: 2px solid #ffff00;
    border-radius: 12px;
}
.section h2, .blurbs h2, .friends h2 {
    background: linear-gradient(90deg, #ffff00, #ffff00)!important;
    color: #ffff00!important;
    padding: 8px 12px!important;
    margin: -16px -16px 12px!important;
    border-radius: 10px 10px 0 0!important;
}
.heading h4, .heading h1 { color: #000000; 
}
.bar-progress-fill
    {background: url('https://img1.picmix.com/output/stamp/normal/3/8/4/7/1777483_e395f.gif') no-repeat center center fixed;
}
nav .top
    {background: #ffff00!important;
    color: #ffff00!important;
    }
nav .links
    {background: #ff0066!important;
    color: #ff0066!important;
    }
.main-nav-wrapper,.friends, .friendSpace
    {background: #ffff00;
    color: #ffff00;
}
.whitetext12, .btext, .nametext, .bio-text, .orangetext15, .lightbluetext8
    {background: #000000!important;
    color: #000000!important;
}
.mood, .profile-playlist-widget
    {background: #ff0066;
    color:#000000;
    padding: 8px 12px;
    margin: -16px -16px 12px;
    border-radius: 12px;
    border: 2px solid #ffff00
}
a 
    {color: #ffffff!important;
}
.profile-playlist-widget h3
    {color: #000000;
}
.profile-playlist-widget li.current
    {background: url('https://img1.picmix.com/output/stamp/normal/3/8/4/7/1777483_e395f.gif') no-repeat center center fixed;}
.profile-playlist-widget .song-info 
    {color: #000000!important;}
.music-bar::before 
    { display: none !important; }
.music-bar .bar-title
    {color: #000000!important;}
</style>
<style>
.comments-table td:first-child {
  background-color: #ffff00 !important;
}
<style>
/* Left side (Profile picture box) */
.comments-table td:first-child {
  border-radius: 15px 0 0 15px !important;
}

/* Right side (Comment text box) */
.comments-table td:last-child {
  border-radius: 0 15px 15px 0 !important;
}
</style><style>

.comments-table {
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}
.comments-table td:first-child {
  border-radius: 15px 0 0 15px !important;
}</style>
</style>
<style>
  /* 1. Set your base comment text color */
  .comments-table td, #comments {
    color: #333333 !important; 
  }
  
  /* 2. Set your general comment links color (Reply, Delete, links in text) */
  .comments-table td a, #comments a {
    color: #00B4D8 !important;
  }
  
  /* 3. This unique class will be applied ONLY to the author names */
  .fr-author-name, .fr-author-name * {
    color: #FF007F !important;
  }
</style><style>


/* ==================================================
   1. FIXED: RESTORE YOUR NAVIGATION BAR BOTTOM
   ================================================== */
nav .links {
    background-color: #ff0066 !important; /* Your navbar bottom color */
}
nav .links a {
    color: #FFFFFF !important; /* Keeps your header links white & visible */
}

/* ==================================================
   2. FIXED: RESTORE COMMENT TEXT VISIBILITY
   ================================================== */
.comments-table td, #comments {
    color: #000000 !important; /* Forces your regular text to be visible */
}

/* ==================================================
   3. THE FIX: SEPARATE AUTHOR NAME FROM REGULAR LINKS
   ================================================== */

/* Target links that go to user profiles (The Author Name) */
.profile a[href*="/user/"], 
.profile a[href*="/profile"],
.module a[href*="/user/"],
.module a[href*="/profile/"],
.comments-table a[href*="/user/"] b,
.comments-table a[href*="/profile"] b {
    color: #ffffff!important; /* Your Author Name Color */
}

/* Target all other links in the comment section (Reply, Delete, Text links) */
.comments-table a:not([href*="/user/"]):not([href*="/profile"]),
.comments-table td a:not([href*="/user/"]):not([href*="/profile"]) {
    color: #ff0066 !important; /* Your Action/Regular Links Color */
}
/* 1. OVERRIDE THE SITE ENGINE FOR THE AUTHOR */
#comments a[href*="/user/"], #comments a[href*="/profile"],
.profile #comments a[href*="/user/"], .profile #comments a[href*="/profile"],
.table-section #comments a[href*="/user/"], .table-section #comments a[href*="/profile"],
.module #comments a[href*="/user/"], .module #comments a[href*="/profile"],
.comments-table a[href*="/user/"] b, .comments-table a[href*="/profile"] b {
    color: #ffffff !important; /* <-- YOUR AUTHOR COLOR */
}

/* 2. OVERRIDE THE SITE ENGINE FOR ALL OTHER COMMENT LINKS */
#comments a:not([href*="/user/"]):not([href*="/profile"]),
.profile #comments a:not([href*="/user/"]):not([href*="/profile"]),
.table-section #comments a:not([href*="/user/"]):not([href*="/profile"]),
.module #comments a:not([href*="/user/"]):not([href*="/profile"]) {
    color: #ff0066 !important; /* <-- YOUR LINK COLOR */
}
/* ==================================================
   FINAL SHIELD: RESTORE & LOCK NAVIGATION LINKS ONLY
   ================================================== */
nav a, 
nav .links a, 
header a, 
#header a,
.profile nav a {
    background: #ff0066 !important;
    color: #ffffff !important; /* <-- REPLACE WITH YOUR NAVBAR LINK COLOR  */
}
</style>