ugly unreadable scene layout

Tags: uremoboyfie, scene, autoplay, animation, scenecore, rainbow, ugly, flashing

Description:

a tacky super bright scene layot with autoplayers with a scenemo playlist, custom icons, spotify embeds, custom cursor, cd pfp, floating page animation + more lmk if theres any errors!! please keep my credits in the code

Preview:

click on the image for a larger preview

Code:

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

<div class="about"> 
Made by Frankie ☆ Iero
about me goes here!!

</div>

<div>
<h3>music keeps me sane…:</h3>
<!-- spotify embed here -->
<!-- put a yt id here for autoplay music -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/T4eEMxDL4L0//?&;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>
        .online{content:url(https://64.media.tumblr.com/19eac97460e4d22b5bf2062a1f1665ac/fc6af90fc04e03cc-de/s100x200/a28c1e08d37e273cdc1a991c15fee1bcd9e8eacf.gifv) }
    </style>
<style>
 .logo {
  
  content:url("https://media.discordapp.net/attachments/891566988432928788/1180434063853637693/Picsart_23-12-02_20-03-10-217.png?ex=657d67e4&is=656af2e4&hm=108f47148e608b41fd16a955e78110f1833203b23869ba08c38f093fbb7a0eee&=&format=webp&quality=lossless&width=1024&height=260")
  
  }
</style>


<style>
    body {
          background-image:url(https://i.pinimg.com/originals/0f/37/c8/0f37c8e9aa6101b14e91a875ea6366d8.gif)
;
    }
</style>
<style>
body { cursor: url(https://64.media.tumblr.com/06c74f8c7c2d8c45b26ff31694d66a90/33d51ed7d89ecf73-cb/s75x75_c1/11fe0594a534d226ebb9c961e7e3a31a037e711b.gifv), auto; }
</style>

<style>
.profile-info{
background: url(https://i.pinimg.com/originals/7d/2f/8f/7d2f8fa04dd9c3930651826fcc1cacfb.gif);
no-repeat fixed;
    background-size: cover;
  background-color: #000000;
    height: 200px;
    border: white;
    font-size: 0;
    background-size: cover;
    height: 200px;
    border: white;
    font-size: 0;
    background-position-y: center;
}

    .profile {
       
 
background:url(https://i.pinimg.com/originals/43/16/67/431667ae6ad01a356b0cf0e45378b155.gif);
color:white;
text-shadow: 0 0 9px #000000;
    }

.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:#000000; 
Background:url(https://i.pinimg.com/originals/ec/88/e1/ec88e14a7cd25febbcd02249e6266125.gif);
}

/* 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:url(https://64.media.tumblr.com/d5543e2ccc772da4e8db50f46bc07e6d/c5fbc42270a081ec-b7/s75x75_c1/18e45cd3b85a55c4573861b94ea530e19bbff64a.gifv);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content:url(https://64.media.tumblr.com/0c9c363886b8815163af86061315791e/33d51ed7d89ecf73-72/s75x75_c1/86d53160ee623e1e3fa32af6d9124d54a99bbce0.gifv);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content:url(https://64.media.tumblr.com/d5e494a65f1788a00c80e4bd997f6638/c5fbc42270a081ec-af/s75x75_c1/3bd52321a38e4daaf7005588e20fea4779459967.gifv);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content:url(https://64.media.tumblr.com/7005374ad7f975502393528891320e49/b4746bdbb4997815-df/s75x75_c1/016afb24bc42663d8449b78a3741ec4492ce5fd2.gifv);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content:url(https://64.media.tumblr.com/ba5525edc2011450f1ab4e1c05ec435d/caef1a1795697a84-99/s75x75_c1/bd051b375501b771cf74e5333c8aea832aadcbe8.gifv);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content:url(https://64.media.tumblr.com/1d654c3bb6716e1b926cf067ecaffba4/220085b3aefed706-d0/s75x75_c1/f1ff73f47c3f29901bd08b25947e76fdd37cd640.gifv);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content:url(https://64.media.tumblr.com/6fb507a7030351b3da989314297b61e0/dd487cde493b51e0-aa/s75x75_c1/8e50d63390647f3f6ae7de8e092336436fe04d50.gifv);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content:url(https://64.media.tumblr.com/cac2d1d192b109233a1fd991a305c094/2732d6fe40bbf98b-2c/s75x75_c1/f057f5916617b7d00c201e2caadb1e72dbbaf6e0.gifv);
}
footer {
border-radius: 15px;
background-image: 
url(https://i.pinimg.com/originals/b7/bd/6c/b7bd6c6aeb9885fd91b5dbcbb3374d5a.gif);
color:White;
no-repeat fixed;
    background-size: cover; 
}
  

nav .top {
        background: url(https://i.pinimg.com/originals/13/80/b1/1380b16498e45cf279e697f587f7ab8e.gif);
no-repeat fixed;
    background-size: cover;
    }
    
    nav { background: black url(""); }

:root {
--logo-blue:#FFFFFF;
--darker-blue: #000000;
--lighter-blue: #F400FF;
--even-lighter-blue: url(https://i.pinimg.com/originals/c9/44/16/c944164967a6562ccd8eddc0b0afb1a1.gif);
--lightest-blue:#00FFF9;
--dark-orange:#00FFF9;
--light-orange: url(https://i.pinimg.com/originals/c9/44/16/c944164967a6562ccd8eddc0b0afb1a1.gif);
--even-lighter-orange:#000000;
--green: #00000;
}


<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "f3ll0w L0z3rs"; font-size:.8rem; font-weight:bold; 
color:black; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "C0mm3ntz"; 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: "Xtraz"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "HMU XD"; font-size:.8rem; font-weight:bold; 
color:White; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "Ab0uT M3"; font-size:.8rem; font-weight:bold; color:White; }
</style>


<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>


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

LIZZZ WOOOHOOOOO	1770472723 51962 Report Comment
c0lorpuke	1766700166 wait how do u change the background with the stars i’m a rainbow decora + sparklefur so i wanted to know how to change that and the playlist :( Report Comment i might be slower than i think mb i didnt see some of the code by c0lorpuke; 1766700201; Report
xX!Stinky Edgelord!Xx	1765352488 Using! Report Comment
xXxalexiskewXDlxXx	1755306212 Using Report Comment
SOUPLOZER	1737647170 using!! Report Comment
SOUPLOZER	1737647170 using!! Report Comment
SOUPLOZER	1737647169 using!! Report Comment
SOUPLOZER	1737647169 using!! Report Comment
SOUPLOZER	1737647168 using!! Report Comment
KEANER!!!!!!!!!	1735178939 Uzng!! Report Comment
CYЯUS?!	1734142983 usiiiingngnngggg Report Comment
GL1TTERIZMYBL00D	1731524030 using :D Report Comment
Rei	1731274028 Using :3 Report Comment
✰ Z0MBI3 B0Y ✰	1730956473 using Report Comment
Anisa Mazaki	1729227275 Using. Report Comment
💉MissMayhem💉	1728876138 Using Report Comment
CH4RL0TTE>XD	1726716597 using! ty XD Report Comment
shuakeyuri	1725301302 using!! Report Comment
shuakeyuri	1725301300 using!! Report Comment
Asher ☥	1723908697 using Report Comment