STARLO WIDE-SCREENED LAYOUT!!!!!!

Tags: undertale, undertale yellow, uty, utyellow, starlo, gif, wide, autoplay, cursor

Description:

---IF YOU USE, CREDIT ME AND/OR COMMENT!!! a layout of starlo from undertale yellow!!! i know a lot of people love him so i whipped this up so you can enjoy the comfort of starlo in your own home (profile)!!!! now, it has a few features!!!!!! -autoplayer that plays "showdown!" (starlos fight theme) -a cool font! -cute lil online now icon -a starlo spacehey logo that does something cool when you hover it -a little starlo head portrait in your blog preview that, yet again, animates!!! -a custom yellow heart cursor, now, i wonder who that reminds me of? -starlo gif banner!!! A FEW WARNINGS -im not that good at coding, so the code might be a bit....odd.... -i havent tested this on mobile -im not sure if it'll work with all browsers -it MIGHT lag too much, not sure

Preview:

Code:

<!-- (c) Layout created by KR15 (the ACTUAL kris dreemurr)🍉 (https://layouts.spacehey.com/layout?id=94154) --> <style> @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap'); main, body {font-family: 'VT323', monospace; font-size: 26px; color: #edf3ff;} .profile .blurbs, .general-about, .profile .friends, .profile .table-section, .profile .url-info, .profile .contact, .profile, .blog-preview {border-radius: 1px; border: 8px solid #edf3ff; box-shadow: 0px 0px 15px #edf3ff;} .online img {content: url(https://i.postimg.cc/v8zffRkc/starlo.webp); max-height: 55px;} .online {color: yellow; font-size: 30px; text-decoration: underline;} main { width: 150%; display: table; table-layout: fixed; margin-left: -200px;} nav .links{width: 150%; display: table; table-layout: fixed; margin-left: -200px;} main:before { width: auto; height: 360px; display: block; content: ""; background-image: url(https://i.postimg.cc/bY54zbJY/ezgif-com-video-to-gif-converter.gif); background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 0px; padding: 0px; } body {background-image: linear-gradient(black,black,rgba(53, 0, 18, 1));} main {background-color: transparent;} .table-section td, .table-section td:first-child {background-color: black;} .profile .blurbs .heading, .profile .contact .heading, .profile .friends .heading, .profile .table-section .heading {background-color: rgba(172,172,172, 0.1); color: yellow;} .profile h4:before, .profile h1:before {content: "* ";} body a, .count, .profile .table-section td:first-child {color: cyan;} .profile .blurbs .section h4 {color: cyan;} .profile .friends-grid, .more {display: none;} .profile .icon {display: none} body a:hover, .logout-btn:hover, nav .links a:hover {color: gold; text-shadow: 1px 1px 0px goldenrod; text-decoration: none;} .profile .comments-table td, .profile .comments-table td:first-child { background-color: black; box-shadow: 0px 0px 15px #edf3ff; border: 8px solid #edf3ff; } .profile h1 { } nav .links li:not(:last-child)::after { content: " "; color: transparent; padding: 10px;} nav .links a, nav.links li.special a { text-shadow: none; } nav .links {text-align: center; font-size: 27px;} nav .links, nav .top, footer {background-color: transparent;} nav .logo {content: url(https://i.postimg.cc/kGB38qZ3/2024-01-03-0ta-Kleki.png);} nav .logo:hover {content: url(https://i.postimg.cc/ZRY1tprx/2024-01-03-0to-Kleki.png);} .profile .url-info p {text-align: center;} .blog-preview {text-align: center;} .blog-preview {background-image: url(https://i.postimg.cc/vTyTw1kQ/2024-01-04-04i-Kleki.png); background-repeat: no-repeat; background-position: bottom left; animation-name: wot; animation-duration: 2s; animation-delay: 8s; animation-iteration-count: infinite; animation-timing-function: linear;} @keyframes wot { 0%, 49% {background-image: url(https://i.postimg.cc/vTyTw1kQ/2024-01-04-04i-Kleki.png); background-repeat: no-repeat; background-position: bottom left;} 100%, 50% {background-image: url(https://i.postimg.cc/1312KmpG/2024-01-04-04a-Kleki.png); background-repeat: no-repeat; background-position: bottom left;} } </style> <style>* {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth586.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/03/03/tiny-hand-with-yellow-heart.html" target="_blank" title="Tiny Hand With Yellow Heart"><img src="https://cur.cursors-4u.net/cursor.png" alt="Tiny Hand With Yellow Heart" style="position:absolute; top: 0px; right: 0px;"/></a> <iframe width="0" height="0" src="https://www.youtube.com/embed/BQK3lGyb7wU//?&;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>

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.