← Back to Layouts
Mine

Name: FriendRewind
Author: FriendRewind
Author: Corpse-princess2.0
Category: Classic
Created: November 13, 2026
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":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */
</style><style>


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


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


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


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


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


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


/* FR_MANUAL_EXTRAS */
</style>
<style>
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "🎧"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🎧"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🩵"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend*/
content: "🩵"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "🎶"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "🎶"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "🦴"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🦴"
}   
</style>

<style>
.contact {
  background-image: url("https://i.pinimg.com/736x/e1/b6/f4/e1b6f4181dc298d4bd8a4a669e26b42a.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 5px solid #ffffff !important;
  padding: 10px !important;
}
.contact .inner {
  background: transparent !important;
}
</style>



<style>


/*very back background*/
  



body, body.profile-page {



  background-image: url("https://i.pinimg.com/736x/0b/86/83/0b8683bfc06629594074828c1cd50cdc.jpg") !important;



  background-size: cover !important;



  background-repeat: no-repeat !important;



  background-attachment: scroll !important;



  background-position: center center !important;



  }



</style>

<style>

/*main background*/

.profile {



  background-image: url("https://i.pinimg.com/736x/7d/1c/3d/7d1c3d457b0fc69b596fc009b3e14a31.jpg") !important;



  background-repeat: repeat !important;



  background-size: 300px auto !important;



  background-position: top center !important;



}



</style>

<style>



  /* pink friend box */







.friends,







#friends {







    background-image: url("https://i.pinimg.com/736x/e1/b6/f4/e1b6f4181dc298d4bd8a4a669e26b42a.jpg") !important;







    background-size: cover !important;







    background-position: center !important;







}







</style>

<style>







/* navigation bar */



.myspace-header .top-nav {







  background: #FFF;







  background-image: url("https://i.pinimg.com/736x/6d/5b/77/6d5b77ea30d733a93b290c1fa0526915.jpg");







  background-size: cover;







  background-repeat: no-repeat;







  background-position: center;















}















.myspace-header .main-nav-wrapper {







  background: #FFF;







  background-image: url("https://i.pinimg.com/736x/6d/5b/77/6d5b77ea30d733a93b290c1fa0526915.jpg");







  background-size: cover;







  background-repeat: no-repeat;







  background-position: center;







}















.myspace-header .main-nav li a {







  color: #FFF;







}















.myspace-header .main-nav li a:hover {







  color: #FFF;







}



</style>

<style>



/* logo bar */



nav .top, 



.myspace-header .top-nav {



    background-image: url("https://i.pinimg.com/736x/6d/5b/77/6d5b77ea30d733a93b290c1fa0526915.jpg") !important;



    background-size: cover !important;



    background-position: center !important;



    background-repeat: no-repeat !important;



    background-color: transparent !important;



}



</style>

<style>



/* info box */



.profile .table-section {



    background-image: url("https://i.pinimg.com/736x/e2/5d/19/e25d1930fd1e4631d3f88ee0d16a9b3a.jpg") !important;



    background-size: cover !important;



    background-position: center !important;



    background-repeat: no-repeat !important;



    border: 2px solid #FFF !important; 



}











.profile .table-section td {



    background: transparent !important;



}











.profile .table-section h4, 



.profile .table-section p, 



.profile .table-section span,



.profile .table-section td {



    color: #FFF !important;



}











.profile .table-section a {



    color: #FFF !important;



    text-decoration: underline;



}















.heading,



.contact .heading,



.profile .table-section h4, 



.profile .table-section .heading,



.profile .blurbs .heading,



.profile .friends .heading,



.profile .comments .heading,



th, 



td.heading,



.profile h4 {



    background-image: url("https://gifcity.carrd.co/assets/images/gallery96/0ee82087.gif?v=3fc8f5cd") !important;



    background-size: cover !important;



    background-position: center !important;



    background-repeat: no-repeat !important;



    background-color: transparent !important; 



    padding: 5px !important; 



}











.heading h1, .heading h2, .heading h3, .heading h4,



.contact .heading h1, .contact .heading h2,



.profile .table-section h4,



.profile .blurbs .heading h2,



.profile .friends .heading h2,



.profile .comments .heading h2,



th,



.profile h4 {



    color: #FFF !important;



    text-shadow: 1px 1px 2px #000000 !important; 



}



</style>



<style>



  /* heart comment box  */







.comments-table,







.comments-table td,







.comments,







.profile-comments {







    background-image:url("https://i.pinimg.com/736x/87/b6/9c/87b69c1b13507b3d3c3162e9496e61bc.jpg") !important;







    background-size:cover !important;







    background-position:center !important;







    background-repeat:no-repeat !important;







    border:3px solid ##DB2B04 !important;







  }



</style>

<style>



/* banner */



main:before {



 width: 100%;



 height: 170px;



 display: block;



 content: "";



 background-image: url('https://i.pinimg.com/originals/2b/a7/05/2ba70523dd93fd46d140ea236a27dd4d.gif');



 background-position: center center;



 background-size: cover;



}



@media only screen and (max-width: 600px) {



 main:before{



   height: 200px;</style>