Readable Scene Layout!!

Tags: thro4tsl1tt3r.zip, scene, 3oh!3, music, animation, autoplayer, rainbow, scenecore

Description:

a scene/rainbow core layout. complete with autoplayer ( set to play DONTTRUSTME) but can be changed playlist embed, floating page, gif animations, spinning star pfp + much more please use credits somewhere on your page if using since im new and wanna get my layouts out there :)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Kyle or something  (https://layouts.spacehey.com/layout?id=88765) -->

made by Kyle at Sugargutz

<div class="about"> 
about me goes here!!

</div>

<div>
<h3>My Music X3:</h3>
(spotify embed here)
<!-- put a yt id here for autoplay music -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/aKEiLZdPO10//?&;amp;;autoplay=1&;loop=infinite&;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>
.general-about .profile-pic img{
  clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 3s infinite linear;
}
</style>


<style>
p.online {font-size: 0px;}
p.online::after{content: url(
color: #ff5ac6;
font-size: 10px;}

font-size: 10px;}
    </style>

<style>
    body {
          background-image:url(https://i.pinimg.com/originals/d4/ae/99/d4ae994f5756581eeed9e89a580ab1f9.gif)
    }
</style>
<style>
body { cursor: url(https://64.media.tumblr.com/fe082abff21bf41304362d80dc8e45c6/20b182df6ac70227-1f/s75x75_c1/457d763043f3df45b4580fa9a57e8ec169e37ecc.gifv), auto; }
</style>
<style>

.profile-info{
background: url(https://i.pinimg.com/564x/51/f6/03/51f6037d81ea88f7b944d31b3289f76a.jpg);
no-repeat fixed;
    background-size: cover;
    height: 155px;
    border: none;
    font-size: 0;
    background-size: cover;
    height: 152px;
    border: none;
    font-size: 0;
    background-position-y: top;
}

    .profile {
       
 
background:url(https://i.pinimg.com/originals/ec/88/e1/ec88e14a7cd25febbcd02249e6266125.gif);
color:white;
text-shadow: 0 0 9px #70FF25;
    }

.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:#00C9BC; 
background:#161616;
}

/* 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://i.pinimg.com/originals/0f/37/c8/0f37c8e9aa6101b14e91a875ea6366d8.gif);
color:White; 
}
  

nav .top {
        background: url(https://i.pinimg.com/originals/0f/37/c8/0f37c8e9aa6101b14e91a875ea6366d8.gif);
    }
    
    nav { background: black url(""); }

:root {
--logo-blue:#FFFFFF;
--darker-blue: #FFFFFF;
--lighter-blue: #91FF28;
--even-lighter-blue: url(https://i.pinimg.com/564x/2a/eb/7c/2aeb7cb4fa6cec9bc1907248cd20399f.jpg);
--lightest-blue:#C445EA;
--dark-orange:#BC22F2;
--light-orange: url(https://i.pinimg.com/564x/2a/eb/7c/2aeb7cb4fa6cec9bc1907248cd20399f.jpg);
--even-lighter-orange:#67EE18;
--green: #FFFFFF;
}


<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "fellow qweenz "; font-size:.8rem; font-weight:bold; 
color:black; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comments !!"; font-size:.8rem; font-weight:bold;
color:White; } 
</style>
<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "more!!"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "i don't bite!! (mostly)"; font-size:.8rem; font-weight:bold; 
color:White; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "me!!"; font-size:.8rem; font-weight:bold; color:White; }
<style>

h1{
animation: type 3s steps(27);
  color: transparent;
  font-size: 7px;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 6px);
}
100% {
transform: translate(0, -0px);
}

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

SuLT3rRaWr!	1731979080 USING!!! :3 Report Comment
🌈max🌈	1731866086 Using :) Report Comment
Tr@nze>:3	1731255167 Uz1ng, th@nkz!! >:3 Report Comment
KAT!!☆	1729862422 how do you put the spotify there? Report Comment
SalDal	1728752594 Using! Report Comment
Roxilla	1728609531 Using! Report Comment
Ana	1728403346 USANDO XD!!! Report Comment
👾 1Nf▄▀cT3d!! 👾	1727173399 using! Report Comment
Dak0ta	1727130824 Uz1ng X3 Report Comment
Yₑₜₜₑ	1725475393 USSINGG Report Comment
FR34K5H0w_C1RCU5	1725384286 USING <333 Report Comment
xXsillieTh3g00b3rXx	1725143105 usin' Report Comment
Astra	1724914013 Using!1!1!1 Report Comment
Davey	1724096114 Using ^_^ Report Comment
SURLY	1723298356 I forgot to comment 'Using!!' months ago but here i am, My bad. Report Comment
R0cks_Ju1ce	1723068630 Using ^^ Report Comment
(๑ˇ3ˇ๑)☆#3LLI10T🦴✩ೃ	1722369197 Using!!!!1!11!!! Report Comment
R0TT1NGZ0MIYER	1721935067 using:D Report Comment
Gabe 0_o	1721273275 Using >_< Report Comment
moodie	1721066687 using1!! Report Comment