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 frankie ☆ iero (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 59 comments ( View all | Add Comment )

Xx_I_luv_U_xX	1712562199 using!! Report Comment
LOV3GOR3	1712173964 using :3 Report Comment
XxXshaylaisnothereXxX	1711684944 Using Report Comment
♡ scenespace ♡	1710724712 USING!! :3 Report Comment
🐾Ray!! :9 ♡	1710386721 USINGG 8D Report Comment
CL0WNGUTZ!!!	1709915346 using!! Report Comment
★//~4maryzz~//★	1709891508 UZZ1NG :33 Report Comment
⁠˖ . ♰ EMI / ELY. !!﹒ ◠ ୨୧	1709773577 Usingggg Report Comment
Doofus!1!	1709752878 Uzzing!! Report Comment
NINAAAZZ!!	1709717396 Using!! Report Comment
aj	1709223021 using!! Report Comment
dashie	1709137251 using Report Comment
Elaa	1708941770 Using...!!!! Report Comment
SweetBettyBunny	1708305119 using <3333 Report Comment
SeV#!	1708233472 OMGGG USING :333 Report Comment
𝓑𝓻𝓸𝓸𝓴𝓵𝔂𝓷!!!	1707949559 using :3 Report Comment
alix	1707942995 usinn :3 Report Comment
brainwashcollapsed	1707606809 using Report Comment
voli´s diary	1707592778 USING111!!!!!!!!!11111!!1 Report Comment
azzee	1707556087 USING!!!! Report Comment