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 29 comments ( View all | Add 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
ACE >_<	1730070313 Using!! :D 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	1726663219 Using!! XD Report Comment
⸜(ˊ▽ˋ*)⭑genogeno cure ! [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
TILL ♡	1713963659 using...,, !!'' Report Comment
koki is sleepy	1709531778 using ,,, its rlly kool ; Report Comment