ugly unreadable scene layout

Tags: thro4tsl1tt3r.zip, 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 frankie ☆ iero (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 27 comments ( View all | Add Comment )

Dzem1k.png	1712405898 UZINNGGGG :3 Report Comment
felix <3<3	1712306098 sorry, im new 2 spacehey and i was wondering if u could help me remove the on top of the blog thingy!! 3: Report Comment
ruko ＞︿＜	1710658785 USING >.< MAKES IT 101010011101010x BETTER WITH 'I DESERVE THIS' AS THE START OF THE PLAYLIST Report Comment
InV4Der1!! x33	1709989577 USINGGG Report Comment
b4sil_br41nr0t	1709590317 USING ZOMGOSHHH!! Report Comment
🎭swaggiestComedian🎢	1708638398 might usee Report Comment
horrordeviceluvv	1708394022 usiiinngg Report Comment
LIDIXX:33	1708267152 Ussingggggg!! Report Comment
RUKUI	1708185978 uzzing!! Report Comment
Kalleb^_^	1707948489 using Report Comment
kimbapdequeso	1707078962 using!!!! Report Comment
ap0logyg1rl	1706752299 using!!! Report Comment
something.2be	1706460049 Using idk Report Comment
Luu Gir lyy	1706448449 Usandolo!!! Es muy bello!! ෆ⁠╹⁠ ⁠.̮⁠ ⁠╹⁠ෆ Report Comment
˚˖𓍢ִ໋🌷kiyoomiki	1706355188 using!!! super cute <33 Report Comment
𝔃𝓸 o(〃＾▽＾〃)o	1705627495 using Report Comment
Neptune	1705601229 using!!! :33 Report Comment
DRANUEKA!!!!	1704944157 Usandooo Report Comment
Cyb3r <3	1704505978 Using :3 Report Comment please keep my page credits in :33 ur profile looks great by frankie ☆ iero; 1704609218; Report