KinitoPET Layout (music autoplay) (FIXED NOW!!)

Tags: music, kinito, kinitopet, gradient, game, simple

Description:

A layout based on the game KinitoPET! Autoplays the song "A World I Built For You" Includes an intro photo of the computer from the game

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by L8kemz (https://layouts.spacehey.com/layout?id=99253) -->

<style>
body, .bodyContent {
background: url(https://cdn.discordapp.com/attachments/548260817704058880/1215513534096605224/eeke.png?ex=65fd0631&is=65ea9131&hm=1375a050d0a78ca4cf2cf35f24f20d722042397deaf3abdcfba973fc2cea3656&);
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
}
</style>
<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 5px; z-index: 200;">
<img src="https://cdn.discordapp.com/attachments/548260817704058880/1215513611305226331/360.png?ex=65fd0644&is=65ea9144&hm=00e04e11a9782e60e58128227b4a2a2aa752ce2d03a10bba2208a893dc68b615&" width="" height="200"/></div>
<style>
main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://cdn.discordapp.com/attachments/548260817704058880/1215513677424238624/image.png?ex=65fd0653&is=65ea9153&hm=00369f790bfbabacb06959cc19dbd36aa91ef0ce1d67847158cfa393646522ec&');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://cdn.discordapp.com/attachments/548260817704058880/1215513742079688747/ss_ae9250a28fb90f43ada12e2286cefbcf4cdaf937.png?ex=65fd0663&is=65ea9163&hm=45b94ab28099162123dc7c08565387d6f4a5eefc728cb2d138b5d9f7513c9ec2&');
	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;} } 

.comments-table{
display: block;
height: 350px;
overflow-y: scroll;
}

.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: url("https://media.discordapp.net/attachments/741833138010849294/1206251200316579890/kinito_1.png?ex=65f70379&is=65e48e79&hm=6aecfa9125f4bfa77b58b455cd19148ba7b9accb021c0ba457f10f7b0428910a&=&format=webp&quality=lossless&width=45&height=45")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url("https://cdn.discordapp.com/attachments/548260817704058880/1215513883054182420/paint_1.png?ex=65fd0684&is=65ea9184&hm=5938ec6e70bb89ae28103ed3514126114477ebe84f00cedc18badf1a97923682&")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url("https://cdn.discordapp.com/attachments/548260817704058880/1215513966491734027/file_1.png?ex=65fd0698&is=65ea9198&hm=40c5115f4bcd8ea4eb0b0703ea5066b7cc2e64d127d3f7e1c41b941dff13e6c0&")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url("https://cdn.discordapp.com/attachments/548260817704058880/1215514029787848734/puter_1.png?ex=65fd06a7&is=65ea91a7&hm=ed82fb1fff5ce4bb376040c093fc801313208af5218e178504d48e13da6ce31e&")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url("https://cdn.discordapp.com/attachments/548260817704058880/1215514142371356723/email_1.png?ex=65fd06c2&is=65ea91c2&hm=e4b222edfeef6b9fc76ca2fd007481d31b2295dd5ffff8683b6ffd89ac9054b1&")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url("https://cdn.discordapp.com/attachments/548260817704058880/1215514233890934814/mine_1.png?ex=65fd06d8&is=65ea91d8&hm=6e9d5119948b45d18c4d9c5f340a783ac2a762ce20bff669a97b6901267c606b&")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url("https://cdn.discordapp.com/attachments/548260817704058880/1215514297657200660/windows_1.png?ex=65fd06e7&is=65ea91e7&hm=582ead90108fb02ae34f2e1ad8d166595670c9351f2b849ccaad30530dd10683&")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url("https://cdn.discordapp.com/attachments/548260817704058880/1215514462086496356/glass_1.png?ex=65fd070e&is=65ea920e&hm=d37949c5a9245b05ada0915ca873807f3202b394e142c90535265966523a498f&")
}

<style>.online { visibility: hidden; } .online img { content: url("https://cdn.discordapp.com/attachments/548260817704058880/1215514594622185493/216188.png?ex=65fd072e&is=65ea922e&hm=4fbca2361fb63e758b5832fce80ff2330c39a89aa03e1737f9a17dceba473cfd&"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>


<style>
<style>


main a {
  color: #2932f7;
}

.profile .contact, .profile .table-section, .profile .url-info {
  border: 5px solid #f158db;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #35e1e7;
  color: #ffffff;
}

.profile .table-section .details-table td {
  background-color: #ffffff;
  color: #f158db;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: #35e1e7;
  color: #ffffff;
}

.profile .friends .comments-table td {
  background-color: #35e1e7;
}

.profile .blurbs .section h4 {
color: #f158db;
}

.blurbs .inner { 
color: #35e1e7;
}

.comments-table td * {
  color: #fff;
}
.online {
    color: #5df023;
}

.profile h1 {
    color: #f158db;
    font-size: 1.5em;
    margin: 0 0 10px 0;
}
h4 {
    display: block;
    margin-block-start: 1.33em;
    color: #f158db;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
p {
    display: block;
    margin-block-start: 1em;
    color: #f158db;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
:root {
    --logo-blue: #35e1e7;
    --lighter-blue: #35e1e7;

footer{
    background-color: transparent;
{

</style>

<style>
.logo {

content:url("https://cdn.discordapp.com/attachments/741833138010849294/1206269213220806686/kinito.png?ex=65f7143f&is=65e49f3f&hm=035f4b65e6236b4bc0883378733472849b4de20c1930488f14c1eb10f0579e7d&");

}
</style>

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

𝐀𝐮𝐠𝐮𝐬𝐭𝐢𝐧𝐞	1727140630 I wish to use it but none of the images are working :( Report Comment
💊 ,, brian/adam	1723252544 USING HEHEHEH Report Comment
𖥂Ailbe𖥂	1721108560 USING!!! Report Comment
KinitoPET	1719585627 in use!!! Report Comment
KRISsoup	1713674138 USSINGGGGGGGGGGGGGGGG Report Comment It isnt working for me :( Im going to wait for some hours and then come back bc im sleepy and its already 2am by KRISsoup; 1713674732; Report It still isnt working well so im not using it anymore :( TOugh im not going to delete the comment so the creator sees it and fixes it by KRISsoup; 1713754618; Report
Leona/Fizz	1712601993 Im totally using :3 Report Comment
Leona/Fizz	1712601991 Im totally using :3 Report Comment
Simon / Neru	1712372272 USING!! :D Report Comment
Ollie :3 (AUTOPLAY)	1711520814 USING!!!! Report Comment
Ollie :3 (AUTOPLAY)	1711520814 USING!!!! Report Comment
𝔅𝔢𝔞𝔫𝔰	1709778214 wont show up for me :[ Report Comment discord eated all the image links.. I'll fix it I promise!!! by L8kemz; 1709816737; Report alright! by 𝔅𝔢𝔞𝔫𝔰; 1709819670; Report it should be fixed now!! by L8kemz; 1709871798; Report
FLYNN	1709447921 USING! Report Comment
🪦 ∿　HENRY ・	1709440454 USINGG Report Comment
offbrand soda [autoplay]	1708170660 USING!! Report Comment
ʚᗢɞ ꒰ƙιɳιƚσ.ᐟ꒱	1708049220 i <3 ur layout! (im using both ur kinitoPET layout with the crt one!) KEEP BEING THE COOL PERSON YOU ARE BTW! & as kinito says ''many adventures lie ahead'' bye bye, have a good day :D - augustine Report Comment thank you by L8kemz; 1708049760; Report
RAMIEL	1707958381 iam SO USING !!! kinitopett :)) Report Comment
Harper	1707800777 Using this thank you Report Comment yw :3 by L8kemz; 1707832997; Report
C0zm0c1d3p4wz	1707770420 THANK YOU SO MUCH I WAS LOOKING FOR SOMETHING LIKE THIS, THIS IS PERFECT!!!! Report Comment giggle by L8kemz; 1707788013; Report