2000s Miku Layout! 📱🎧

Tags: miku, triple baka, blue, vocaloid, 2000s

Description:

Tell if any problem! based off of Triple Baka :3, Requests are open for more characters!! Comment "Using" if used!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ➜ ┊: (мєσω) ᵎ ✰ (https://layouts.spacehey.com/layout?id=101151) -->

<style>
.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>

<iframe width="0" height="0" src="https://www.youtube.com/embed/n5n7CSGPzqw?&;amp;;autoplay=1&;loop=1&;controls=1" title="denial" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

<style>

main:before {

width: 100%;

height: 300px;

display: block;

content: "";

background-image: url('https://i.pinimg.com/originals/a8/cd/20/a8cd2059a49956012155e1d011f55a74.gif');

background-position: center center;

background-size: cover;

}

@media only screen and (max-width: 600px) {

main:before{

height: 200px;

</style>




<style>

body {
    background-color: #e3e3e3;
    background: url(https://i.pinimg.com/564x/f1/da/51/f1da51a684dc59800273b4d5260d1ba8.jpg);
    font-family: verdana, arial, sans-serif, helvetica;
    background-size: 1000px;
}


body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}
</style>

<style>

/*PROFILE BACKGROUND*/
.profile{ background: linear-gradient(#ccffff, #4dffff, #e6ffff);
   border-top: #dfdfe1 groove 7px;
   border-bottom: #dfdfe1 groove 7px;
   border-radius: 10px;
   box-shadow: inset 0 0 7px 5px #8c8c96}

/*PROFILE BOXES*/
.profile .contact, .profile .url-info, .profile .table-section, .home-actions, .blog-preview, .blurbs, .friends, .profile-info, .details {
   border-style: outset;
   border-width: 2px;
   border-color: #feffe6 #a6c87e #a6c87e #feffe6;
   padding: 0px 6px;
   border-radius: 5px;
   box-shadow: inset 0 0 7px 5px #e6ffff;
   background: linear-gradient(to left, #ccffff, #4dffff, #e6ffff)}
   
/*PROFILE PIC*/
.profile-pic img{border-radius: 15px !important;
   box-shadow: 0 0 7px 5px #ccffff}
.profile-pic{
   border-radius: 18px !important;
   position: relative;
   filter: drop-shadow(0 0 0.25rem gray);

}
.profile-pic:after {
content: "";
background: url('https://i.ibb.co/Vm2fYv3/ezgif-5-7f325ec84d-removebg-preview-1.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 85%;
height: 100%;
padding: 5px
}

</style>

 <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);

}</style>

<style>
.logo {
  content: url(https://psyclonecities.neocities.org/assets/win7logo.png)
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-4/gam308.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/12/22/maple-story-finger-point-4.html" target="_blank" title="MapleStory Finger Point"><img src="https://cur.cursors-4u.net/cursor.png" alt="MapleStory Finger Point" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
.online {content: url(https://media.discordapp.net/attachments/1093723128133328970/1215330046391222314/hL8LDFIvFLCaTKZADrmVN5pbaWzkIW6rn5P1uNRaQg7DVuFIkJZqATkIW6rn5P1uNRaQg7DVuFIkJZqATkIW6rn5P1uNRaQg7DVuFIkJZqATkIW6rn5P1uNRaQg7DVuFIkJZqATkIW6rn5P1uNRaQg7DVuFIkJZqATkIW6rn5P1uNRaQg7DVuFIkJZqATkIW6rn5P1uNRaQg7DVuFIkJZqATkIW6rn5P1uNRaQg7DVuFIkJZqgf8Be9LRGBWEvV0AAAAASUVORK5CYII.png?ex=65fc5b4e&is=65e9e64e&hm=0e52d73171d183855049b1165c30abae1fc711331cccfa08fdfe05023842fc8b&=&format=webp&quality=lossless); height: 100px;}
</style>
<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 10px; z-index: 220;"><img src="https://giffiles.alphacoders.com/133/13335.gif" alt="GIF"/></div>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5288aadd-fd59-45a5-925e-1bd7487027a5/dgzenyj-581f598f-49a6-44e9-9404-6d963cb87cfe.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzUyODhhYWRkLWZkNTktNDVhNS05MjVlLTFiZDc0ODcwMjdhNVwvZGd6ZW55ai01ODFmNTk4Zi00OWE2LTQ0ZTktOTQwNC02ZDk2M2NiODdjZmUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.mEqJTsEJT9RYW9wMzefOfPfTL5-0lvp9Sd8QdKSltTQ') no-repeat;
  background-size: 70px;
  display: block;
  width: 200px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -22px;
  left: 108px;
}
</style>

<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/fc/c0/04/fcc0048de86b87d079d6a6daf1534f64.gif);

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 2s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>
 .comments-table td:first-child img {clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
</style>

<marquee behavior="alternate">Made by Meow! https://spacehey.com/meow_9007</marquee>

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

minorin	1731421813 using!!!! :3 Report Comment
Twinkie4Twinky	1731092054 Is there a way I could only use the background and not the entire layout?? Report Comment
Veveeks39	1730595279 USING!!!! IT'S SO COOL Report Comment
🕸 \| Kris ⚝ \| 🕷	1729653524 I MIGHT USE THIS LATER ON BUT COULD I REQUEST A SEBASTIAN SOLACE LAYOUT? I HAVE BEEN STRUGGLING WITH FINDING DECENT OCEAN RELATED ONES /pos /nf Report Comment OF COURSE!! by ➜ ┊: (мєσω) ᵎ ✰; 1729875854; Report AHHH TYSMM by 🕸 \| Kris ⚝ \| 🕷; 1729885067; Report
Green Apple	1727132609 Using :D Report Comment
e14ine !!!	1725264578 using ! Report Comment
tomoko	1724916561 USING Report Comment
GUMI !	1724266402 using Report Comment
crazywolforcarlJ12	1723331388 Using Report Comment
Elena <3	1722209067 using Report Comment
🐾🦴 ; RED :3	1719944491 using :P Report Comment
XxRazorEdgeXx	1719694950 USING!!! IT'S AWESOME! Report Comment
yume	1719401971 using... Report Comment
✯Ditra⁠✯	1715532562 using!!THANK YOU VERY MUCH<3🩵🩵🩵🩵 Report Comment
ᐟᐟ🍰KIRI ( ´ ꒳ ` )	1714854434 Usin! Report Comment
mikulover4eva	1714047478 using! Report Comment
Dana Rodriguez	1711260635 using Report Comment
Basilᶻz	1710170670 Using!! Report Comment
áine	1709967568 USINGGG <3 such a wonderful layout!!! great job! Report Comment