VOCALOID/UTAULOID LAYOUT

Tags: vocaloid, utauloid

Description:

put the code under the abt me section PLZ tell me if ur using i take recooemndationz:33

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 𝖘𝖜𝖊𝖊𝖙𓆩♡𓆪𝖈𝖆𝖛𝖎𝖙𝖞 (https://layouts.spacehey.com/layout?id=84610) -->

<style>
body {
        background:url(https://i.pinimg.com/564x/25/fe/97/25fe97d1f5ebd8e0cee31ea3d6b9da3a.jpg);
}
.profile {
background:url(https://i.pinimg.com/736x/4f/6f/2f/4f6f2ffd54db6d4d735c5c5d202bdd4d.jpg);
color:#fa1681;
text-shadow: 0 0 9px black;
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:#93bfbb; 
text-shadow: 0 0 9px black;
background:#80caff;
}

/* contact icons */
.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: "☆"
}
footer {
border-radius: 15px;
background-image: 
url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSjRhDtTRWJF56aomo7bV0JzTVjJGkGhoQyhs4Z4BKvhcColVezzP7no7Asj71gdbRsPYk&usqp=CAU);
color:White; 
}
.online{
content: url('http://www.myspacegens.com/images/online_now/111.gif') no-repeat 0 55px; height: 75px;);
}
nav .top {
        background: url("https://static.wikia.nocookie.net/blingee/images/1/13/673577183_1017794.gif/revision/latest/scale-to-width-down/250?cb=20181031125053");
}
:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#f04a9d;
--even-lighter-blue:#f04a9d;
--lightest-blue:##3c0130;
--dark-orange:White;
--light-orange:#fa1681;
--even-lighter-orange:black;
--green:black;#fa1681
}


}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>
ㅤ
<div class="about"> 
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ


ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>


</div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "my friends! ♪"; font-size:.8rem; font-weight:bold; 
color:White; } 
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comments! ♪"; font-size:.8rem; font-weight:bold;
color:White; } 
}
.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "my interests & my socials! ♪"; font-size:.8rem; font-weight:bold; 
color:White; }
}
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "say hi! ♪"; font-size:.8rem; font-weight:bold; 
color:White; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "about me! ♪"; font-size:.8rem; font-weight:bold; color:White; }
}
<style>
a:hover{
 cursor: url('https://media.discordapp.net/attachments/1118300552720306246/1168667739603353800/vdi9dgorfz771_1.png?ex=655299a5&is=654024a5&hm=0d4630884a56263ac99930e7db1d69535025a28d46fb5012929a32276c5ba5c2&=&width=60&height=60'), auto !important;
}
* {
 cursor: url('https://media.discordapp.net/attachments/1118300552720306246/1168667739603353800/vdi9dgorfz771_1.png?ex=655299a5&is=654024a5&hm=0d4630884a56263ac99930e7db1d69535025a28d46fb5012929a32276c5ba5c2&=&width=60&height=60'), auto;
}
<style></style>
 
(if u wanna remove or change the intro here and the music iz under the intro too:3)

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2dcf8a1e-01b4-46df-80c5-1570d27f9978/d59vymo-ce12d880-229d-42a8-8a03-4b491da46a01.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkY2Y4YTFlLTAxYjQtNDZkZi04MGM1LTE1NzBkMjdmOTk3OFwvZDU5dnltby1jZTEyZDg4MC0yMjlkLTQyYTgtOGEwMy00YjQ5MWRhNDZhMDEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.CP5T6JdulTawKcSHzkjOZopMM9atHGnBJPMAEhSAgak');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } </style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/XXXXX//?&;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>

<iframe width="0" height="0" src="https://www.youtube.com/embed/OkChVEnjjDs?si=chXag8wP1otwhtL1//?&;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>

<div style="float:  ; max-height: 800px; position: fixed; right: 1px; top: 10px; z-index: 200;"><img src="https://i.pinimg.com/originals/29/b7/48/29b748f2a5ed5ca18916c3d0eab84e83.gif" width="300" height="300"/></div>


<div style="float:  ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1353f30f-b0ee-4f2a-8744-3df3f508e195/d8p2l7s-1e14e393-bdb7-4714-8e41-22a5d5071551.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzEzNTNmMzBmLWIwZWUtNGYyYS04NzQ0LTNkZjNmNTA4ZTE5NVwvZDhwMmw3cy0xZTE0ZTM5My1iZGI3LTQ3MTQtOGU0MS0yMmE1ZDUwNzE1NTEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.eiaJ82KvK5sD6HhFy8rl2hAb-3Hs8Hfooa72wCQJA9Q" width="220" height="300"/></div>


<div style="float:  ; max-height: 800px; position: fixed; right: 1px; bottom: 19px; z-index: 2000;"><img src="https://img1.picmix.com/output/stamp/normal/4/8/7/4/2314784_74ad3.gif" width="220" height="300"/></div>

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

slug	1736683838 usingg Report Comment
aj !! ⸜(｡˃ ᵕ ˂ )⸝♡ -アジ	1735470964 using !! :3 ,,,also wondering how do i remove the music, btw love the whole thing Report Comment to remove the music near the end of the layout u can see something that sayz youtube that whole code remove by 𝖘𝖜𝖊𝖊𝖙𓆩♡𓆪𝖈𝖆𝖛𝖎𝖙𝖞; 1735796530; Report
torikuXD🎧🧃🐟🍎🍘	1735106385 using!!! Report Comment
🎀Rinelle🎀	1732043635 using!! Report Comment
Fischl	1731264718 using!!! Report Comment
Fischl	1731264715 using!!! Report Comment
Fischl	1731264715 using!!! Report Comment
lina	1731181545 using!!! Report Comment
MITSKI_LYRICS	1729122847 Using ^_^ Report Comment
kyu 🪐	1729069329 using :333 Report Comment
ruii!!	1727385828 usingg Report Comment
NoraX3	1727072499 Using ^^ Report Comment
Alien\(^•^)/ $Alien\(^•^)/'s profile picture$	1726663219 Using!! XD Report Comment
GENO [WIP]	1725718535 usingg !!! Report Comment
Lenny ! ˙∘ʚ∘˙*	1724344757 Using !! :3 Report Comment
belovedcro୨୧	1715924564 using!!! so cute! (⁠ ⁠◜⁠‿⁠◝⁠ ⁠)⁠♡ Report Comment
Lokitodelcentr0	1715743104 using it for a layout!!!! :D Report Comment
Grotesca	1714840597 Using! Can you do one without the calne ca and Oliver gif? Thanks! Report Comment u can remove them in the code ! if itz easier for u i could send u the code without theirz:3 by 𝖘𝖜𝖊𝖊𝖙𓆩♡𓆪𝖈𝖆𝖛𝖎𝖙𝖞; 1714843431; Report I’ve figured it out!! Thanks!! by Grotesca; 1714853374; Report yww !! by 𝖘𝖜𝖊𝖊𝖙𓆩♡𓆪𝖈𝖆𝖛𝖎𝖙𝖞; 1714931401; Report
YENERU!	1714526952 usingg Report Comment