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

ST!	1746238256 using :333 Report Comment
gumy >•<	1740007351 USING!!! Report Comment
Jae (　＾ω＾)	1738796262 Usingg Report Comment
laila!!!	1738357988 uussing Report Comment
Calibri	1737833438 using Report Comment
akira	1737618258 using!! Report Comment
akira	1737618258 using!! Report 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
blueorange:3	1735106385 using!!! Report Comment
🎀Rinelle🎀	1732043635 using!! Report Comment
𝕷𝖚𝖓𝖆	1731264718 using!!! Report Comment
𝕷𝖚𝖓𝖆	1731264715 using!!! Report Comment
𝕷𝖚𝖓𝖆	1731264715 using!!! Report Comment
lina	1731181545 using!!! Report Comment
MITSKI_LYRICS	1729122847 Using ^_^ Report Comment
ollie 🪐	1729069329 using :333 Report Comment
ruii!!	1727385828 usingg Report Comment
NoraX3	1727072499 Using ^^ Report Comment