korn - see you on the other side layout

Tags: korn, music, see you on the other side, syotos, 2000s, layout

Description:

layout based off korn's 2005 album see you on the other side :)

autoplay is set to twisted transistor

additional credits:

cd pfp: https://layouts.spacehey.com/layout?id=29048

logo: https://layouts.spacehey.com/layout?id=27234

cursor: https://layouts.spacehey.com/layout?id=96418

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by trash (auto music) (https://layouts.spacehey.com/layout?id=99879) -->

<div class="box"></div>
<div class="warning"></div>

<style>
@font-face {
font-family: 'Kornucopia';
src: url('https://fontsforyou.com/fonts/k/Kornucopia.ttf');
}

.logo {
content:url("https://i.ibb.co/JKSMryJ/korn-com-logo.gif")
}

div.box {
    background: url(https://i.ibb.co/MS1MkJm/syotos-box.png) no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: -20px;
    bottom: -20px;
    height: 394px;
    width: 296px;
    border: none;
}

div.warning {
background: url(https://i.ibb.co/x1j4s6s/korn-parental-advisory.gif) no-repeat;
position: fixed;
left: 10px;
bottom: 10px;
height: 100px;
width: 100px;
}

body {
    background: url(https://i.ibb.co/mCHqcR2/syotos-wallpaper.webp)  no-repeat fixed;
    background-size: cover;
    font-family: kornucopia;
    font-size: 30px;
    letter-spacing: 2px;
    background-position: center center;
    padding-top: 45px;
}

.logout-btn {
    font-family: 'Kornucopia';
    letter-spacing: 2px;
}

.icon {
    height: initial;
    width: initial;
}

.icon.emoji {
   font-size: initial;
}

.award img {
    height: 1em;
    width: 1em;
}

main {
    background: #0d101ce8;
    color: white;
    font-size: 95%;
    padding: 0;
}

p {
    margin: 0px;
    filter: drop-shadow(0px 2px 2px black);
}

nav .top {
      background: url(https://i.ibb.co/yYtxkMD/syotos-header.jpg);
    background-size: cover;
    background-position-y: center;
    padding: 75px;
    padding-top: 90px;
    border-radius: 30px 30px 0px 0px;
}

nav .links {
    text-align: center;
    background: linear-gradient(0deg, #000000, #9f0000);
}

nav .links a {
    text-shadow: 0 0 7px #ff0000;
}

nav .links a:hover {
    color: #4966b6;
    text-decoration: none;
}

main:before {
    width: 100%;
    height: 100px;
    display: block;
    content: "";
    background-image: url('https://i.ibb.co/Km8rFRQ/syotos.gif');
    background-position: center center;
    background-size: cover;
}

.profile-info {
     background-image: url('https://i.ibb.co/Thr96ft/syotos-banner.gif');
    background-size: cover;
    padding: 30px;
    height: 51px;
    border: none;
}

.profile-info .inner {
    display: none;
}

.profile .blurbs .heading, .profile .friends .heading {
     background-image: url('https://i.ibb.co/S09cZMV/syotos-blurbs.jpg');
     background-size: cover;
     color: white;
     text-align: center;
     border: 3px ridge #000000;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
     background-image: url(https://i.ibb.co/S09cZMV/syotos-blurbs.jpg);
    color: #ffffff;
    background-size: cover;
    background-position: center;
    text-align: center;
    border: 3px ridge #000000
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
     border: none;
}

.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .setting-section .heading h4, .statistics .heading h4 {
    font-weight: lighter;
}

.profile .url-info:after {
    height: 250px;
    display: block;
    content: "";
    background-image: url('https://i.ibb.co/2d4JbMg/syotos-intro.gif');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.blog-preview h4:after {
    height: 60px;
    display: block;
    content: "";
    background-image: url('https://i.ibb.co/C0nXD4N/lotos-banner.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    margin: 25px 0px;
}

a {
    color: #4966b6;
}

a:hover {
    color: #b21304;
    text-decoration: none;
}

.profile .friends .person p {
    color: #777c8b;
}

.award a, .profile .blurbs .section h4, .count {
    color: #b21304;
    filter: drop-shadow(0px 2px 2px black);
}

.profile h1 {
    font-size: 2em;
    text-align: center;
}

.profile .blurbs .inner, .profile .contact {
    background: linear-gradient(0deg, #202037f0, #5e659b8a);
    box-shadow: inset 0px 0px 2px 1px #627bc391;
}

.details-table td:first-child, .comments-table td:first-child {
    background: linear-gradient(90deg, #202037f0, #5e659b8a);
    box-shadow: inset 0px 0px 2px 1px #627bc391;
    color: #4966b6;
}

.details-table td, .comments-table td, .comment-replies  {
    background: linear-gradient(0deg, #121227f0, #202037f0);
    border:none;
    box-shadow: inset 0px 0px 2px 1px #2b385f91;
}

table.comments-table {
    border: none;
}

.profile .contact a {
    color: #b21304;
    filter: drop-shadow(0px 2px 2px black);
}

.nav, footer, .profile .contact {
    background-color: transparent;
}

nav .top .center, nav .top .right {
    filter: drop-shadow(0px 2px 2px black);
}

::-webkit-scrollbar { width: auto; height: auto; } 

::-webkit-scrollbar-thumb { 
background: url(https://i.ibb.co/wcnN8DT/winxp-scrollbar.png) repeat-x -118px 0, url(https://i.ibb.co/wcnN8DT/winxp-scrollbar.png) repeat-x -169px 100%, url(https://i.ibb.co/wcnN8DT/winxp-scrollbar.png) repeat-x -220px 50%, url(https://i.ibb.co/wcnN8DT/winxp-scrollbar.png) -16px 0;
}

::-webkit-scrollbar-track { 
    background: url(https://i.ibb.co/pwspzrJ/winxp-scrollbar-track.png); 
} 

::-webkit-scrollbar-button:vertical:increment { 
background: url(https://i.ibb.co/wcnN8DT/winxp-scrollbar.png) no-repeat -257px 6px, url(https://i.ibb.co/wcnN8DT/winxp-scrollbar.png) -67px 0;
}

::-webkit-scrollbar-button:vertical:decrement { 
background: url(https://i.ibb.co/wcnN8DT/winxp-scrollbar.png) no-repeat -257px 6px, url(https://i.ibb.co/wcnN8DT/winxp-scrollbar.png) -67px 0;
background-position-y: -6px, 0;
} 

body { cursor: url('data:image/x-icon;base64,AAACAAEAICACAAAAAAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAABgAAAAwAAAAMAAAAGAAAARgAAAGwAAAB8AAAAf4AAAH8AAAB+AAAAfAAAAHgAAABwAAAAYAAAAEAAAAAAAAAAAAAAAAAAAA/////////////////////////////////////////////////////////////////+f////D////w////4f///eH///zD///8Q////Af///wAf//8AP///AH///wD///8B////A////wf///8P////H////z////9/////////8='), auto; }

.online { visibility: hidden; } .online img { content: url("https://i.ibb.co/k2GvXHn/online-now-rockin.gif"); animation-name: none; visibility: visible; height: 20px; width: 80px; }

/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://i.ibb.co/nRZwPmd/syotos-cd.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;
}

p { 
    margin: inherit;
}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/msTVnawtLVw?si=R1oh_wn2CiQrdCogsi=1q7F5I_wZ2VJBGqg&;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">
&gt;</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.

Comments

Displaying 17 of 17 comments ( View all | Add Comment )

andre_must_dye	1762016752 using Report Comment
head.stone4thebrknhearted	1758146448 OMFG ILYSM FOR THIS OMGGG PERFECTION OH MY GOD THANK YOU OH MY GOD PLEASEEEE Report Comment
head.stone4thebrknhearted	1758146427 OMGGGGGGGGGGGGGGGGGGGGGGGG I LOVEEEE Report Comment
ProlapseDDevil	1756078323 Do you think you could add a code on just how to add the Korn font? I can't get the sizes right for each title by just putting it in the body. Awesome layout though! Report Comment
Boris01	1754520249 using Report Comment
cole_c@nnibal	1752668935 USING WHHAHAHA Report Comment
Ch1do-Dam13n	1750656458 using Report Comment
rojellyfi!	1740543420 usingg Report Comment
Addy	1736666881 using :) Report Comment
TearJerker	1735939475 USING Report Comment
korno kreep	1730580445 USING OMG THIS IS SO COOL Report Comment
gabriel/damien	1723954885 Using :D Report Comment
ALEXUS (⁠≧⁠▽⁠≦⁠)	1721261306 using Report Comment
Zombeh	1710232088 Using! :D Report Comment
punkz	1709944684 using !! :D Report Comment
headfirstforhalos	1709156592 using Report Comment
sayem	1708546333 omg maiz referencia no puede ser Report Comment