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 𐔌   .  ⋮ MEOW  .ᐟ  ֹ   ₊ ꒱ (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 20 of 32 comments ( View all | Add Comment )

Rena-ch4n	1743109347 using!!! Report Comment
Bammyyy	1742547898 usinf! Report Comment
Teoo >_<	1742366424 Using!! >wo Report Comment
Aike4ever	1742001844 usiing ο(=•ω＜=)ρ⌒☆ Report Comment
catfish	1739942861 using it Report Comment
★Jay★	1739797586 using! :) Report Comment
Maru >_<	1739676111 usinggg, i love it <3 Report Comment
lujias	1739154993 using!!! Report Comment
NoxxStar	1738729029 Using Report Comment
NoxxStar	1738729029 Using Report Comment
NoxxStar	1738729029 Using Report Comment
NoxxStar	1738729029 Using Report Comment
GHOST	1737333073 using! Report Comment
minorin meow ;3	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 𐔌 . ⋮ MEOW .ᐟ ֹ ₊ ꒱; 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