Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
Trial Profile II

Author: pondjoose
Category: 2010s Digital
Created: June 8, 2026
Just farting around making sure this works and fits my vibe. Switching from 2000s tuscan to 2010s digital age.
Comments (0)

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

<style>
/* VB2_STATE:{"cursorUrl":"https://www.cursors-4u.com/cursor/twilight-edward-cullen-glitter","overlayUrl":"","overlayOpacity":0.6,"avatarAnimation":"frame15","pageFont":"Indie Flower","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.pinimg.com/736x/6a/62/26/6a6226ad4eb3ccd2cdd1988066508179.jpg","pageBgMode":"cover","heroImageUrl":"https://i.pinimg.com/1200x/2e/35/60/2e35609f3bfb16f8395a7f017cf02f86.jpg","profileRowBgImage":"https://i.pinimg.com/736x/65/c2/31/65c2319895f63eb180961162f57c7359.jpg","profileRowBgMode":"cover","navBgColor":"#fbbce1","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#c70074","boxBgColor":"#ffffff","boxOpacity":0.55,"boxRadius":17,"contactHeaderBg":"#520034","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":2,"contactBorderRadius":5,"contactBoxAnimation":"glow","interestsHeaderBg":"#520034","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":2,"interestsBorderRadius":5,"contentBoxAnimation":"glow","textBody":"#000000","textHeading":"#fdf7f7","textLink":"#cc0096","headingShadowColor":"#000000","headingShadowBlur":7,"headingShadowEnable":true,"moduleImages":{"contact":"https://i.pinimg.com/1200x/58/0e/4e/580e4e628413ad9e8c71f85a6604c362.jpg","urlInfo":"https://i.pinimg.com/736x/0e/47/fd/0e47fd9b8613b4698cbedb4c6b82731c.jpg","tableSection":"https://i.pinimg.com/736x/a4/2b/14/a42b146454fd5f6689d2d524c7637e84.jpg","tunes":"https://i.pinimg.com/736x/6f/45/46/6f4546cd283e073c2cdb38f8dfd6bdcb.jpg","blogPreview":"https://i.pinimg.com/1200x/7f/a0/b5/7fa0b5c2fbe20881138a6717505a79b1.jpg","blurbs":"https://i.pinimg.com/1200x/b8/ea/76/b8ea764c623893939d5dfebabc2292c2.jpg","friends":"https://i.pinimg.com/736x/d8/ea/a2/d8eaa2fabb04cb10516eeae0be159432.jpg","Comments Background":"https://i.pinimg.com/736x/ad/77/01/ad77016c40a8394f59875395f43a0f40.jpg","comments":"https://i.pinimg.com/1200x/f9/fc/c9/f9fcc9b5c0874c5c68f3985f55735193.jpg"}} */
/* Generated by FriendRewind.com Visual Builder */

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

* { cursor: url(https://www.cursors-4u.com/cursor/twilight-edward-cullen-glitter), auto !important; }

body, body.profile-page {
  background-image: url("https://i.pinimg.com/736x/6a/62/26/6a6226ad4eb3ccd2cdd1988066508179.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  font-family: 'Indie Flower', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

.profile-pic{position:relative;width:180px;height:180px;display:inline-block;overflow:hidden;}
.profile-pic img{position:absolute;top:8%!important;left:8%!important;width:84%!important;height:84%!important;object-fit:cover;z-index:1;border-radius:12px!important;}
.profile-pic::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://friendrewind.com/uploads/gallery/1/img_69704519b50fc4.31830499.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}

@keyframes boxGlow{0%,100%{box-shadow:0 0 8px rgba(0,123,255,0.4), 0 0 0px rgba(0,123,255,0.2);}50%{box-shadow:0 0 25px rgba(0,123,255,0.8), 0 0 35px rgba(0,123,255,0.4);}} .contact{animation:boxGlow 2.5s infinite ease-in-out !important;}

@keyframes boxGlow{0%,100%{box-shadow:0 0 8px rgba(0,123,255,0.4), 0 0 0px rgba(0,123,255,0.2);}50%{box-shadow:0 0 25px rgba(0,123,255,0.8), 0 0 35px rgba(0,123,255,0.4);}} .table-section, .friends, .blurbs, .section, .module, .profileInfo{animation:boxGlow 2.5s infinite ease-in-out !important;}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.pinimg.com/1200x/2e/35/60/2e35609f3bfb16f8395a7f017cf02f86.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.profile {
  background-image: url("https://i.pinimg.com/736x/65/c2/31/65c2319895f63eb180961162f57c7359.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top center !important;
}

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

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

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

.blurbs, .section, .module, .profileInfo, .table-section {
    background-color: #ffffff8c !important;
    border-radius: 17px !important;
  }

.contact {
    border: 2px solid #520034 !important;
    border-radius: 5px !important;
  }

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

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

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

h1, h2, h3, h4, h5, h6, .table-section h4, .module h4, .blurbs h4, .section h4 {
  color: #fdf7f7 !important;
  text-shadow: 0 0 7px #000000 !important;
}

a, .profile a, .table-section a, .module a { color: #cc0096 !important; }

.contact {
  background-image: url("https://i.pinimg.com/1200x/58/0e/4e/580e4e628413ad9e8c71f85a6604c362.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.url-info {
  background-image: url("https://i.pinimg.com/736x/0e/47/fd/0e47fd9b8613b4698cbedb4c6b82731c.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.table-section {
  background-image: url("https://i.pinimg.com/736x/a4/2b/14/a42b146454fd5f6689d2d524c7637e84.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.tunes {
  background-image: url("https://i.pinimg.com/736x/6f/45/46/6f4546cd283e073c2cdb38f8dfd6bdcb.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.blog-preview {
  background-image: url("https://i.pinimg.com/1200x/7f/a0/b5/7fa0b5c2fbe20881138a6717505a79b1.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.blurbs {
  background-image: url("https://i.pinimg.com/1200x/b8/ea/76/b8ea764c623893939d5dfebabc2292c2.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.friends {
  background-image: url("https://i.pinimg.com/736x/d8/ea/a2/d8eaa2fabb04cb10516eeae0be159432.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

#comments {
  background-image: url("https://i.pinimg.com/736x/ad/77/01/ad77016c40a8394f59875395f43a0f40.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.comments-table td {
  background-image: url("https://i.pinimg.com/1200x/f9/fc/c9/f9fcc9b5c0874c5c68f3985f55735193.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}</style>