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

v4mpyboi	1750391177 Using! Report Comment
epicbella	1749858186 using Report Comment
THE BRUTE	1749775270 using Report Comment
☆Ａ𝐋𝑒ｘ☆ Ｖｅｎ𝔬𝔪 ☆	1748715670 using Report Comment
𐙚 Anyy !¡ •.°	1746755965 Usando!! Report Comment
{Mika} ;p	1746378838 Using!! Report Comment
ABBYYX!!!	1746095652 USINGG!! Report 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
Dead. dev	1737838434 Using :b Report Comment
Dead. dev	1737838433 Using :b Report Comment
outis	1737556491 using tysm!! Report Comment
xxx.Lexi.xxx	1737114827 Using Report Comment