Simple my melody layout

Tags: my melody, cute, pink, gif, layout, simple, sanrio

Description:

does contain music/header/custom curser

if you want to change anything I can dm you the altered code

layout example/ showcase ---> https://spacehey.com/profile?id=1451369

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;1,300;1,500&display=swap');
p{
font-family: 'Cormorant Garamond', serif;
font-size: 100%;
color: #cc7ab2

}

body {
background: url(https://wallpapers.com/images/high/my-melody-pastel-pattern-3h9i9hv6f8wayae6.jpg);
}
</style>


<style>

  :root {
        --logo-blue: #ffd9eb;
        --darker-blue: #ffa1ce;
        --lighter-blue:#ffd9eb;
        --even-lighter-blue:#ffe3f1;
        --lightest-blue: #ffedf6;
        --dark-orange: #ffa1ce;
        --light-orange: #ffd9eb;
        --even-lighter-orange: #ffe3f1;
        --green: #ffe3f1;
    }</style>




<style>
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.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 favorite */
content: "🧼"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "💗"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 */
content: "🧼"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "💗"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🥛"
}   
.general-about {
	background-image: url(https://64.media.tumblr.com/bd364e343c80e9a3f0f7f6dd354e6139/660f08adc2060288-1b/s75x75_c1/e0a53e4ea725f25306aa7b69131100b00e2f5d60.gifv);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 ##ffd1ee;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}</style>

<style>


footer {
    border-radius: 15px;
    background-image: url(https://64.media.tumblr.com/8f84f7de560cd5ecff62ef41bf043e40/c9f8b6457f56ea92-0d/s640x960/e55e6293dc79c49355369b3375815ce1a98fa981.gifv);
    color: white;
}


</style>

<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-10/ani969.ani), url(https://cur.cursors-4u.net/anime/ani-10/ani969.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/11/11/my-melody-crying.html" target="_blank" title="My Melody Crying"><img src="https://cur.cursors-4u.net/cursor.png" alt="My Melody Crying" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
  .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

</style>
<style>
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px #b88fa2;
    height: 300px;
    display: block;
    content: "";
    box-shadow: 0px 0px 5px 1px #ffd6e9;
    background-image: url(https://i.pinimg.com/originals/bf/92/30/bf92303e2c529615c46e46e2a5a6ce02.gif);
    background-position: center center;
    background-size: cover;
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/iQNOoFcMzSs//?&;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>

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

sleepyyy_angel

1704203541

using!! ^-^

Report Comment

bludlettingclawz

1661725853

using :3

Report Comment