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 ⁶⁶⁶ kieЯan ♱ (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 40 comments ( View all | Add Comment )

~Fluffy~	1733946258 Using! Although some of the contact clickables- including sending friend requests doesn't work- any way to change and/or fix that? wasn't sure if it was intentional Report Comment
xX_rAy3Rev3nGe_Xx	1732842314 usinggg!! :D Report Comment
UnSaintlyValentine	1732750440 using! thank you! Report Comment
MISSY	1727774093 using Report Comment
susu	1727674824 using Report Comment
xX.Kat1e.K1llz.Xx	1727054289 useing! Report Comment
𝖆𝖓𝖌𝖊𝖑 ⛧	1725512174 usingggggg thank u Report Comment
tori wilkins	1721901992 using! Report Comment
★ Gloomy	1721801089 Using! Tsym <3 Report Comment I changed the layout a bit, just so you know! by ★ Gloomy; 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
Ghiles	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 ⁶⁶⁶ kieЯan ♱; 1708987842; Report
1# Douch Canoe	1707798003 Using Report Comment
ʚ . . ryder — ✨	1707746200 using Report Comment
meat	1707625900 using :3 Report Comment