My Chemical Romance Layout

Tags: my chemical romance, emo, black, gif, goth, mcr, music

Description:

Loosely based off of The Black parade. includes several blinkies and a spotify embed. i dont need credit or a comment, would b nice to know whos using but like i said dont feel obligated to comment. enjoy.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ace (https://layouts.spacehey.com/layout?id=26204) -->

<div class="frank"></div>
<div class="ray"></div>
<div class="bob"></div>
<div class="mikey"></div>
<div class="gerard"></div>
<div class="demolition"></div>
<div class="lovers"></div>
<div class="geewee"></div>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/2SnKTthxB2rcSSf9v1JWM7?utm_source=generator" width="100%" height="352" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

<style>
    .blog-preview h4{ font-size:0;     border-bottom: 2px solid;    padding: 5px 0 !important;
margin-top: 15px;
margin-bottom: 10px;
color:white;
        
    }
    .frank {
        background: url(https://i4.glitter-graphics.org/pub/982/982544uury8fgu9j.gif) no-repeat;
        background-size: 100%!important;
        position: fixed
        left: 10px;
        bottom: 87px;
        height: 44px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
    }
    
    .ray {
        background: url(https://thumbs.gfycat.com/ImpartialGrimyHare-max-1mb.gif) no-repeat;
       background-size: 107%!important;
        position: fixed;
        right: 0px;
        bottom: -50px;
        height: 370px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
    }
    .bob{
        background:url(https://media.tenor.com/-hVEsA2SVhsAAAAC/mcr-my-chemical-romance.gif);
         background-size: 100%!important;
        position: fixed
        left: 10px;
        bottom: 87px;
        height: 44px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
    }
    .mikey{
      background-image: url('https://i2.glitter-graphics.org/pub/586/586712m5sfpp1t1m.gif');
      background-size: 100%!important;
        position: fixed
        left: 10px;
        bottom: 87px;
        height: 44px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
    
    }
    .gerard{
        background-image: url('https://i2.glitter-graphics.org/pub/1478/1478012zua2i2jvop.gif');
         background-size: 100%!important;
        position: fixed
        left: 10px;
        bottom: 87px;
        height: 44px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
    }
    .demolition{
        background-image: url('https://i6.glitter-graphics.org/pub/1489/1489176q44afvvy2u.gif');
        background-size: 100%!important;
        position: fixed
        left: 10px;
        bottom: 87px;
        height: 44px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
    }
    .lovers{
         background-image: url('https://i5.glitter-graphics.org/pub/48/48635koo6edrvuz.gif');
         background-size: 100%!important;
        position: fixed
        left: 10px;
        bottom: 87px;
        height: 44px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
    }
    .geewee{
        background-image: url('https://i4.glitter-graphics.org/pub/522/522964sa9twp33ce.gif');
                  background-size: 100%!important;
        position: fixed
        left: 10px;
        bottom: 87px;
        height: 44px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
    }
    
    a{color:white;font-style:italic;}
    blog-preview{ font-size:0;}
.blog-preview h4:before{ content: "Bᄂₒg"; font-size:21px; }

.blurbs .heading{ font-size:0;}
.blurbs .heading:before{ content: "ₐ𝚋ₒᵤ𝚝"; font-size:21px; font-weight:bold; }

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "fᵣᵢₑ𝚗𝚍 𝚌ₒᵤ𝚗𝚝"; font-size:21px; font-weight:bold; }

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "𝚌ₒᗰᗰₑ𝚗𝚝𝘴"; font-size:21px; font-weight:bold; }

button {
background-color:white;
  border: none;
  color: black;
  padding: 5px;
border-radius:30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
cursor:help;
}
main:before {
 width:auto;
 height: 200px;
 display: block;
 content: "";
 background-image: url('https://i.pinimg.com/originals/25/c8/22/25c8228cd02415abaa182d14fee671c8.gif');
 background-position: center center;
 background-size:30;
}
.profile .blurbs .section h4{
display:none;}
main {
    background-image: url();
    background-repeat: cover;
    background-size: 100% ;
background-color:#302E2F;
  }  
  body{
background:url("https://i.pinimg.com/564x/bf/5c/51/bf5c516d116f8b6bd43f691819736286.jpg")
     fixed; 
background-size: 200px;
cursor:help;
color:white;
font-size:16px;}
footer {
border-radius: 15px;
background-color:#000;
background-position: center bottom;
background-image: url();

</style>
<style>
@import 
url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
  h1, h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: var(--font-family) !important; 
 text-transform:!important;
  }
  a:hover{
color:black;
cursor:help;
text-decoration:none;
text-shadow: 1px 1px 2px #000, 0 0 25px #fff, 0 0 5px #fff;}
.online {
    content: url(https://i10.glitter-graphics.org/pub/157/157970hj8gwh1fkh.gif);
}
table, th, td {
  border: none ;
}
.profile h1 {
font-size: 42px;
text-shadow: 1px 1px 2px #000, 0 0 15px #fff, 0 0 5px #fff;
}
.profile .contact{
border:none;
height:auto;
padding:15px;
border-radius:50px;
background-size:cover;
box-shadow: 0px 0px 10px 0px #fff;
background-image:url('https://i.pinimg.com/564x/4c/6d/e4/4c6de4136c872001dc830a0484a2ad14.jpg');
background-position:center center;}
.mood{
font-size:16px;
color:#000000;}

.general-about{
color:white;}



.details-table tr:nth-child(1) td:first-child p { font-size:0; }
.details-table tr:nth-child(1) td:first-child p:before { content:"ᵢ𝚗fₒ";font-size:.7rem;}
.details-table tr:nth-child(2) td:first-child p { font-size:0; }
.details-table tr:nth-child(2) td:first-child p:before { content:"ᗰᵤ𝘴ᵢ𝚌";font-size:.7rem;}
.details-table tr:nth-child(3) td:first-child p { font-size:0; }
.details-table tr:nth-child(3) td:first-child p:before { content:"ᗰₒᵥᵢₑ𝘴";font-size:.7rem;}
.details-table tr:nth-child(4) td:first-child p { font-size:0; }
.details-table tr:nth-child(4) td:first-child p:before { content:"𝚝ₑᄂₑᵥᵢ𝘴ᵢₒ𝚗";font-size:.7rem;}
.details-table tr:nth-child(5) td:first-child p { font-size:0; }
.details-table tr:nth-child(5) td:first-child p:before { content:"𝚋ₒₒ𝓴𝘴";font-size:.7rem;}
.details-table tr:nth-child(6) td:first-child p { font-size:0; }
.details-table tr:nth-child(6) td:first-child p:before { content:"𝓱ₑᵣₒₑ𝘴";font-size:.7rem;}

.profile .contact .inner{
background:rgba(0,0,0,0.4);
padding:5px;
text-shadow: 2px 2px 3px #000;
color:white;
border-radius:20px;}
.profile .contact .heading{
display:none;}
.profile .url-info{
display:none;
color:white;}

.profile .table-section{
border:none;
height:auto;
padding:15px;
border-radius:50px;
box-shadow: 0px 0px 10px 0px #fff;
background-size:cover;
background-image:url('https://i.pinimg.com/236x/2f/0a/7f/2f0a7f5308c55af7a785fedf4cf9e19a.jpg');
background-position:center center;}
.profile .table-section .inner{
background:rgba(0,0,0,0.4);
padding:5px;
text-shadow: 2px 2px 3px #000;
color:white;
border-radius:20px;}

.profile .table-section .heading{
display:none;}

.profile .left .table-section:last-child {display:none;}
.home-actions {
border: none
height:auto;}
a.ditto-link {
display: block;
        margin: 10px 0;
        color: #ff59db;
        font-size: 16px;
        font-weight: bold;
text-shadow:3px;
   animation: blinker 1s linear infinite;
    }
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
    .profile-info{
color:white;
padding:10px;
border: 2px solid white;}
 .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: white !important;
        border-bottom: 2px solid;
    }
    comments-table{
display: block;
height: 380px;
overflow-y: scroll;
Border-radius: 15px;}

.comments-table td:first-child, .music-table td:first-child {
    text-align: center;
    font-weight: bold;
border-radius:0px;
    width: 38%;
height:auto;}
table.comments-table td {
background:transparent;}

.comments-table td, .music-table td {
    vertical-align: top;}

.friends-grid{
display:none;}
h1, .count, .friends a p {
    color: var(--names) !important;}

.friends a:hover { 
text-shadow: 1px 1px 2px #000, 0 0 25px #fff, 0 0 5px #fff;}
.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }
    table.comments-table td {
        background-color: !important;
    }
    .profile .friends .inner{
padding:0px;
color:white;}

.profile .blurbs .section {
    margin-bottom: 14px;
color:white;
    text-align: center;}
    .comments-table td:first-child img {
    width: 80px;
    border-radius: 0px;
    box-shadow:0px 0px 3px #ff59db;}

    .profile .friends .person img {
    border-radius: 0px;
    box-shadow:0px 0px 3px #ff59db;}

    .blog-preview p {
    font-size: 16px;
color:white;}
:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: ;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange:pink ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: white;
    }

main{
    border: double white 8px;
    border-radius: 40px;
    overflow:hidden
}
    


</style>

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

mio☆	1743435055 Using! Report Comment
gabby	1743389258 using :3 Report Comment
Th4nksF0rN0th1ng!	1743041752 Using!!!! :3 Report Comment
Th4nksF0rN0th1ng!	1743041751 Using!!!! :3 Report Comment
C4M(Never shout never version)	1742102878 Def using Report Comment
geewaylool	1736582990 Using Report Comment
rinnn :p	1734856302 using !! Report Comment
lani ☆	1733105872 USING! THIS IS AWESOME Report Comment
Lindsey.Dev	1729381271 I THINK IMA USE THIS Report Comment
Mako	1729200789 USINGG!! <33 TYSMM Report Comment
Valekk	1726401503 Using!! Thanks :33 Report Comment
Valekk	1726401502 Using!! Thanks :33 Report Comment
ethan	1723615996 could i have just the cd popup in the corner?? thx Report Comment
ailsa\|-/	1722598036 what code do i use to only get the mcr blinkies Report Comment
vi ✧˚. 🎀	1717164993 i'd like to put only the blinkies plz <3 Report Comment
RafTehEm0B0i	1716088414 using X3 Report Comment
Mcr5isreal	1714784148 Can i get the Blinkies :3? Report Comment
dakota	1714276380 can i just get the blinkies??? Report Comment
LukaVampys	1711187252 can i get the blinkies plz? >_< Report Comment
Lee	1710535082 can i get just the blinkies please? :D Report Comment