← Back to Layouts
my mcbling layout

Name: FriendRewind
Author: FriendRewind
Author: ᴢᴍʙɪɪᴇᴇ
Category: Colorful
Created: September 11, 2026
mcbling
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":"frame15","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 */

.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;}
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
body {
    background: url("https://s-media-cache-ak0.pinimg.com/originals/f3/af/99/f3af99736f3a593c2abde7ead802d929.gif");
}
.profile {
background-image:url(https://th.bing.com/th/id/R.1494ebc946b6b555b464baaae725a634?rik=lzWNHxSWT5neBw&riu=http%3a%2f%2fimage.blingee.com%2fimages15%2fcontent%2foutput%2f000%2f000%2f000%2f503%2f391222584_1073618.gif&ehk=iS77Ht8uDJKue5vf2DrBXbbUpAqra5hFP04aL6tDMrg%3d&risl=&pid=ImgRaw&r=0);
  background-repeat: repeat;
    border-radius: 8px;
}

h1
{
	color:
h1
{         color: white; 
	//text-shadow: 1px 1px #de007a;
	
};
	text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #ffd1dc, 0 0 5px black;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: small;*/
    color: #de007a;
{

.mood
text-transform:uppercase !important;
}

table, td
}
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--#de007a);
}
table, th, td

}
   border: 1px solid #de007a;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #de007a;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #de007a;
   margin 10px 2;
}

.online
{
  color: gold!important; 
  //text-shadow: 1px 1px white;
}

:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: #de007a;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header: white;
	--table-color: white;
	--link-text: white;
	--main-text: white;

    }   
main 
{
  /* changes made to stuff outside of columns */
    background: black;
    padding: 0;
    font-size: small;
    color: #de007a;
text color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
footer 
{
    background: white!important;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 8px; 
color: #fe7ec0;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.contact {
  border-radius: 8px;
  background-image: url(https://th.bing.com/th/id/R.b1137fe7a5a8310a356087550b7e8ba8?rik=4Onfc963sfTHbw&riu=http%3a%2f%2fimage.blingee.com%2fimages18%2fcontent%2foutput%2f000%2f000%2f000%2f772%2f751714053_2032709.gif%3f4&ehk=1qrWDY5VmXuWZa1DZq82C4oE8arCwqlpNdmvotx9XXw%3d&risl=&pid=ImgRaw&r=0);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: #fe7ec0;
  text-shadow: 1px 1px 2px #de007a, 0 0 25px #de007a, 0 0 3px #fe7ec0; 
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve none !important;
outline: none !important;
}
img
{
border-radius: 12px;
}

main {
background:  black;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: #000000;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #000000;
padding: 0;
font-size: 90%;
color: #fe7ec0;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://i6.glitter-graphics.org/pub/597/597986ajsha4wj38.jpg) 
}


/*customising interests box*/
  .profile .table-section{
    border:2px solid #de007a;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #fe7ec0;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #fe7ec0;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 
  .profile .friends .heading{
    background: #de007a;
    color: #fe7ec0;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #fe7ec0;
    text-shadow: 1px 1px 2px black
  }
.general-about {
	background-image: url(https://th.bing.com/th/id/R.b1137fe7a5a8310a356087550b7e8ba8?rik=4Onfc963sfTHbw&riu=http%3a%2f%2fimage.blingee.com%2fimages18%2fcontent%2foutput%2f000%2f000%2f000%2f772%2f751714053_2032709.gif%3f4&ehk=1qrWDY5VmXuWZa1DZq82C4oE8arCwqlpNdmvotx9XXw%3d&risl=&pid=ImgRaw&r=0);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://th.bing.com/th/id/R.b1137fe7a5a8310a356087550b7e8ba8?rik=4Onfc963sfTHbw&riu=http%3a%2f%2fimage.blingee.com%2fimages18%2fcontent%2foutput%2f000%2f000%2f000%2f772%2f751714053_2032709.gif%3f4&ehk=1qrWDY5VmXuWZa1DZq82C4oE8arCwqlpNdmvotx9XXw%3d&risl=&pid=ImgRaw&r=0);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FFF;
}
.profile .profile-info .inner h3 a {
	color: #FFFFFF;
}
.profile .profile-info {
	background-image: url(https://th.bing.com/th/id/R.b1137fe7a5a8310a356087550b7e8ba8?rik=4Onfc963sfTHbw&riu=http%3a%2f%2fimage.blingee.com%2fimages18%2fcontent%2foutput%2f000%2f000%2f000%2f772%2f751714053_2032709.gif%3f4&ehk=1qrWDY5VmXuWZa1DZq82C4oE8arCwqlpNdmvotx9XXw%3d&risl=&pid=ImgRaw&r=0);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-10/ani977.ani), url(https://cur.cursors-4u.net/anime/ani-10/ani977.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/11/11/waving-hello-kitty-kaoani.html" target="_blank" title="Waving Hello Kitty Kaoani"><img src="/proxy/image.php?url=https%3A%2F%2Fcur.cursors-4u.net%2Fcursor.png" alt="Waving Hello Kitty Kaoani" style="position:absolute; top: 0px; right: 0px;"></a><style>
.online{

content: url("https://cur.glitter-graphics.net/pub/3288/3288016p075a8nj98.gif") !important;

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/c7/46/d6/c746d6386bb97925488231f812d83961.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style></style>