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

s0uplozer	1737647170 using!! Report Comment
s0uplozer	1737647170 using!! Report Comment
s0uplozer	1737647169 using!! Report Comment
s0uplozer	1737647169 using!! Report Comment
s0uplozer	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
▀▄▀▄✰ ⋆♱ @ \| 3 ⨉ ♱⋆ ✰▄▀▄▀	1730956473 using Report Comment
Anisa Mazaki	1729227275 Using. Report Comment
Da s3en3 r4t	1728876138 Using Report Comment
CH4RL0TTE>XD	1726716597 using! ty XD Report Comment
Riri 💌🪽 <3	1725301302 using!! Report Comment
Riri 💌🪽 <3	1725301300 using!! Report Comment
Asher ☥	1723908697 using Report Comment
Z0mbi3_Gir1XD	1720594308 Using Report Comment
fudgechocolate!	1719616410 Using! Report Comment
Wond3rh0y☆	1718632428 using Report Comment
JER3MA1AH >:3	1712405898 UZINNGGGG :3 Report Comment