Kuromi & My Melo Layout

Tags: my melody, kuromi, pink, layout

Description:

!I do not take credit for this layout!! This is a mix of different codes by @CyberKitty @Suni @centi test account n_n and a few added codes, I would only like to share the layout I mixed together.! This is a Kuromi/My Melody layout PLEASE COMMENT IF USING (And maybe add me if u want! ^^)

Preview:

click on the image for a larger preview

Code:

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

<div class="snowflakes"><div class="snowflake"><img src="http://pixelartmaker-data-78746291193.nyc3.digitaloceanspaces.com/image/aa0f75fa25872f9.png" width="30px"/></div><div class="snowflake"><img src="http://pixelartmaker-data-78746291193.nyc3.digitaloceanspaces.com/image/aa0f75fa25872f9.png" width="20px"/></div><div class="snowflake"><img src="http://pixelartmaker-data-78746291193.nyc3.digitaloceanspaces.com/image/aa0f75fa25872f9.png" width="10px"/></div><div class="snowflake"><img src="http://pixelartmaker-data-78746291193.nyc3.digitaloceanspaces.com/image/aa0f75fa25872f9.png" width="20px"/></div><div class="snowflake"><img src="http://pixelartmaker-data-78746291193.nyc3.digitaloceanspaces.com/image/aa0f75fa25872f9.png" width="30px"/></div><div class="snowflake"><img src="http://pixelartmaker-data-78746291193.nyc3.digitaloceanspaces.com/image/aa0f75fa25872f9.png" width="10px"/></div><div class="snowflake"><img src="http://pixelartmaker-data-78746291193.nyc3.digitaloceanspaces.com/image/aa0f75fa25872f9.png" width="30px"/></div><div class="snowflake"><img src="http://pixelartmaker-data-78746291193.nyc3.digitaloceanspaces.com/image/aa0f75fa25872f9.png" width="10px"/></div><div class="snowflake"><img src="http://pixelartmaker-data-78746291193.nyc3.digitaloceanspaces.com/image/aa0f75fa25872f9.png" width="20px"/></div><div class="snowflake"><img src="http://pixelartmaker-data-78746291193.nyc3.digitaloceanspaces.com/image/aa0f75fa25872f9.png" width="30px"/></div><div class="snowflake"><img src="http://pixelartmaker-data-78746291193.nyc3.digitaloceanspaces.com/image/aa0f75fa25872f9.png" width="20px"/></div><div class="snowflake"><img src="http://pixelartmaker-data-78746291193.nyc3.digitaloceanspaces.com/image/aa0f75fa25872f9.png" width="10px"/></div></div>
<style>
/* customizable snowflake styling */
.snowflake {color: purple;font-size: 1em;font-family: Arial, sans-serif;text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);}@-webkit-keyframes snowflakes-fall {0% {top: -10%}100% {top: 100%}}@-webkit-keyframes snowflakes-shake {0%, 100% {-webkit-transform: translateX(0);transform: translateX(0)}50% {-webkit-transform: translateX(80px);transform: translateX(80px)}}@keyframes snowflakes-fall {0% {top: -10%}100% {top: 100%}}@keyframes snowflakes-shake {0%, 100% {transform: translateX(0)}50% {transform: translateX(80px)}}.snowflake {position: fixed;top: -10%;z-index: 9999;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: default;-webkit-animation-name: snowflakes-fall, snowflakes-shake;-webkit-animation-duration: 10s, 3s;-webkit-animation-timing-function: linear, ease-in-out;-webkit-animation-iteration-count: infinite, infinite;-webkit-animation-play-state: running, running;animation-name: snowflakes-fall, snowflakes-shake;animation-duration: 10s, 3s;animation-timing-function: linear, ease-in-out;animation-iteration-count: infinite, infinite;animation-play-state: running, running}.snowflake:nth-of-type(0) {left: 1%;-webkit-animation-delay: 0s, 0s;animation-delay: 0s, 0s}.snowflake:nth-of-type(1) {left: 10%;-webkit-animation-delay: 1s, 1s;animation-delay: 1s, 1s}.snowflake:nth-of-type(2) {left: 20%;-webkit-animation-delay: 6s, .5s;animation-delay: 6s, .5s}.snowflake:nth-of-type(3) {left: 30%;-webkit-animation-delay: 4s, 2s;animation-delay: 4s, 2s}.snowflake:nth-of-type(4) {left: 40%;-webkit-animation-delay: 2s, 2s;animation-delay: 2s, 2s}.snowflake:nth-of-type(5) {left: 50%;-webkit-animation-delay: 8s, 3s;animation-delay: 8s, 3s}.snowflake:nth-of-type(6) {left: 60%;-webkit-animation-delay: 6s, 2s;animation-delay: 6s, 2s}.snowflake:nth-of-type(7) {left: 70%;-webkit-animation-delay: 2.5s, 1s;animation-delay: 2.5s, 1s}.snowflake:nth-of-type(8) {left: 80%;-webkit-animation-delay: 1s, 0s;animation-delay: 1s, 0s}.snowflake:nth-of-type(9) {left: 90%;-webkit-animation-delay: 3s, 1.5s;animation-delay: 3s, 1.5s}.snowflake:nth-of-type(10) {left: 25%;-webkit-animation-delay: 2s, 0s;animation-delay: 2s, 0s}.snowflake:nth-of-type(11) {left: 65%;-webkit-animation-delay: 4s, 2.5s;animation-delay: 4s, 2.5s}
</style>


<style>
.comments-table td:first-child, .music-table td:first-child {
    background-image: url(https://cdn.wallpapersafari.com/2/76/LOX9S8.gif?fit=476%2C280&ssl=1);
    text-align: center;
    font-weight: bold;
    width: 38%;
background-size: cover;
background-repeat: no-repeat; 
</style>


<style>



/*background Color Profile Border-Radius*/
.profile {
  background-color: #ffeaf0;
  border-radius:20px;
}

/*root colors*/
:root {
    --logo-blue: #ffeaf0; /*spacehey Logo*/
    --darker-blue: #cf7692; /*Link color*/
    --lighter-blue: #ffeaf0; /*nav bar*/
    --even-lighter-blue: #ffc9da; /*informationBox*/
    --lightest-blue: #ffc9da; /*InformationBox2*/
    --dark-orange: #cf7692; /*aboutmeText*/
    --light-orange: #ffc9da; /*commentboxes*/
    --even-lighter-orange: /*commentBoxesright*/
    --green: black;
    --dark-gray:#cf7692;
}

h1,h2,h3,h4,h5{
    font-family: 'Ubuntu Mono', monospace, bold;
    color: white;

}



/*Banner*/
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 0px solid black;
    height: 250px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/originals/73/11/5b/73115b990ab49555b9e533ac5028cb9d.jpg);
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    
}

/*Footer*/
footer {background-color: white; border-radius: 10px}
.icon {opacity: 0}
.icon {display: none}
.contact .inner .f-row:nth-child(1),  .f-col:nth-child(1), .f-col:nth-child(2) a:before {
	content: "♡";
}
.general-about .profile-pic img {
    border-radius:20px;
}

body {
    background:url(https://i.pinimg.com/736x/dc/86/ff/dc86ff116aa647c63a6fd5a79341a951.jpg);
}

 .contact {
        font-size: 11px;
        font-family: helvetica;
        border: dotted 0px!important;
        background-image: url("")!important;
        background: ;
        border-top: 0px;
        
    }
    .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: url("https://64.media.tumblr.com/38a44ab93c104b561be535af0dce7ef1/tumblr_inline_mu6uiqVSp41qid2nw.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://64.media.tumblr.com/3db1059564410c8f132db6370fefe7e5/tumblr_inline_mu6uipSeEE1qid2nw.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/333df9fb8839ea1a49df42456b54dfd0/tumblr_inline_mu6uio2h6G1qid2nw.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://64.media.tumblr.com/69bf96766e3521f9cf5f042fcf136162/tumblr_inline_mu6uhmEla71qid2nw.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/5dd6f3f984ba911aff2d4100175b4d90/tumblr_inline_mu6uhlBmJm1qid2nw.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://64.media.tumblr.com/2e36efccb13837b24910684af99d2e66/tumblr_inline_mu6uinSFra1qid2nw.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://64.media.tumblr.com/b79935de2f9a993b86e56ed64d6e069e/tumblr_inline_mu6uhiSc5D1qid2nw.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/335b7532b29e1e56567f9ef8c9f35a50/tumblr_inline_mu6uhn8eIj1qid2nw.gif")
    } 

/*NOTIFICATION ICON*/
.icon, .award img {
    content: url(https://cutekawaiiresources.files.wordpress.com/2016/11/my-melody-bullet-45.gif?w=560);
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);}
    
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
 content: " ♥";
 color: #cf7692;}

/*border-radius+color*/

.contact .inner a {
    color:white;
}

nav .top { /*spacehey top*/
    border-radius:10px;
    margin-bottom: 10px; /*forfloatingeffect*/
}

nav .links {
    margin-bottom:10px;
    border-radius:10px
}

nav .links a {
    color:#cf7692;
    position:center center;
    
}
.profile h1{
    color:#cf7692;
}


.profile h1 { /*profile name*/
    color:#cf7692
}

p {
    color:#cf7692;
}

DIV.blog-preview > H4 {
    color:#cf7692;
}

[id='q']{
    border-radius:10px; /*Searchbar*/
    
}

FORM > BUTTON {
    border-radius: 10px;
    background-color:white /*Search!*/
    
}

.profile .blurbs .heading {
    border-radius:5px; /*profile blurbs color*/
}

.profile .friends .heading {
    border-radius: 5px;/*profiles comments*/
}

.profile .blurbs .section h4 {
    color:transparent; /*about Me*/
}

.profile .mood p {
    border-radius:5px;
    background-color:#ffc9da;
    
}/*mood*/

DIV.mood > P:nth-child(1) >B  { /*mood text color*/
    color:white;
}

P:nth-child(2) > B A {
    color:white;
}

.profile .contact {
    background-color:#ffc9da; /*add to friends etc*/
    border-radius: 10px;
}

.profile .contact .heading {
    background-color:#ffc9da;
    border-radius:10px; /*add to friends top part*/
}

.details-table td{
    border-radius: 10px; /*profiles interests*/
    color:white;
}
    

.profile .table-section .heading h4 {
    color:transparent; /*profiles interests header*/
}

DIV.blog-preview > P > I {
    color:transparent; /*there are no blog entries yet*/
}

.profile .url-info { /*spaceheyurl*/
    background-color:#ffc9da;
    border-radius:10px
    
}

.comments-table td * { /*commentsleft*/
    border-radius:20px;
    
}

.details-table td * {
    color:white; /*music general color*/
}

.profile .url-info p { /*spaceheyurlcolor*/
    color:white;
}

.comments-table td { /*commentsright*/
    border-radius:20px;
}

.profile .friends .person img:not(.icon) {
    border-radius:10px;
    filter: blur(1px)
    opacity(.5)
    brightness(1)
}

LABEL { /*search users*/
    color:#cf7692;
}

nav .top .right {
    color:#cf7692;
}

.profile .friends .person p { /*friend name color*/
    color:#cf7692;
}

.count { /*has ? friends*/
    color: #97e69b;
}

nav .top .left .logo a {
    color:black;
}

nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(7472%) hue-rotate(290deg) brightness(90%) contrast(100%); !important;}

nav {
    text-align: center;
}

 main { /*Transparent between banner porfile*/
        background: transparent;
        
    }
    
 .online {
    content: url('https://dl.glitter-graphics.com/pub/272/272679lz7b9hcea1.gif');

/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&display=swap');
p{font-family: 'Ubuntu Mono', monospace;
color:#cf7692;



  </style>

<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-6/sym596.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/01/26/pink-transparent-star.html" target="_blank" title="Pink Transparent Star"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pink Transparent Star" 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 46 comments ( View all | Add Comment )

Lemongrabc	1733215005 Using !! Report Comment
泉	1731957803 Using! Report Comment
lyxco..	1727129986 using!! :3 Report Comment
Ly	1727032611 Using! Report Comment
Diluc—!!!	1723574149 Using:3 Report Comment
Nava♡	1719532103 Using <333 Report Comment
Kotone Shiomi	1718078802 using!!!!! Report Comment
dani ⋆˙⟡	1717629645 Using! Report Comment
Foxbob	1714860352 using! Report Comment
︶꒦꒷♡꒷꒦︶	1706072691 Usandoooo! Report Comment
FruutillaVrg	1705965013 using Report Comment
Dayana Guadalupe	1705774008 Usandooooooo!!!! Report Comment
Dayana Guadalupe	1705774002 Usandooooooo!!!! Report Comment
AlmisShouru	1695881301 Nice! I used the layouts, it so adorable, i edit only something but the background and the style my melody it so adorable!! Report Comment
LASTWORD4GABZ	1691964777 using!! Report Comment
rin☆	1691524546 im using this!! Report Comment
Ezep Lmao	1691387982 I’m using this! Report Comment
RAiN!!! εïз	1687605300 using :3 Report Comment
MarshmallowxxFloofz	1685783106 Using so cute <3333 Report Comment
paula ᡕᠵ᠊ᡃ࡚ࠢ࠘ ⸝່ࠡࠣ᠊߯᠆ࠣ࠘ᡁࠣ࠘᠊᠊ࠢ࠘𐡏	1684076247 usingg!! Report Comment