My Melody + Kuromi Layout

Tags: my melody, kuromi, sanrio, hello kitty, pink, black, cute, anime, cartoon, float

Description:

This is a My Melody + Kuromi themed layout!!! Anyone is free to use!! Pls just credit me and Friend me!!! The layout is very much pink central but Kuromi themes are still featured :))

All of my layouts were created for PC and ON PC, So they don't always look the same as they do on mobile heads up!!

This layout features a Floating Kuromi Gif in the bottom right, Floating main, A Gif Banner, And more Gifs just sprinkled in, All the other stuff in your usual layout stuff >;3 !!!

If you edit my code please follow SpaceHey rules!!! I am not responsible for the possible repercussions that come with breaking them!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 🎧 : ̗̀➛ ykkeio (https://layouts.spacehey.com/layout?id=21339) -->

<style>
body{ background-image:url("https://data.whicdn.com/images/279951166/original.gif");

}

/* spacehey logo */
nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(73%) saturate(7472%) hue-rotate(280deg) brightness(101%) contrast(100%); !important;}


a{color:#eec7f2;}

nav .links {
    background-color: #f6adcccc;
}

.comments-table td:first-child, .music-table td:first-child {
    background-image: url(https://i.pinimg.com/originals/de/37/9e/de379e5027f2012ffc58ba1e9f8b1352.gif);
    text-align: center;
    font-weight: bold;
    width: 38%;
background-size: cover;
}

nav .top {
    background: #ffffffb8;
    color: pink;
}

main {
    background: #283444ad;
    color: #ffffff;
}

.profile .blurbs .section h4 {
    color: #ffbcbc;
}

nav{
    font-size: 100%;
    font-family: Perpetua;}

.profile .blurbs .heading, .profile .friends .heading{
    background: #f8d3df;
    color: #ffffff;
}

.details-table td {
    background: #feebf2;
    vertical-align: top;
    color: black;
}

.details-table td:first-child {
    background: #ecc0e7;
    color: #ffffff;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    margin-top: 20px;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #ffc1d6;
    color: white;
    padding: 2px 7px;
}


.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: 2px solid #202e40;
    margin-top: 10px 0;
}

.profile-pic img {
    border-radius: 30%;
}

 .mood {
    margin-bottom: 20px;
}

main {
    font-size: 108%;
    font-family: Perpetua;
}

main:before {
      background-image: url('https://c.tenor.com/p3a12z2MYCQAAAAC/melody-and-kuromi.gif');
      background-position: center center;
      background-size: cover;
display: block;
content: "";
    width: 98%;
    height: 150px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 8px;
  }


.url-info{
    background: url('https://www.gifcen.com/wp-content/uploads/2021/10/kuromi-gif-14.gif');
    background-position: center;
    background-size: cover;
    border: var(--borders)!important;
    border-radius: var(--curve);
    height: 250px;
color:Black;
}


.comments-table td {
    color: black;
background-image: url(https://data.whicdn.com/images/335548264/original.gif);
background-size: cover;
}


<style>

.friends
{display:none;
    }


 

    .online {
        content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/90a9b7fe-bf9f-4057-b242-fc73fdd68f88/ddvz6bq-380d5596-7161-4d90-91be-16ba1515a295.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzkwYTliN2ZlLWJmOWYtNDA1Ny1iMjQyLWZjNzNmZGQ2OGY4OFwvZGR2ejZicS0zODBkNTU5Ni03MTYxLTRkOTAtOTFiZS0xNmJhMTUxNWEyOTUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.aMRgFoG-FhL3BmsEL2ZsFETPs04ONBfXzw8jNvOAbNo");
    height: 120px;}

.icon, .award img {
    visibility: hidden;
}

/* 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 user */
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: "♩"
}


main {
    border-radius: 10px;
    margin-top: 8px;
}

footer {
    background: #0000009c;
    border-radius: 8px;
}


nav::before {
   content: "";
   background:  url(https://i.pinimg.com/originals/18/16/5f/18165f326633c75eb3101c545f4071a8.gif);
   background-size: 200px;
   position: fixed;
   float: right;
   display: inline;
   bottom: 0;
   right: 5px;
   height: 160px;
   width: 200px;
margin-bottom: 10px;
}


.col, main, footer{
animation: float 3s;
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>


<p id="p0">This Layout was made by <a href="https://spacehey.com/junpei"> https://spacehey.com/junpei</a></p>


<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-9/oth807.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/02/04/black-bow-tie-2.html" target="_blank" title="Black Bow Tie"><img src="https://cur.cursors-4u.net/cursor.png" alt="Black Bow Tie" style="position:absolute; top: 0px; right: 0px;"/></a>

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

jessie ★ micheal	1700513358 Might use!!! Report Comment
MariMariCharm	1700247681 Using!!! It's so cute <3 Report Comment
☆彡 lumi !!	1698889983 usingg Report Comment
fins	1694359879 USING THIS I LUV IT Report Comment
ishowspeed's ekitten	1692537586 using! Report Comment
vee ☆	1692375527 usinggg! Report Comment
MatthewEthanLashua	1690259383 Love this! Gonna try this out! Thank you! Report Comment
mikaii♡	1689389543 using!! :3 Report Comment
Ezep Lmao	1689043599 UZING THIZ Report Comment
Ezep Lmao	1689043599 UZING THIZ Report Comment
blossom ♡ᕙ(`▿´)ᕗ♡	1688227824 using <333 Report Comment
meiiyoo˚ʚ♡ɞ˚	1688113892 usingggg!! x3 Report Comment
L0reLiusRAvILTZ	1686518140 uz1ng Report Comment
kvii	1680897034 using the cursor!! Report Comment
xxMakeASceneLexi	1679781930 its so cute i love it! ty!! <33 currently using Report Comment
Ross	1679431025 Using! Report Comment
emmafofemma	1675648567 using!! <3 Report Comment
espresso	1675288418 using !! :D Report Comment
RenaGrin	1675020422 using! ty <3 Report Comment
Cassie	1674714962 using !! <3 Report Comment