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:

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.