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

via !!!	1751473530 AA I LOVE THIS !! USING >_< Report Comment
₊✩‧₊˚౨Iz3yৎ˚₊✩‧₊	1751472598 using! Report Comment
Ichi	1750716663 using! Report Comment
Nebulaboe	1748946891 using Report Comment
anomynousyuri	1745743331 using Report 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
V!OLET	1737333073 using! Report Comment
rin	1731421813 using!!!! :3 Report Comment
Twinkie4Twinky	1731092054 Is there a way I could only use the background and not the entire layout?? Report Comment