Black Metal

Tags: #metal, #metalhead, #blackmetal, #gravestone, #pentagram

Description:

Basic black metal layout with custom cursor and "Hordes of Nebulah" by Darkthrone autoplay.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Taylor ☘︎ 🃟 (https://layouts.spacehey.com/layout?id=36060) -->

<div style="float:  ; height: 100px; position: fixed; left: 2px; bottom: 88px; z-index: 30;"><img src="https://64.media.tumblr.com/4e485ce26aba3b3336191626d69e8c45/f1331e1fa2fce921-8f/s250x400/b6e41a8b57793b8227f8105e6ffad4da98b8898b.gifv"/></div>

<div style="float:  ; height: 100px; position: fixed; right: 2px; bottom: 88px; z-index: 30;"><img src="https://64.media.tumblr.com/82fb3661864d702cad43ea921e9055c3/f1331e1fa2fce921-b7/s250x400/14ae1ddd6b4a6daac767d3a7f582c631adcadb29.gifv"/></div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap');
body{font-family: 'Metal Mania', cursive;}
</style>

<style>

body{
background: url(https://garden.spoonflower.com/c/14482301/p/f/m/HuFb1xiFAkZ-qXMyUkISPOLl2uEBQIpDUOsiNUdw1_jbxdAoOO_U/Black.jpg)
}

nav .top {
    background: black;
    color: #808080;
    padding: 15px 10px 14px 10px;
    position: relative;
}

nav .top .left .logo {
    width: 165px;
    height: 42px;
    filter: brightness(0) saturate(101%) invert(50%) sepia(0%) saturate(1800%) brightness(100%) contrast(1100%);
}

button, input {
    overflow: visible;
    background: black;
    border: 1px solid #808080;
    color: #808080;
    font-weight: bold;
}

.logout-btn, .logout-form {
    color: #808080;
    text-transform: uppercase;
    display: inline-block;
    font-size: 100%;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " 𐕣 𖤐 𐕣";
    color: #808080;
}

nav .links {
    background-color: transparent;
    text-align: center;
    padding: 3.5px 16px 5.5px 16px;
}

nav .links a {
    text-decoration: none;
    color: #808080;
    text-shadow: 0 0 5px #808080;
    background: black;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}

nav .links .special a {
    color: #808080;
}

nav .links a:hover {
    text-decoration: underline;
    color: #000000;
    font-weight: bolder;
    text-transform: uppercase;
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 150px;
    display: block;
    content: "";
    background-image: url(https://64.media.tumblr.com/0cfe09d1d3447d2529b7107fb6933009/125fa66b0c91269d-86/s640x960/3491e7b15bde8305cdac3b7b586c137c7f586142.pnj);
    background-position: center center;
    background-size: cover;
}

main {
    background: black;
    color: #808080;
    border: 1px solid #808080;
    padding: 6px 0px;
    font-size: 80%;
text-align: center;
}

span {
    text-align: center;
    color: #808080;
    text-transform: uppercase;
    font-size: 170%;
}

a {
    color: #808080;
    text-decoration: none;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #808080;
    text-transform: uppercase;
    font-weight: bolder;
    font-style: italic;
}

.edit-link {
    font-size: 90%;
    text-align: center;
}

.general-about .profile-pic {
    display: block;
    float: left;
    margin: 0 15px 8px 0;
    border: 1px solid #808080;
}

.general-about .details {
    display: flow-root;
    text-align: center;
}

.profile .mood {
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.mood:after {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 50px;
    background-image: url(https://cur.glitter-graphics.net/pub/3151/3151949jyl7uhzvm2.gif);
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: 300px;
}


.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: transparent;
    color: #808080;
    text-align: center;
    border-bottom: 1px solid #808080;
    padding: 2px 7px;
}

.profile .blurbs .section p {
font-size: 15px;
text-align: center;
}


.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 1px solid #808080;
    margin: 10px 0;
}

.details-table td:first-child {
    background: transparent;
    color: #808080;
    text-align: center;
    font-weight: bold;
    border: 1px solid #808080;
    width: 33%;
}

.details-table td {
    background: transparent;
    color: white;
    border: 1px solid #808080;
    vertical-align: top;
}

.profile-info {
    border: 1px solid #808080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 30px;
    margin-bottom: 10px;
}

.profile .profile-info {
	background-image: url(https://i.pinimg.com/564x/e9/76/13/e97613b75fda25c72f6b67b985bb2497.jpg);
	padding: 20px;
    border: 1px solid #808080;
    
}


.profile .blurbs .heading, .profile .friends .heading {
    background: transparent;
    border-bottom: 1px solid #808080;
    color: #808080;
    padding: 2px 7px;
    text-align: center;
}

.profile .blurbs {
    margin: 20px 0;
    border: 1px solid #808080;
    
}

.profile .blurbs .section h4 {
    margin: 0;
    color: #808080;
    text-align: center;
}

.friends {
    border: 1px solid #808080;
    
}

.count {
    color: #808080;
}

.profile .friends .person p {
    color: #808080;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    border: 1px solid #808080;
    
}


.friends-grid {
    border-top: 1px solid #808080;
    padding-top: 10px;
}

.comments-table td:first-child, .music-table td:first-child {
    background: black;
    border: 1px solid #808080;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td:first-child img:not(.icon) {
    width: 90px;
    max-width: 100%;
    max-height: 200px;
    border: 1px solid #808080;
    
}

.comments-table td, .music-table td {
    background: #000000;
    border: 1px solid #808080;
    vertical-align: top;
}

table.comments-table {
    border: 1px solid #808080;
    
}


footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: #00000000;
    color: #808080;
     
}


::-webkit-scrollbar {
    width: 12px;
    height: 12px;
BACKGROUND-COLOR: black;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    width: 2px;
    border: 1px dotted #808080;
}
::-webkit-scrollbar-thumb {
    background: #808080;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #808080;  
}

.online {
    content: url(https://cur.glitter-graphics.net/pub/3240/3240505d0eorfbnb6.png)
}

    .icon, .award img {
        content: url(https://64.media.tumblr.com/caa45b8017e2ea7f04eb10c74f91a11e/405abef7f6d766bf-a2/s75x75_c1/b701b8a6a516d320921f328ff8392c6125829853.gifv);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }

HTML,BODY{cursor: 
url(http://www.rw-designer.com/cursor-view/6057.png),
auto;}


A:hover{cursor: 
url(http://www.rw-designer.com/cursor-view/6057.png),
auto;}

body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://booksyo.files.wordpress.com/2020/04/powerlessimpartialaplomadofalcon-size_restricted-1.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

<style>  body {
text-align: center;
}</style>

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

Comments

Displaying 20 of 70 comments ( View all | Add Comment )

abrb_daniel	1755528113 Using Report Comment
⛧𝕯𝖆𝖗𝖐𝖘𝖊𝖎𝖉⛧	1754448610 using Report Comment
Jade	1754165323 using! Report Comment
SIOUXSIE	1753995158 Using Report Comment
𝔧𝔲𝔧𝔲	1752710197 using! Report Comment
⚞•⚟	1751945934 using Report Comment
Scary B𓋹tch	1751470836 Usingg!! Report Comment
mikael	1751387647 using !! Report Comment
𐕣AnaIsDead𐕣	1751250877 Using Report Comment
Dan	1750118560 using Report Comment
⚔ ╋━ 𝓙𝑒𝑠𝑠𝑦 . ˙˙. ..⁶⁶⁶𓂃 ࣪ ִֶָ𖤐་༘࿐	1749823042 using Report Comment
saurnn ☾𓋹	1749707886 Using Report Comment
alex	1749479456 using! Report Comment
Mary Goore	1747317403 usingg!! Report Comment
cloaked.in.silence	1746656685 using Report Comment
MurkOffUser	1742495101 Using! Report Comment
MurkOffUser	1742495088 Using! Report Comment
chu passeios	1742394491 using! (but just the song) Report Comment
𝕳𝖆𝖋𝖎𝖉𝖆𝖊𝖗𝖎𝖘 𖤐	1742306194 using! Report Comment
𖤐 𝕳𝔬𝔡𝔢𝔩𝔬𝔰 ᛉ𓆩𐀔𓆪ᛣ	1741565941 Usando! ×-× Report Comment