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 natasza 𝜗𝜚 (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 174 comments ( View all | Add Comment )

💋Alex_kittyz💋	1764113160 Using Report Comment
that_ivanovicka	1763906805 using!<33 Report Comment
kamthemcblingedcontessa	1763882103 Using<333 Report Comment
Hallzmariee	1763616127 usingg Report Comment
I'm hot, your not!	1763078230 Using! Report Comment
nini panini	1762683103 Usinggg Report Comment
BADDIE	1762658061 Using Report Comment
batrella	1762374949 using Report Comment
AN	1762347397 Using Report Comment
𝕬𝖉𝖉𝖎𝖊 ♡	1760336246 using!!<3 Report Comment
⛧Aᴠᴀ Mᴀʀɪᴇ⛧	1760314786 using!!!! Report Comment
Nicole maria	1760167502 Usingggg!!! Report Comment
.𖥔 ݁ ˖𝓐𝓷𝓰𝓮𝓵 .𖥔 ݁ ˖	1760067680 using!! hehehe Report Comment
m3c!nnabon	1760015484 using Report Comment
sazzy	1759288081 using Report Comment
tianna<3	1758529097 using Report Comment
Ciaga	1758123211 Using ! Report Comment
Cam1	1757456519 Usingg Report Comment
𝕰𝕷𝕷𝕰	1757109161 using!! Report Comment
yaya	1756753653 usingggg! Report Comment