Layout published by ace

published 1675930657

Add to Favorites

View Layouts

View Profile

Report Layout

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 )

and changing the details & stuff. (feel free 2 ask me clarifying questions, this might be kinda a mess bc I'm very tired rn)

by east; 1746410645; Report

opps the code didn't show up, just delete the 7's

<7tr>

<7td>

<7p>NameOfInterest<7/p>

<7/td>

<7td>

<7p>PutInterestDetailsHere<7/p>

<7/td>

<7/tr>

by east; 1746410840; Report

how can i only put the buttons? sry

by ⋆˖⁺‧₊☽◯☾₊‧⁺˖⋆𝖆𝖘𝖍‧⋆˖⁺‧₊☽◯☾₊‧⁺˖⋆; 1748012842; Report

mi0☆_strawberry	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
Rain	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 here are the links to the mcr blinkies used in the theme! https://www.glitter-graphics.com/blinkies/movies-music-tv/21AD-mcr-lover https://www.glitter-graphics.com/blinkies/movies-music-tv/1ctW-mcr-blinkie https://www.glitter-graphics.com/blinkies/movies-music-tv/33hs-i-love-mcr https://www.glitter-graphics.com/blinkies/movies-music-tv/34Hm-mcr-for-life https://www.glitter-graphics.com/blinkies/movies-music-tv/14e2-mcr https://media.tenor.com/-hVEsA2SVhsAAAAC/mcr-my-chemical-romance.gif https://i5.glitter-graphics.org/pub/48/48635koo6edrvuz.gif I think in the theme they're added a different way, but how I add blinkies is by choosing the section I want them to show up in, and then I add them by copying the image address, (sometimes it shows up as "Copy Image Link" or whatever), and pasting it into the code (if that code doesn't show up, get the correct code by getting rid of the seven's in this <77img src="PASTELINKHERE"/77>) if you are already using all your "interest" sections, you can make a new one by pasting this text in the box for the interest you want the new interest you are creating to appear under:
NameOfInterest	PutInterestDetailsHere
vi ✧˚. 🎀	1717164993 i'd like to put only the blinkies plz <3 Report Comment
Raf Riot!	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