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

kenz133	1728394637 using!!:) Report Comment
Mary	1727169088 using <3 Report Comment
†4††êrêÐ	1724956643 usinnn Report Comment
XxRazorEdgeXx	1722184929 using Report Comment
𝕯𝖆𝖓𝖎𝖊𝖑 (𝖘𝖊𝖈𝖗𝖊𝖙 𝖆𝖈𝖈)	1720987282 usingg Report Comment
Mutiilation	1720765711 Using!! Report Comment
xXxj0yf4cexXx	1718765155 using Report Comment
hermit	1718380966 usiiing i love it af Report Comment
Lycus	1717587929 Im using Report Comment
valzz >__<	1717422415 using!!!! :3 Report Comment
Kat	1717057783 using :p Report Comment
fyentanyl	1713936178 using :3 Report Comment
LIANAᵕ̈	1711176040 using Report Comment
De4thBringeR	1710434272 using, brutal as fck Report Comment
Aqua🪼	1709996858 Using Report Comment
hanniballlzzz	1709752552 using this i love it sm! Report Comment
Imago Mortis	1708616504 using, love it!! Report Comment
Cassandra	1707819992 Using Report Comment
offtherip ひ	1706987911 using this hard fr Report Comment
ADAMAUS	1706893138 using this is brutal Report Comment