Scene Kid 4EVA!!!!!! (Floating, lines, loading animation, music, and gif filled)

Tags: scene, music, layout, gif, new, scene kid, forever

Description:

Thiz took a while cauze I did it on mobile :V

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap');


/*PASTE SCROLLBAR CODE HERE*/

body{
background-image: url('https://i.pinimg.com/originals/18/a5/30/18a530e700a63758f6c45923bd31115e.gif');
background-repeat: repeat;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: #ffffff;
}

main{
background-image: url('https://img1.picmix.com/output/stamp/normal/2/7/7/1/1971772_c37cc.gif');
background-repeat: repeat;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: #ffffff;
border: 3px Ridge #bd2d5f;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #ff3690;
}

span[itemprop='name'] {
color: #ff0077;
font-weight: bold;
text-decoration: underline;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

h4 {
color: #ff005e;
text-decoration: underline;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

.section h4, .details-table td:first-child {
color: #ff005e!important;
font-weight: bold;
text-decoration: underline;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

a, .count {
color: #ff0084;
font-weight: bold;
text-decoration: underline;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

a:hover {
color: #ff0000;
font-weight: bold;
text-decoration: underline;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

body,main {
color: #ff0055;
text-decoration: underline;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;<style>
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap');


/*PASTE SCROLLBAR CODE HERE*/

body{
background-image: url('https://i.pinimg.com/originals/18/a5/30/18a530e700a63758f6c45923bd31115e.gif');
background-repeat: repeat;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: #ffffff;
}

main{
background-image: url('https://img1.picmix.com/output/stamp/normal/2/7/7/1/1971772_c37cc.gif');
background-repeat: repeat;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: #ffffff;
border: 3px Ridge #bd2d5f;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #ff3690;
}

span[itemprop='name'] {
color: #ff0077;
font-weight: bold;
text-decoration: underline;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

h4 {
color: #ff005e;
text-decoration: underline;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

.section h4, .details-table td:first-child {
color: #ff005e!important;
font-weight: bold;
text-decoration: underline;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

a, .count {
color: #ff0084;
font-weight: bold;
text-decoration: underline;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

a:hover {
color: #ff0000;
font-weight: bold;
text-decoration: underline;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

body,main {
color: #ff0055;
text-decoration: underline;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}
</style>
}
.comments-table td{
background: none!important;
}


<style>
.floating { 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 700px); }
    100%   { transform: translate(0, -350px); }
}
</style>

<style>
html:before {
  content: " ";
  display: block; position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.16) 50%);
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol337.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/10/14/pink-skull-crossbones.html" target="_blank" title="Pink Skull Crossbones"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pink Skull Crossbones" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
/* customizable snowflake styling */
.snowflake {
  color: white;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px black;
}
@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;user-select:none;cursor:default;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s}
</style>
<div class="snowflakes"><div class="snowflake">⛓️</div><div class="snowflake">🥀</div><div class="snowflake">☠️</div><div class="snowflake">⛓️</div><div class="snowflake">🥀</div><div class="snowflake">☠️</div><div class="snowflake">⛓️</div><div class="snowflake">🥀</div><div class="snowflake">☠️</div><div class="snowflake">⛓️</div><div class="snowflake">🥀</div><div class="snowflake">☠️</div></div>

<img src="https://img1.picmix.com/output/stamp/normal/9/1/5/9/1989519_e412f.gif"/>

<iframe width="300" height="50" src="https://www.youtube.com/embed/eo597rNLN9E//?&;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>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/3e/26/e4/3e26e4fcce6e953b343d4da992453984.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>
<style>
main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://i.ibb.co/Zx0XWt6/Untitled140-20230509014437.png');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
</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 13 of 13 comments ( View all | Add Comment )

Xx_UntamedGeek_xX	1730246614 Usinggg Report Comment
v1v	1717483729 Gonna use! X3 Report Comment
Jonathan ☆	1709793553 Omg soon k3wl!!! Using <3 Report Comment
Eri	1692911386 using!! Report Comment
✧🎀𖤐｡Van/Youl｡𖤐🎀✧	1688855148 Using the background! Report Comment
Strwberri.N3ko_Ju1cee	1688669626 I LUV THIZZZ!!! ITZ SOOO CUTEEE!!! IM DEFO UZINGGG!!! X3 Report Comment
TuckerTheTrucker	1688016125 Using x3 Report Comment
fraezzy	1686362971 using :3 Report Comment
hal	1685968514 using!! :o) Report Comment
Xx_kinda48_xX	1685594971 using!! thnx Report Comment
perry	1684488743 Using rn tysm Report Comment
Puică	1684060517 USING TYY <3 Report Comment
✩✦RANDAL✦✩	1683749778 USING THIS THANK UUUUUU Report Comment YW!!! >w< by 🖳; 1683953425; Report