Black, Red Emo/Punk Layout (ZoeBlack1999's)

Tags: black, red, emo, edgy

Description:

Punky red and black layout, with added spotify player. If using, don't forget to comment underneath xx

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ℤ𝕠𝕖 𝔹𝕝𝕒𝕔𝕜 (https://layouts.spacehey.com/layout?id=100588) -->

<style>
    body {

 background:url(https://i.pinimg.com/originals/a9/7b/a8/a97ba8f8a23fa8af0fe9badc50072483.jpg);
    }
    .profile {
        background:black;
    }
    .profile .blurbs .heading,
    .profile .friends .heading {
        background-color:#660000;
    }
    .profile .contact .heading,
    .profile .table-section .heading {
        background-color:black;
    }
    .profile .contact,
    .profile .table-section {
        border-color:black;
    }
    main .left {
        background-color:#660000 ;
    }
    .profile .url-info{
        border-color: black;
    }
    .profile .contact {
        border-color: black;
    }
    nav .top {
        background-color:black;
    }
    .profile .table-section .heading {
        border-color:red;
    }
    .details-table td * {
        background:white;
        border-color:white;
        color:black;
    }
    .profile .friends .heading h4 {
        color:black;
    }
    nav .links {
        background-color:#660000;
    }
    .profile .blurbs .heading h4 {
        color:black;
    }
    .profile .friends .inner {
        color:#660000;
    }
    .profile .blurbs .inner {
        color:#660000;
    }
</style>
<style>
  
</style>
<style>
    h4 {
        color:;
    }
</style>
<style>
    div .blog-preview {
        background:#660000;
    }
</style>
<style>
    a {
        color:white;
    }
</style>
<style>
    .profile .contact .heading {
        color:#660000;
    }
</style>
<style>
    .profile .table-section .heading {
        color:#660000;
    }
</style>
<style>
    .comments-table td:first-child {
        background:url();
    }
</style>
<style>
    .comments-table td {
        background:black;
    }
</style>
<style>
    .comments-table td {
        border-color:#660000;
    }
</style>
<style>
    table.comments-table {
        border-color:#660000;
    }
</style>
<style>
    footer {
        background:black;
    }
</style>
<style>
    footer {
        color:red;
</style>
<style> 
    .blurbs .inner .section:nth-child(2) h4 {
        font-size:0;
    }
    .blurbs .inner .section:nth-child(2) h4:before {
        content: "My fucktastic music";
font-size:.8rem;
    } 
</style>
<style>
    .friends .heading {
        font-size:0;
    }
    .friends .heading:before {
        content: "Amazing Strangers";
        font-size:.8rem;
        font-weight:bold;
        color:black;
    }
</style>
<style>
    .friends#comments .heading {
        font-size:0;
    }
    .friends#comments .heading:before {
        content: "Comments";
        font-size:.8rem;
        font-weight:bold;
    } 
</style>
<style>
    .details-table td:first-child {
        background-color:white;
    }
</style>
<style>
    .profile .table-section .heading h4 {
        font-size:0;
    }
    .profile .table-section .heading h4:before {
        content: "Cool shit";
        font-size:.8rem;
        font-weight:bold;
    } 
</style>
<style>
    .contact .heading {
        font-size:0;
    }
    .contact .heading:before {
        content: "What's up sluts?";
        font-size:.8rem;
        font-weight:bold;
    }
</style>
<style> 
    .profile .table-section:nth-child(2) h4 {
        font-size:0;
    }
    .blurbs .inner .section:nth-child(2) h4:before {
        content: "My fucking amazing music. What? I'm a music producer - duh.";
        font-size:.8rem;
    } 
</style>
<style>
    .blurbs .heading {
        font-size:0;
    }
    .blurbs .heading:before {
        content: "Me, myself and I";
        font-size:.8rem;
        font-weight:bold;
        color:black;
    }
</style>
<style>
    .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 {
        content: "♡"; /* Add to Friends */
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
        content: "☆"; /* Add to Favorites */
    }
     .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
        content: "♢"; /* Add to Favorites */
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
        content: "️✍︎"; /* Forward to Friend */
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
        content: "♤"; /* Instant Message */
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
        content: "✂︎"; /* Block User */
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
        content: "♧"; /* Add to Group */
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
        content: "☂︎"; /* Report Profile */
    }
</style>
<style>
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
    }
</style>

<!-- Paste the Spotify Embed code here -->
    <iframe src="https://open.spotify.com/embed/playlist/483ryhpUKKhMCkXgJR3D6g" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></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 30 comments ( View all | Add Comment )

yven	1745427869 using! Report Comment
kio	1745189188 using Report Comment
v1nnx	1745179456 usinggxddd Report Comment
Mazi	1744933605 usinggg Report Comment
Mazi	1744933605 usinggg Report Comment
M00NDU$T!	1741404881 using Report Comment
valiar	1740433469 using!! Report Comment
Dominik	1738852671 usingg Report Comment
★axlar★	1738529052 using^ Report Comment
Ghost ¡☆!	1737838434 Using :b Report Comment
Ghost ¡☆!	1737838433 Using :b Report Comment
outis	1737556491 using tysm!! Report Comment
xxx.Lexi.xxx	1737114827 Using Report Comment
repo_mouse06	1736922685 using!!! <3 Report Comment
S3rv4nt_0f_K1r4	1736902275 using!! Report Comment
DigitalDisease	1736880913 using Report Comment
A T L A S	1736496637 using! Report Comment
Kat :P	1734887364 Help why did the background turn Galaxy print Report Comment
vxl~tine	1732854785 using Report Comment
Elias-thedemon	1732698795 hiii can u make a separate code for the spotify player? cool layout! (NOT using) Report Comment Hello! Tried replying you the code but SpaceHey decided "nah, we ain't showing it." So... At the very bottom of the layout code, copy and paste the tiny section underneath that says "paste the spotify embed code here" Change my Spotify URL to yours and bam! Done :)) Hope this helped! (Apologies for the 3 notifs you're going to receive because of this sobs) by ℤ𝕠𝕖 𝔹𝕝𝕒𝕔𝕜; 1732702140; Report OMS TYSM!!!! ill change the playlist later! (im on my school pc and spotify is blocked) but uh using!! by Elias-thedemon; 1732708455; Report