Blue Hatsune Miku Layout!

Tags: blue, miku, hatsune miku, vocaloid, cute

Description:

This is a silly goofy little Miku layout I made for fun! Enjoy!! Please comment if using! Adds are always appreciated too! this is my first published layout so I'm kinda new to this gdhshdvhev Includes... - Custom Cursor - Music !! *TO PASTE IN EXTRA THINGS, CHECK THE BOTTOM OF THE LAYOUT CODE!*

Preview:

click on the image for a larger preview

Code:

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

<img src="https://i.pinimg.com/originals/e7/a7/ec/e7a7ec3a7396bda47d1efa8a6a277081.gif"/>


 <style>
 @import url('https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Foundation&display=swap');
p{
font-family: 'Edu NSW ACT Foundation', cursive;
font-size:  160%;
color: rgb(146, 223, 240);

}


*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
   font-family: Verdana !important; 
   font-size: 10px !important; 
   color: (146, 223, 240)  !important; 
   text-shadow: none !important; 
   letter-spacing: 1px;
}


body {

background: url(https://i.pinimg.com/564x/32/2f/c0/322fc0ea6a275d3911d1fed5910c00eb.jpg)
}

main{ 
background: white;
padding: .4em;
opacity: .75;
}

main:before{
width:auto;
margin-bottom:25px;
border:0px ;
height: 300px;
display:block;
content: "";
background-image: url(https://i.pinimg.com/originals/8f/76/51/8f76515ba60abb225efb9b3700156316.gif);
background-position: center center;
background-size: cover;
}


footer {
border-radius: 16px;
background-image: url(https://i.pinimg.com/originals/77/1a/c4/771ac42cbbaad2b19a110712a16f2225.gif);
color: white;
}
:root {
--logo-blue: url(https://i.pinimg.com/564x/5e/7a/ff/5e7affba9840048f921e271960c62f8e.jpg);
--darker-blue: yellow;
--lighter-blue: ;
--even-lighter-blue: url(https://i.pinimg.com/originals/1d/15/6b/1d156ba96aad977429de6ea678ae1228.gif);
--lightest-blue: url(https://i.pinimg.com/originals/1f/e6/04/1fe604309fc41dd841d844cbcb8e69e5.gif);
--dark-orange: rgb(146, 223, 240);
--light-orange: url(https://i.pinimg.com/originals/1d/15/6b/1d156ba96aad977429de6ea678ae1228.gif);
--even-lighter-orange: purple;
--green: blue;
}

.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: "★"}


a{
   color: #57afc2 !important;}
a:hover{
    color: #57afc2 !important;}
a:visited{
    color: #57afc2 !important;}
    
.top a{
    color: #57afc2 !important;}
.top a:hover{
    color: #57afc2 !important;}
.top a:visited{
    color: #57afc2 !important;}
    
.links a{
    color: #57afc2 !important;}
.links a:hover{
    color: #57afc2 !important;}
.links a:visited{
    color: #57afc2 !important;}
   
.friends-grid p{
    color: #57afc2 !important;}

footer .links a{
    color: #57afc2 !important;}
footer .links a:hover{
    color: #57afc2 !important;}
footer .links a:visited{
    color: #57afc2 !important;}

/*CIRCULAR PFP*/
.profile-pic {
   border-radius: 500px;
   overflow: hidden;
   box-shadow: 0px 0px 9px 7px white}

/*CIRCULAR FRIENDS PFP*/
.friends-grid img{
   border-radius: 500px;
   overflow: hidden;
   box-shadow: 0px 0px 9px 7px white}

/*ANIMATION OVERLAY*/
html:before{ 
   animation: grain 8s steps(10) infinite;
   background-image: url(https://i.pinimg.com/originals/8e/78/fb/8e78fb0e013a25077114e935ab15dcfb.gif);
   background-size: 100%; 
   content: "";
   height: 200%;
   left: -50%;
   opacity:.70;
   position: fixed;
   top: -100%;
   width: 200%;
   pointer-events:none}

/*BORDERS*/
.contact, .table-section{
   padding: 2px;
   border-width: 2px; 
   border-radius: 4px;
   border-color: #82daed !important;
   box-shadow: 0px 0px 5px 3px #82daed !important;
   margin-bottom: 20px !important;
   background: ;}

.blurbs, .friends{ 
   padding: 2px;
   border: #82daed 2px;
   border-radius: 4px;
   margin-bottom: 20px;
   box-shadow: 0px 0px 5px 3px #82daed !important;
   margin-bottom: 20px !important
   background: ;}

.comments-table{ 
   padding: 2px;
   border: #82daed 2px;
   border-radius: 4px;
   box-shadow: 0px 0px 5px 3px #82daed !important;
   margin-bottom: 20px !important
   background: }

footer .links{
   background: none !important;
   box-shadow: none !important}

.online{content:"⋆⁺₊⋆ ☾⋆⁺₊⋆";
}

 nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ★ ";
    color: var(--headers);
 }

.online{
    color: #42d7f5 !important;
} 
.online img{
    filter: brightness(0) saturate(90%) invert(68%) sepia(80%) saturate(270%) hue-rotate(890deg) brightness(94%) contrast(90%); !important;
}


/* this is the box that says "Edit Info" when you're logged in,
and to your friends it says "Profile Name is your friend". */

.profile-info {
    background-color: !important;
    border: var(--borders) !important;
    border-radius: var(--curve) !important;
}

h1,h2,h3,h4,h5{
  font-family: Verdana !important; 
font-size:  160%;
color: rgb(146, 223, 240);

}

:root {
--even-lighter-orange:  ;

}

</style>

/* EXTRA THINGS PT1!, PASTE THE FOLLOWING IN: "Who I'd like to meet" */

<img src="https://i.pinimg.com/originals/6c/1c/2f/6c1c2fc9b8c617ca6ceedef3eaf77deb.gif"/>

<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-12/ani1136.ani), url(https://cur.cursors-4u.net/anime/ani-12/ani1136.gif), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/14/singing-hatsune-miku.html" target="_blank" title="Singing Hatsune Miku"><img src="https://cur.cursors-4u.net/cursor.png" alt="Singing Hatsune Miku" style="position:absolute; top: 0px; right: 0px;"/></a>

/* EXTRA THINGS PT2!, PASTE THE FOLLOWING IN: "Music" */

<iframe width="500" height="280" frameborder="0" allowfullscreen="" src=""></iframe>
<iframe width="0" height="0" src="https://www.youtube.com/embed/DbZAg0KyDrQ//?&;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 20 of 59 comments ( View all | Add Comment )

MIKU XD	1743444568 using ^^ love ts SM Report Comment
MIKU XD	1743444566 using ^^ love ts SM Report Comment
MIKU XD	1743444562 using ^^ love ts SM Report Comment
ramune sama( '﹃'⑉)ラムネ	1742757719 using! change a few things tho hope its okay:D Report Comment
Doveyy	1741557475 100% using!! I love this sm, keep up the good work !! >:3 Report Comment
Riupo	1741333433 using!!! Report Comment
ZOMBIE13.4EVER	1740286034 USING!^^ TYSM!^^ Report Comment
vampiet	1739637870 Using !! ٩(ˊᗜˋ*)و ♡ Report Comment
S0ph9luvv	1738602620 using, i love it sm Report Comment
Juuria	1738022805 LOVE IT!!!!!!!!!! Report Comment
★ : 　 RYCE　 !? 🎸	1737362862 ussing! Report Comment
Tsuk1	1736881383 using!!! Report Comment
luxie☆	1736645176 using! :> Report Comment
Blu3Constellations	1733238155 Using!!! ٩(◕‿◕｡)۶ Report Comment
DrawingPokes	1732058801 Using (⁠＾⁠3⁠＾⁠♪ Report Comment
distortion	1731765528 uussingggg Report Comment
Was_Rain	1731485017 using :P Report Comment
yh_aFurry69	1729613222 using! Report Comment
Riupo	1728730268 using!! (⁠≧⁠▽⁠≦⁠) Report Comment
𖦹˚. ꒷ 𝑲𝓲𝓴𝓲 ! ֺ۪ 💿	1728660159 Using!! Report Comment