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 62 comments ( View all | Add 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
𖤐 𝕳𝔬𝔡𝔢𝔩𝔬𝔰 ᛉ𓆩𐀔𓆪ᛣ	1741518091 Usaando :D𖤐 Report Comment
cielvqmp ˚˖𓍢ִִ໋	1741096712 USINGGG THXXX Report Comment
Kai4ok	1740917757 Using :P Report Comment
vander_1980	1739931224 using !! Report Comment
TheGoodArab	1739651441 Using!! Thanks for this >w< Report Comment
abel	1739366312 using !! Report Comment
narcisa.07600	1738541800 Using :b Report Comment
QX1RC	1738495582 using :P Report Comment
Max	1738277677 using! Report Comment