Pink y2k Mcbling layout

Tags: pink, black, emo, y2k, mcbling, music, layout, autoplay

Description:

Comment if you use! (This took too long to make😭) includes autoplay music.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by nat 𝜗𝜚 (https://layouts.spacehey.com/layout?id=99228) -->

<style>

.profile .contact{
  text-align: left;
}

.contact .inner a img{
  font-size: 0;
}
.contact .inner a img:before{
  font-size: 1em;
  display: block
}
/*ADD TO FRIENDS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{
  content: "★"
}
/*ADD TO FAVS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{
  content: "☆"
}
/*SEND MSG*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
  content: "☆"
}
/*FORWARD TO FRIEND*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
  content: "★"
}
/*INSTANT MESSAGE*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
  content: "★"
}
/*BLOCK USER*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
  content: "☆"
}
/*ADD TO GROUP*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
  content: "☆"
}
/*REPORT USER*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
  content: "★"
}

:root {

        --logo-blue: transparent;

        --darker-blue: #ff037d;

        --lighter-blue: transparent;

        --even-lighter-blue: linear-gradient(#f50c7d, #fa5aa7);

        --lightest-blue: linear-gradient(white, #d4d4d4);

        --dark-orange: #f50c7d;

        --light-orange: linear-gradient(#fa5aa7, #f28abc);

        --even-lighter-orange: linear-gradient(white, #d4d4d4);

        --green: transparent;

    }

body

        {background-image: url(https://files.catbox.moe/j350s9.jpg); no-repeat fixed; background-size:cover;

}

main{
background:url(https://files.catbox.moe/ecc1qs.jpg);
color: #f593b7;
}

main:before {

	width: 100%;

	height: 125px ;

	display: block;

	content: "";

	background-image: url('http://dl.glitter-graphics.net/pub/573/573731fqbnqtbowc.gif');

	background-position: center center;

	background-size: cover;

}

 .logo {
  
content:url("https://files.catbox.moe/zcbqtz.png")
  
  }

nav .top, footer{
  background-color: black;
  border: 3px solid white;
  border-radius: 3px;
  color: white;
}

h1{
background-color: linear-gradient (#ff2e8c, #fc81b8);
  border: 2px solid white;
  border-radius: 3px;
  color: white;
  text-shadow: 0px 0px 5px black;
  text-align: center;
}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading{
  background-color: black;
  color: white;
  text-align: center;
}
.profile .contact .heading, .profile .table-section .heading{
  border: 2px solid white;

.general-about .profile-pic img{
  border-radius: 3px;
  border: 2px solid #dedede;
}
 .general-about .details{
  padding: 10px 0px;
}
.profile-info{
background:url(https://files.catbox.moe/43hiyb.jpg);
  border-radius: 3px;
}
.profile .contact{
  text-align: left;
}

.contact .inner a img{
  font-size: 0;
}
.contact .inner a img:before{
  font-size: 1em;
}

nav .links{
  background-color: #404040;
  border: 2px solid #dedede;
  border-radius: 3px;
  text-align: center;
}
nav .links .special a{
  color: white;
}

.profile .contact{
  background-color: #dedede;
  border-radius: 3px;
  border: 3px solid black;
  color: black;
  text-align: center;
}

.profile .contact .heading, .profile .table-section .heading{
  border: 2px solid white;
}

</style>

<style>

img{
  filter: none saturate(0);
}
img:hover{
  filter: sepia(100%) saturate(0) blur(1px);
  animation: shake 1s;
  animation-iteration-count: infinite;
}
@keyframes shake{
  0% {transform: translate(1px, 1px) rotate(0deg);}
  10% {transform: translate(-1px, -2px) rotate(-1deg);}
  20% {transform: translate(-2px, 0px) rotate(1deg);}
  30% {transform: translate(2px, 2px) rotate(0deg);}
  40% {transform: translate(1px, -1px) rotate(1deg);}
  50% {transform: translate(-1px, 2px) rotate(-1deg);}
  60% {transform: translate(-2px, 1px) rotate(0deg);}
  70% {transform: translate(2px, 1px) rotate(-1deg);}
  80% {transform: translate(-1px, -1px) rotate(1deg);}
  90% {transform: translate(1px, 2px) rotate(0deg);}
  100% {transform: translate(1px, -2px) rotate(-1deg);}

</style>

<style>

table.comments-table{
display: block;
height: 150px!important;
overflow-y: scroll;
}

</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>.online { visibility: hidden; } .online img { content: url("http://dl10.glitter-graphics.net/pub/352/352870r1wbtx0gci.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>

<style>* {cursor: url(https://cur.cursors-4u.net/symbols/images2/sym142.gif), url(https://cur.cursors-4u.net/symbols/images2/sym142.gif), auto !important;}</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/JDlizzpkuxY??feature=shared//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

<style>



h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}

</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 224 comments ( View all | Add Comment )

☆sahailey☆	1786148134 Using! Report Comment
💋🔪𝔓𝔯𝔢𝔱𝔱𝔶-𝔅!𝔱𝔠𝔥-ℨ𝔈𝔈🔪🍒	1785783269 Using thx so much Report Comment
💋🔪𝔓𝔯𝔢𝔱𝔱𝔶-𝔅!𝔱𝔠𝔥-ℨ𝔈𝔈🔪🍒	1785783227 Unsung thx so much Report Comment
ang3lsd0ntcry	1785774267 using it! ty boo <3 Report Comment
Ally swag	1784617397 using!!! ty Report Comment
xXKathyKutthroatXx	1783836281 usinggg Report Comment
🌈 sadie the nostalgia nerd 🌈	1783716269 using Report Comment
VIP Heartbreak	1783161358 using Report Comment
starr	1781474905 using Report Comment
starr	1781474904 using Report Comment
aubs	1780907905 usingg Report Comment
coolbeanz	1779752772 Soooo cute!! Using X3 Report Comment
𝔳𝔢𝔯𝔫𝔦𝔠𝔢	1779536315 using!! Report Comment
Keiuxx	1777103829 Useing xx Report Comment
Paty 💋	1776216957 using :) Report Comment
✭𝔙𝔞𝔩𝔢𝔫𝔱𝔦𝔫𝔞✭	1775584915 Using!! :3 Report Comment
thelovewitch	1775447369 ussing it its beautiful Report Comment
𝓽𝓱𝓮𝓪 𝔁𝔁	1774860667 using xx Report Comment
iylah (i promise)	1772940152 using!! is there some way i can get rid of the music? Report Comment Delete the iframe tag by Luz Estrella; 1774232110; Report
iylah (i promise)	1772940149 using!! is there some way i can get rid of the music? Report Comment