slipknot self-titled layout

Tags: slipknot, music, 90s, layout, metal, numetal, nu metal, red, black

Description:

autoplay set to wait and bleed

additional credits:

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

Preview:

click on the image for a larger preview

Code:

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

<div class="chris">
<div class="clown">

<style>
@import url('https://fonts.cdnfonts.com/css/sickness');

div.chris {
    background: url(https://i.ibb.co/hCZbk01/chris.gif) no-repeat;
    background-size: 100%!important;
    position: fixed;
    left: 0px;
    bottom: -17px;
    height: 120px;
    width: 88px;
}

div.clown {
background: url(https://i.ibb.co/hWV7VfW/clown.gif) no-repeat;
position: fixed;
right: 0px;
height: 129px;
width: 88px;
}

body {
    background: url(https://i.ibb.co/0DGmvmf/slipknot-cover.png)  no-repeat fixed;
    background-size: cover;
    background-position: center;
}

main {
    background: #000000cc;
    color: white;
    padding: 0;
}

.logo {
content:url("https://i.ibb.co/GnKKL27/slipknot-logo.webp");
}

nav .top .left .logo {
    width: 96px;
}

nav .top {
    background: black;
    height: 120px;
}

nav .links, .profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: linear-gradient(0deg, #400000, red);
    color: white;
    text-align: center;
}

.profile .friends .heading {
    margin-top: 20px;
}

.profile .blurbs .heading, .profile .friends .heading {
    border: 5px ridge black;
    border-bottom: none;
}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner, .setting-section .inner {
    background: black;
    border: 5px ridge black;
    border-top: none;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    border: 5px ridge black;
    background: black;
}

table.comments-table {
    border: none;
}

a, .profile .friends .person p, .profile .blurbs .section h4 {
    color: #8c8c8c;
}

a:hover, .count {
    color: red;
}

nav .links a:hover {
    color: black;
    text-shadow: none;
}

.profile-info {
    background-image: url(https://i.ibb.co/3BxmCcC/surfacing.gif);
    height: 48px;
    width: 395px;
    border: none;
}

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

.profile h1, .profile .blurbs .section h4 {
   font-family: sickness;
   text-align: center;
   font-size: 2em;
}

main:before {
    height: 145px;
    display: block;
    content: "";
    background-image: url(https://i.ibb.co/hgf2k2r/slipknot-banner.png);
    background-position: center;
    background-size: cover;
}

.details-table td:first-child, .comments-table td:first-child, .music-table td:first-child {
    background: black;
    color: #8c8c8c;
    border: none;
}

.details-table td, .comments-table td, .music-table td {
    background: #520000;
}

.comments-table td {
    border: 2px solid black;
}

.comment-replies {
    border: 5px ridge black;
}

.profile .url-info:after {
    height: 100px;
    display: block;
    content: "";
    background-image: url('https://i.ibb.co/mSfKb0Z/slipknot-pixels.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.award a {
    color: red;
}

.award a:hover {
    color: #930000;
}

.blog-preview:after {
    height: 63px;
    display: block;
    content: "";
    background-image: url('https://i.ibb.co/3Sh6kpy/slipknot.gif');
    background-repeat: no-repeat;
}

footer {
    background-color: #000000cc;
    color: red;
}

.online { visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/333.gif"); animation-name: none; visibility: visible; height: 20px; width: 80px; }

* {cursor: url(https://i.ibb.co/tPDwWF4/slipknot-cursor.png), auto !important;}


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

::-webkit-scrollbar { width: 16px; height: 10px; } 

::-webkit-scrollbar-thumb { background-color: #fff; background-image: url(https://i.ibb.co/NNj6dQg/retro-scrollbar-thumb.png); border-top: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; border-right: 1px solid black; border-bottom: 1px solid black; } 

::-webkit-scrollbar-track { background-color: #fff; background-image: url(https://i.ibb.co/rpqDr6p/retro-scrollbar-track.png); background-size: 3px; } 

::-webkit-scrollbar-button:vertical:increment { background-image: url(https://i.ibb.co/4VS5nfB/retro-scrollbar-increment.png); width: 14px; height: 16px; border-top: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; border-right: 1px solid black; border-bottom: 1px solid black; } 

::-webkit-scrollbar-button:vertical:decrement { background-image: url(https://i.ibb.co/xD64cwd/retro-scrollbar-decrement.png); border-top: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; border-right: 1px solid black; border-bottom: 1px solid black; width: 14px; height: 16px; } 
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/O9gPQB0DUdM?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></div></div>

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

⁺‧₊˚ ཐི⋆𝓗𝓸𝓵𝓵𝓲𝓮⋆ཋྀ ˚₊‧⁺	1752221338 using! thank u :D Report Comment
Kaiser	1750956511 using ^^ Report Comment
Z0M31E	1749836802 using .online Report Comment
Natt	1749688878 usando Report Comment
Dr. wilson	1748986594 using IUI Report Comment
sam	1748853291 using!! this layout is so awesome bro Report Comment
cattylilica	1748469891 USANDOOO Report Comment
KingKoopa	1748463294 USINGGG Report Comment
não é o i.nave	1746317118 Usando!!! :P Report Comment
freakyfart	1743907598 using ', D Report Comment
Shadow	1743716656 usiiing!!!!!!!!!!!!11 Report Comment
Rae	1743337101 The auto play doesnt work for me :( Report Comment
what remains of salem	1743284026 usingg !! :3 Report Comment
gabe	1742062076 Using! Report Comment
people.call.me.emo	1740940878 using Report Comment
vander_1980	1739947403 Using Report Comment
M3xXCy	1739727520 Using:3 Report Comment
gabe	1739409372 Using! Report Comment
DELIANS.SPACE	1738068117 usingg Report Comment
Binky! :3	1737849426 USINGGG!!! Report Comment