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

nana	1766434501 USINGGGGGGGGG!!!!!!!!!!!! Report Comment
lulusita_:3	1766015016 Usinggg Report Comment
Sep is an utau	1765388733 Using :P Report Comment
✮Pips/serious✮	1765174042 Usingggg Report Comment
ruischocolatemilk	1764213510 using!!!! Report Comment
Dakota >_<	1762220520 Using!!! This is so cute :333 Report Comment
Cool_Guy232(Sonar's #1 Rabbit Husband)	1760741850 I LOVE THIS THANK YOU Report Comment
idk	1755864293 using! Report Comment
SofiaDeth	1754020992 usingg!! Report Comment
inactive.	1753498378 using! Report 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