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 202 comments ( View all | Add Comment )

☆𝐇𝐞𝐢𝐝𝐢☆	1771284295 using!! this is sooo cute! Report Comment
meixue loves zandik	1770377722 using! Report Comment
Mari	1770245959 Using thanks Report Comment
Skye	1770203878 Using Report Comment
aaetheren	1769712326 using it <3 Report Comment
BL4CKB3RR1..	1769583127 using Report Comment
Hannie<3	1769488009 using Report Comment
𝙿𝙸𝚇𝟹𝙻𝚉	1767632094 USING!!! Report Comment
Aleksy	1767539048 Usinggg Report Comment
mar1e	1767536839 using! Report Comment
rylee	1767305472 usinggggg Report Comment
GeorgiaKat3	1766961019 using! Report Comment
Opia	1766874229 might be using Report Comment
Skye	1766370511 using Report Comment
Anthony~	1766350748 Using!! Report Comment
XxEth4nCouturexX	1766283728 Using !! Report Comment
jade 👙🪩	1765966144 using !! Report Comment
girlsgeneration<33	1765651452 using!!! <33 Report Comment
Galaxythrow_up	1765395601 Using! Report Comment
𝕾𝖆𝖒 𝖙𝖍𝖊 𝖜𝖊𝖎𝖗𝖉𝖔༆❦︎	1765135669 using XD Report Comment