Black, red emo 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 15 of 15 comments ( View all | Add 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
mikey (pool boy @ the vampire mansion)	1732460851 using :3 Report Comment
✮lkay mob 🕷️ཀ`	1732202757 Usingggg Report Comment
verluke, s	1731766194 using, TYSM Report Comment
Matty ಠ_ಠ	1730471995 using :33 Report Comment
⋆༺𓆩Ell𓆪༻⋆	1727641045 usinggg:3 Report Comment
#1 WWW HATER	1723930040 using ! lookks awesome :^) Report Comment
MiLES	1723448447 using Report Comment
joel the chic ୨୧	1723323606 Using !! Report Comment
Gr3asy_Z0mb13	1718565979 usingz Report Comment
Atlas	1711657309 Is it cool if I just take pieces of it? Report Comment Sorry for the late reply, but absolutely! by ℤ𝕠𝕖 𝔹𝕝𝕒𝕔𝕜; 1714436573; Report
ℤ𝕠𝕖 𝔹𝕝𝕒𝕔𝕜	1710804521 If anyone would like to use my layout - don't forget to comment below and give credit xx Report Comment