black parade layout

Tags:
Description:

i dnt like this but someone probs will....... COMMENT IF USING :3
Preview:

click on the image for a larger preview
Code:

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

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">
<img src="https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExMTVuNGJjY3JkYmhxYTEyeGZkNWV1bjkxZnIybTc1azdkYTh6Nmd0NyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/F7HGvv8iGwnyBoj9BY/giphy.gif" width="300" height="300"/></div>
<style> 

.logo {
content:url("https://www.pngkit.com/png/full/125-1255897_my-chemical-romance-image-my-chemical-romance-three.png");

}


<style>
/* about, interests n comments details */
.profile .table-section .details-table td {
background: #2B2B2B;
border: 7px DarkRed;
-webkit-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

-moz-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

}


.profile .friends .comments-table td {
background-color: black;
border: 7px DarkRed;
}
.comments-table td*{


  }
.profile .comments-table .inner {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3); 

}

.comments-table td:first-child img{
border-style: solid;
border-width: 10px;
border-image: url("https://cdn.discordapp.com/attachments/657655298613575691/853068735812206612/lace-border-png-37013.png") 60 fill round;
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);

}

.profile .comments-table .comment-replies{
background-color: Black;
border: none;
color: white;

}

<style>
/*Put Your Comments In A Scroll Box*/
table.comments-table{
background-color:black;
display: block;
height: 300px!important;
overflow-y: scroll;
border-radius:15px;
border-color:black;
border-width: 3px;
}
</style>

<style>
img:hover , .url-info:hover , .online:hover {
  animation: shake 1s;
  animation-iteration-count: infinite;
}

</style>
<style>.contact img.icon {
display: none;
}
.contact{background-color: !important;}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
content: " ";
display: inline-block;
width: 10px;
height: 10px;
background-image: url('https://i.pinimg.com/originals/af/db/cd/afdbcdff9e996e5c0a7d624d60fe24b2.png');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
content: " ";
display: inline-block;
width: 10px;
height: 10px;
background-image: url('https://i.pinimg.com/originals/af/db/cd/afdbcdff9e996e5c0a7d624d60fe24b2.png');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
content: " ";
display: inline-block;
width: 10px;
height: 10px;
background-image: url('https://i.pinimg.com/originals/af/db/cd/afdbcdff9e996e5c0a7d624d60fe24b2.png');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
content: " ";
display: inline-block;
width: 10px;
height: 10px;
background-image: url('https://i.pinimg.com/originals/af/db/cd/afdbcdff9e996e5c0a7d624d60fe24b2.png');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
content: " ";
display: inline-block;
width: 10px;
height: 10px;
background-image: url('https://i.pinimg.com/originals/af/db/cd/afdbcdff9e996e5c0a7d624d60fe24b2.png');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: " ";
display: inline-block;
width: 10px;
height: 10px;
background-image: url('https://i.pinimg.com/originals/af/db/cd/afdbcdff9e996e5c0a7d624d60fe24b2.png');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: " ";
display: inline-block;
width: 10px;
height: 10px;
background-image: url('https://i.pinimg.com/originals/af/db/cd/afdbcdff9e996e5c0a7d624d60fe24b2.png');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: " ";
display: inline-block;
width: 10px;
height: 10px;
background-image: url('https://i.pinimg.com/originals/af/db/cd/afdbcdff9e996e5c0a7d624d60fe24b2.png');
background-size: 100% 100%;
}
</style>


<style>
.profile-pic {
  border-style: solid black;
border-width: 3px;
box-shadow: 0px 0px 19px 0px black;
 }   



/* name */
h1{
font-size: 30px !important;
font-family: courier !important;
padding-left: 2px !important;
color: white;
text-shadow: 0px 0px 2px black;
}

  .table-section .heading{ font-size:10; }
.table-section .heading:before{ content: url(); 
}




/* section h4 */
.profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
background-image: url("https://www.itl.cat/pngfile/big/85-850290_emo-wallpaper-hd-emo-background.jpg");
text-shadow: 0 0 9px black;
}

.profile .blurbs .section h4 {
font-family: courier; 
text-transform:lowercase;
color: white;
text-shadow: 0 0 9px black;
border: 3px white;

}

/* right headings */
.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:transparent;
text-transform:lowercase !important;
color: white;
}

/* left headings */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: transparent;
color: white;
}

.contact .heading h4{
display:none !important;}

}


<style>
 
@font-face { 

font-family: 'blackside'; 

src: url(https://dl.dropbox.com/s/dbo8631uydhb45w/Blackside%5B1%5D.ttf); 
}

@font-face { 

font-family: starlight; 

src: url(https://dl.dropbox.com/s/cfcp07kvx3qut4s/starlight.ttf); 

}
<style>
body {
font-family: Arial;
background-color: black;
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

#q, button {
color: white;
background-color: black;
border: 1px solid black;
font-family: Arial;
}
p, i, b, .count {
color: white !important;
}
a, .profile .friends .person p, .logout-btn {
color: white !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: gray;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px solid black;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid black;
}
body{
background-image:
url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Black_from_a_camera.jpg/1200px-Black_from_a_camera.jpg);
background-attachment: fixed;
background-size: 1000px;
}

main {
background: black;
color: white;
border-left: 2px solid black;
border-right: 2px solid black;
}
.heading, .url-info {
color: white !important;
background: none;
background-color: black !important;
border: 2px solid white !important;
}
.inner {
color: white !important;
border: 2px solid black;
border-top: none;
}
.profile-info {
border: 2px solid black;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid black;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: white !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid black;
border-collapse: collapse;
}
td {
color: white !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: black;
border: 2px solid black;
}
footer p {
color white !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid black;
margin: 2px;
}
nav .info {
background: none;</style>

<style>
body{
background-color: color !important;
background-image: url('https://img.freepik.com/premium-photo/grunge-background-black-white-old-wall_135595-42589.jpg') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
.top{
background-color: #6A5A5A !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
.links{
background-color: #9D9090 !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>


<style>
.general-about .details{
padding: 2px;
background: darkred;
background-image: url("https://img.freepik.com/free-photo/rusty-metal-wall-with-textured-pattern-generated-by-ai_188544-43153.jpg?size=626&ext=jpg&ga=GA1.1.1224184972.1711929600&semt=ais");
background-size:cover;
}




/* nav bar */
nav{ 
font-size: 13px !important;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
    }<style></style>

<style>
/*Customize Scrollbar*/
    ::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: grey;}

    ::-webkit-scrollbar-track {
    background:black;}
</style>

<style>
/* for this box, you can add an image of your choice. it's right under the contact box. */
.url-info{
    background: url('https://i1.sndcdn.com/artworks-LGBvDNIQ31fF-0-t500x500.jpg');
    background-position: center;
    border: var(--borders)!important;
    height: 300px;
    background-size:cover;</style>

<style>
.url-info p{
    opacity: 0.0;
}

.pfp-fallback{
filter: grayscale(1);
}
<style></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 4 of 4 comments ( View all | Add Comment )
QUILL ^_^	1732758545 using!! :3 Report Comment
nylanoah	1727741840 USING!! Report Comment
c0l0rful_bl00d.666	1712252174 USING!! Report Comment
jessups	1712205794 I LOVE THIS!!! Report Comment TYTYTY :3 by GERARD; 1712209251; Report