my melody layout !!

Tags: #mymelody, #layout, #pink, #cute

Description:

my melody layout, made with lots of love + includes heart cursor and gif when u enter the page !!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by KYENA (https://layouts.spacehey.com/layout?id=100268) -->

<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/aa/ed/5f/aaed5f4f578402c4ca46ad7a1191f85d.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

</style>


<style>
@import url('https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles:wght@700&family=Pixelify+Sans:wght@400..700&display=swap');
  p{   
     font-family: 'Fuzzy Bubbles', cursive;
     font-size: 20px;
     color: #FF70AD
 }   
</style>



<style>
body {
    background: url(https://i.pinimg.com/564x/30/72/e3/3072e3b64a38f41d28b84bc56fd7bf5c.jpg);
}

</style>



<style>
footer {
    border-radius: 15px;
    background-image: url(https://i.pinimg.com/564x/4d/d8/27/4dd8278f982f96a0274f7ea0b77ddab6.jpg);
    
}</style>

<style>
:root {
    --logo-blue:#FF70AD;
    --darker-blue: #FF70AD;
    --lighter-blue: #FFA8BD;
    --even-lighter-blue: #FFC5D3;
    --lightest-blue: #FFEEF2;
    --dark-orange: #FF70AD;
    --light-orange: FFA8BD;
    --even-lighter-orange: #FFB3C5;
    --green: #FF1E54;
}</style>

<style>
.profile .profile-info {
	background-image: url(https://i.pinimg.com/564x/a8/14/a8/a814a85dc963dcdf10a81c2ad4f745c3.jpg);
	padding: 20px;
	border: #FF70AD;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #FF70AD;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: #FF70AD;
}
}</style>

<style>
.general-about {
	background-image: url(https://i.pinimg.com/564x/a8/14/a8/a814a85dc963dcdf10a81c2ad4f745c3.jpg);
	padding: 35px;
	border-radius: 47px;
	box-shadow: 4px 4px 0 #FF70AD;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}</style>

<style>
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.pinimg.com/564x/a8/14/a8/a814a85dc963dcdf10a81c2ad4f745c3.jpg);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #FF70AD;
}
</style>

<style>
.contact {
  border-radius: 8px;
  background-image: url(https://i.pinimg.com/564x/a8/14/a8/a814a85dc963dcdf10a81c2ad4f745c3.jpg);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: #FF70AD;
  text-shadow: 1px 1px 2px #FF70AD, 0 0 25px #FF70AD, 0 0 3px #FF8DBE; 
}</style>

<style>
.profile {
background-image:url(https://i.pinimg.com/564x/4d/d8/27/4dd8278f982f96a0274f7ea0b77ddab6.jpg);
  background-repeat: repeat;
    border-radius: 12px;
}</style>


<style>
.contact .inner a img {
    font-size: 15;
}
.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 Favorites */
	content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send 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 to Group */
	content: "☆"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "☆"
}
</style>

<style>body { cursor: url('https://xyz.crd.co/assets/images/gallery21/50dfba2d.gif?v=4ca63763'), auto; }</style>





<style>
/* code generated by the spacehey live designer [start] */
main{ background-color: #FF70AD !important;}
body{ background-color: #FF70AD !important;}
.table-section .heading, .contact .heading{ color: rgb(253, 202, 224) !important; background-color: #FF70AD !important;}
.table-section, .contact{ border-color: #FF70AD !important;}
/* [end] spacehey live designer */
</style>


<style>
.online {
  content: url(https://i1.glitter-graphics.org/pub/157/157641b27q8mcaol.gif);
}
</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.