mall goth black and red

Tags: mall goth, red, black, vampire, nu metal, autoplay, slipknot, crt

Description:

this is the layout i use on my profile :-) this is my first full layout so ill probably update this as i figure out how to code. autoplay is waffle by sevendust, feel free to adjust anything if needed!! cd pfp, friends pfp and warning screen are not mine!! full creds go to the owners, heres the code bits from others i used -->

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

https://layouts.spacehey.com/layout?id=80763

https://layouts.spacehey.com/layout?id=84943

if ur using u dont have to comment but they are appreciated!! feel free to send me a friend request, im always happy to make new friends :D update: hi, so sry as of 27/2/24 some of the pixels have been changed :( im gonna try find the old ones sometime soon

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⁶⁶⁶ kieran ♱ (https://layouts.spacehey.com/layout?id=92972) -->

<style>
}
:root {
        --logo-blue: darkred;
        --darker-blue: darkred;
        --lighter-blue: #b30000;
        --even-lighter-blue: red;
        --lightest-blue: red;
        --dark-orange: red;
        --light-orange: red;
        --even-lighter-orange: red;
        --green: red;
}
main {
font-family: 'ms ui gothic';
color: red;
background-color: black;
border-color: red;
border-style: ;}
nav .top {
background: transparent;
}
#q, button {
color: #F55536;
background-color: black;
border: 1px solid red;
font-family: inherit;
}
p, i, b, .count {
color: red!important;
}
a, .profile .friends .person p, .logout-btn {
color: red !important;
font-family: 'ms ui gothic';
text-decoration: 
}
.container {
margin: 0 auto 0;
}
.count {
    color: black;
    border: 1px black:
}
main {
background: black;
color: red;
}
.heading, .url-info {
color: red !important;
font-family: 'ms ui gothic';
background: none;
background-color: black !important;
border: 1px solid red !important;
}
.inner {
color: red !important;
border: 1px solid red !important;
border-top: none;
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 150px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/236x/f1/3d/1e/f13d1e6287d706332ebf57ebdc8a1fb5.jpg);
    background-position: center center;
    background-size: cover;
}
.profile-info {
background-image: url(https://i.pinimg.com/236x/05/76/11/0576119840986b490b268ecdb03e4e5d.jpg);
        background-position: center;
        background-size: cover;
	padding: 5px;
        border-radius: 8px;
        border: 1px solid red;
border: 1px solid red;
}
.contact {
  background-image: url(https://i.pinimg.com/236x/28/d1/a0/28d1a025f55c9444301bd90f9d00bd89.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  Width: 300px;
  Height:120px;
}
footer {
    background-image: url(https://i.pinimg.com/236x/47/16/66/47166635b5f9c7cd6333dcf55c52f3d0.jpg);
    background-position: center;
background-size: cover;
    border-radius: 8px;
    border: 2px solid red;
}
.general-about {
   border-radius: 8px;
   background: url(https://i.pinimg.com/236x/fa/d9/71/fad9718306950911358a62064f428123.jpg);
   background-position: center;
   background-size: cover;
padding: 5px;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border: 1px solid red:
border-bottom: 1px solid red;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact.f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4c439c6e-3ac8-4098-914f-8a637bf573f0/dgmv2jw-1ce6891f-a021-4599-9117-1d56eceebe4c.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRjNDM5YzZlLTNhYzgtNDA5OC05MTRmLThhNjM3YmY1NzNmMFwvZGdtdjJqdy0xY2U2ODkxZi1hMDIxLTQ1OTktOTExNy0xZDU2ZWNlZWJlNGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.J7-oGpFqRkdXrfmdY8ys_lmU7W4s22hz16yjJRE7amI');
}
.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;
}
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://images.emojiterra.com/google/noto-emoji/unicode-15/animated/1fac0.gif);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
}
 .comments-table td:first-child img {clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
nav .links li .icon{
content: url('https://64.media.tumblr.com/72ce3df652cb02da74f606171b6c9d40/df9993671d388a92-c9/s75x75_c1/aed97fbd1064eb3886ab3f78249c8ebb23da7533.gifv');
}

.contact {
        font-size: #px;
        font-family: fontfamily;
        
        
    }
    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://xyz.crd.co/assets/images/gallery21/d673a583.gif?v=6ecccb1c")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://vermillion.drr.ac/assets/images/gallery01/0323be38.gif?v=7ca7602c")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://cdn.discordapp.com/emojis/1148420753780375563.gif?size=96&quality=lossless")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://nustufff.carrd.co/assets/images/gallery22/a5f24c1e.gif?v=5bcf7cb9")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/d0dba451bf4f1a1cc1e6f11df8877f9f/6f7e15459affd095-a9/s75x75_c1/587db3e808f8d250ec7d70c1eb41bbea2727bd14.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://maguro.carrd.co/assets/images/gallery08/e53db54a.gif?v=6d27d80b")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://external-media.spacehey.net/media/sjsnrYYhDEnmkAMQiNxtUdybjhH-iaAI3wrxQ1hPDz8o=/https://pixels.crd.co/assets/images/gallery88/62215cee.gif?v=379361a4")
    } 
}
table, th, td {
border: 0px solid;
}
:root {
--topic1: "general (x_x)⌒☆";
--topic2: "music (^_^♪)";
--topic3: "film (´꒳`)♡";
--topic4: "tv (°ロ°) !";
--topic5: "books (^.~)☆";
--topic6: "vidyagames (´ ∀ ` *)";
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
color:red !important;
letter-spacing:normal !important;
text-shadow: none;
font-size: 10pt
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}
body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(255 0 0 / 30%) 40%, rgb(0 0 0 / 0%) 40%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 2px solid red;
border-collapse: collapse;
}
td {
color: red!important;
background: none;
background-color: black !important;
font-family: 'ms ui gothic';
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer p {
color red !important;
}
.comments-table {
color: red;
border: black;
border-radius: 1px;
}
.comment-replies {
    border: 2px black;




 
 .logo {
  
content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4c439c6e-3ac8-4098-914f-8a637bf573f0/dgmtxxd-1bd7ab94-fb4b-4e3b-a4df-5c2006fe1761.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRjNDM5YzZlLTNhYzgtNDA5OC05MTRmLThhNjM3YmY1NzNmMFwvZGdtdHh4ZC0xYmQ3YWI5NC1mYjRiLTRlM2ItYTRkZi01YzIwMDZmZTE3NjEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.08aR-mYuj8OZpGCD4vGDLFtFOQGewMWenoRIoe21XRI")
  
  }
  





<style>

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

nav .links li:not(:last-child)::after,

footer .links li:not(:last-child)::after{

    content: " ♰ ";

    color: red;

    font-weight: ;

}

</style>









<style>body { cursor: url('data:image/x-icon;base64,AAACAAEAICAQAAAAAADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAAAAAAAAX1xaAP///wAEBAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADMzMzMAAAAAAAAAAAAAABEzMBMzEQAAAAAAAAAAAAAAMwAAMwAAAAAAAAAAAAAAAzIiIiMAAAAAAAAAAAAAADMiIiIjMAAAAAAAAAAAAAMyIiIiIjMAAAAAAAAAAAAzIiIiIiIjAAAAAAAAAAAAMiIiIiIiIjAAAAAAAAAAADIiIiIiIiIwAAAAAAAAAAAyMiIiIiIiMAAAAAAAAAAAMjIiIiIiIjAAAAAAAAAAADIyIiIiIiIwAAAAAAAAAAAyMiIiIiIiMAAAAAAAAAAAAAIjIjIjIjAAAAAAAAAAAAAyIyIyIyIwAAAAAAAAAAAAMiMiMiMiMAAAAAAAAAAAADIjMzMzIjAAAAAAAAAAAAAyIwAAAyIwAAAAAAAAAAAAMiMAAAMiMAAAAAAAAAAAADIjAAADIjAAAAAAAAAAAAAyIwAAAyIwAAAAAAAAAAAAMiMAAAMiMAAAAAAAAAAAADIjAAAAMwAAAAAAAAAAAAADMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////////////////////////////////4B///4AH///gH///wB///4AP//8AB//+AAP//gAD//4AA//+AAP//gAD//4AA//+AAP//wAD//+AA///gAP//4AD//+Hw///h8P//4fD//+Hw///h8P//4fn///P/////////////w=='), auto; }</style>














<!-- (c) Layout created by boykisser's bf (https://layouts.spacehey.com/layout?id=80763) -->

<div id="profile">

<ul>

<center>
<h1> ENTER IF YOU DARE</h1> 


<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4c439c6e-3ac8-4098-914f-8a637bf573f0/dgmv88s-d1138316-3884-42fd-93a1-25a6020eb70f.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRjNDM5YzZlLTNhYzgtNDA5OC05MTRmLThhNjM3YmY1NzNmMFwvZGdtdjg4cy1kMTEzODMxNi0zODg0LTQyZmQtOTNhMS0yNWE2MDIwZWI3MGYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.A1CGfzkA8ZNth-RVppoGngC6aKm7YQUAAe1OIVyK-bw" style="float:right;width:30%;"/>
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4c439c6e-3ac8-4098-914f-8a637bf573f0/dgmv88s-d1138316-3884-42fd-93a1-25a6020eb70f.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRjNDM5YzZlLTNhYzgtNDA5OC05MTRmLThhNjM3YmY1NzNmMFwvZGdtdjg4cy1kMTEzODMxNi0zODg0LTQyZmQtOTNhMS0yNWE2MDIwZWI3MGYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.A1CGfzkA8ZNth-RVppoGngC6aKm7YQUAAe1OIVyK-bw" style="float:left;width:30%;"/>



<p>half alive and stark-raving free and maligned<br/>

<br/>encroaching on the purpose of this commercial-free interruption<br/>
<br/> due to the prolific nature of this statement
<br/>listener aggression is advised





<br/><br/><br/>click below to view profile<br/>




<a href="#profile"> LET ME IN!!!!</a>
<br/><a href="https://spacehey.com/home">TAKE ME BACK!!!!</a>
<br/><br/><br/>

</p><center><img src="https://i.pinimg.com/236x/35/20/99/3520996e09d458748a4c658f4fc5fc87.jpg"/>
<br/>




</center></center></ul></div>


<style> 

:root {
  --warning-background-image: red;
  --warning-text-color: red;
}

#profile {
 position: fixed;
 background-image: url('https://i.pinimg.com/236x/c3/e5/4d/c3e54d2e32e5700ea9ed502721b89b69.jpg');
 background-color: #b51827;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 150%;
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}

#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > ul {
 padding: 10px 50px;
 border: 5px double #b51827;
 border-radius: 20px;
 Background-color: black;
}
</style>




<style>

.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url(https://i7.glitter-graphics.org/pub/104/104607x61kd02dl0.gif);
}

</style>



<style>

@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
body{font-family: 'insert font variation', insert font type;}

</style>





<style>

nav, nav .links a {
color: red;
}
nav .top {
margin-top: 2px; 
background: "https://i.pinimg.com/236x/99/ee/81/99ee81e53a0bd2e7894ded9da53ab6f2.jpg"; 
background-color: black;
border: 2px solid red; 
border-bottom: none;
}
nav .links {
background-color: black;
border: 1px solid red; 
}

</style>



<style>

body{
background-image:
url(https://i.pinimg.com/236x/83/4e/5a/834e5acf9c21760754df014f079b74f5.jpg);
background-attachment: fixed;
background-size: 1000px;
}
.blog-preview .pinned .icon{
content: url('https://64.media.tumblr.com/5b2503d202594d6180cb3c5123aa97ce/ebef0e60a767d10c-cd/s75x75_c1/0fcc08d832f3e9548e62673abbf2112e25b4c1bb.gifv');
}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Ltj4d9DVxG8//?&;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 33 comments ( View all | Add Comment )

tori wilkins	1721901992 using! Report Comment
Mazzy!	1721801089 Using! Tsym <3 Report Comment I changed the layout a bit, just so you know! by Mazzy!; 1722034121; Report
𝜗𝜚𝓪𝓶𝓸𝓾𝓻𝜗𝜚	1721441481 using!! Report Comment
L30!!	1717202273 USINGG Report Comment
Divine Intervention	1713483366 using ur da goat Report Comment
_.vampie._	1713091798 using! changed some things but looks SO FCKIN GOOD Report Comment
Giles	1711138970 USINGGG!!!! changed some things up if thats oki Report Comment
michiii	1709752468 how can I remove the autoplay song? i wanna play another song Report Comment
sam!!	1708725770 using :3 how can i delete the loading screen? Report Comment hii! the layout code for the warning should be after , hope this helps!! :D by ⁶⁶⁶ kieran ♱; 1708987842; Report
1# Douch Canoe	1707798003 Using Report Comment
ʚ . . jasper — ✨	1707746200 using Report Comment
meat	1707625900 using :3 Report Comment
blair. ☥	1706569592 using Report Comment
Alixander	1706163488 using!! Report Comment
aheo	1706008409 not sure if I already commented, but using Report Comment
joel ᶻ 𝗓 𐰁	1705850085 using :3 Report Comment
lukaa	1705795242 USINGG :333 Report Comment
Jayyy	1705576593 Usinggg Report Comment
Gore Whore	1705287033 This is so cool, using :)) Report Comment