Shitty JTHM Layout

Tags: jthm, goth, black, white, grey

Description:

i spent like 2 hours on this (mostly figuring out code), feel free to change whatever you don't even need to credit me.

Preview:

click on the image for a larger preview

Code:

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

<style>
body{
background:url(https://cdn.wallpaperjam.com/content/images/42/93/4293de9268a750d4b97a63e2c8e75dce1f8900f1.png) no-repeat center
fixed;
-webkit-background-size: cover
}
 .logo {
content: url(https://media.discordapp.net/attachments/1083062800752054305/1085761642761048075/image0.jpg);
}
main {
font-family:cambridge;
color: grey;
background-color: black;
border-color: grey;
border-style: dashed;}
nav .top {
background: transparent;
}
nav .links {
  background: rgba(0, 0, 0, 0.9);
}

nav { background-image: url(https://cdn.wallpaperjam.com/content/images/42/93/4293de9268a750d4b97a63e2c8e75dce1f8900f1.png); 
}
.general-about .profile-pic img{

-webkit-mask-image: url(https://imageio.forbes.com/specials-images/imageserve/5ed6636cdd5d320006caf841/0x0.jpg?format=jpg&width=1200);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

transform:scale(1.025,1.025);

position:relative;

top:-0.25em;
}
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 150px;
    display: block;
    content: "";
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRdKI5bXvTB-wrr-j411vLTx59Ou9HH448_Q7xZUFjCbha-g0jOcPRrU8F_nNmwa0Cxf2k&usqp=CAU);
    background-position: center center;
    background-size: cover;
}
#q, button {
color: #ffffff;
background-color: black;
border: 1px solid grey;
font-family: cambridge;
}
p, i, b, .count {
color: grey!important;
}
a, .profile .friends .person p, .logout-btn {
color: grey !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
main {
background: black;
color: grey;
}
.heading, .url-info {
color: grey !important;
background: none;
background-color: black !important;
border: 2px solid grey !important;
}
.inner {
color: grey !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
background-image: url(https://i10.glitter-graphics.org/pub/393/393330nls9d531pr.gif);
        background-position: center;
        background-size: cover;
	padding: 5px;
        border-radius: 8px;
        border: 2px solid #0307ff;
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact.f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.contact {
  background-image: url(https://e1.pxfuel.com/desktop-wallpaper/242/679/desktop-wallpaper-johnny-the-homicidal-maniac-jthm-thumbnail.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  Width: 300px;
  Height:120px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "⛧"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "⛧"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "⛧"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "⛧"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "⛧"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "⛧"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "⛧"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "⛧"
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 2px solid grey;
border-collapse: collapse;
}
td {
color: grey!important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer p {
color grey !important;
}
.comments-table {
color: #ffffff;
border: none;
border-radius: 8px;
}
footer {
    background-image: url(https://i1.glitter-graphics.org/pub/1614/1614441uc5xhgihwi.jpg);
    background-position: center;
background-size: cover;
    border-radius: 8px;
    border: 2px solid red;
}
.general-about {
   border-radius: 8px;
   background: url(https://imageio.forbes.com/specials-images/imageserve/5ed68e8310716f0007411996/A-black-screen--like-the-one-that-overtook-the-internet-on-the-morning-of-June-2-/960x0.jpg?height=399&width=711&fit=bounds);
   background-position: center;
   background-size: cover;
padding: 5px;
}
 body:before {
    content: " "; 
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-image: url(https://i0.wp.com/www.pixelsham.com/wp-content/uploads/2016/06/petaPixel_illusion.gif);
    background-size: cover;
    background-repeat: no-repeat;
    animation: yourAnimation 4s ease 0s 1 normal forwards;
    pointer-events: none;
  }
  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

</style>

<style>* {cursor: url(https://64.media.tumblr.com/ef247e2f4fca3499fb876f5056fa7451/14da5f2e93b7ea90-0a/s75x75_c1/f3ec722c4b93c145c2d0be2b753ea47a3555ccd9.pnj), auto !important;}</style>

<style>
.online{content:url("https://www.myspacegens.com/images/online_now/325.gif");
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/c9x1kOXRM90//?&;amp;;autoplay=1&;loop=1&;controls=1" title="Dark Entries" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</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 31 comments ( View all | Add Comment )

!Nny</3	1762904173 im new and i might use idk yet Report Comment
My0wn5umm3r	1760847331 RAAAHH I LOVE THIS Report Comment
My0wn5umm3r	1760847327 RAAAHH I LOVE THIS Report Comment
Eli	1759124356 IM USING!!!! I LOVE IT SO MUCH!!!!!!! XD Report Comment
Rue	1757042638 Using Report Comment
Lt. Gir	1751554271 using Report Comment
ihearttak89	1749351796 USING :D Report Comment
Max Anderson	1744479264 using Report Comment
_Rednarok_	1741826650 Using~! Report Comment
STRIDER	1740760461 using Report Comment
ROCKBOTTOMZZZ	1739755636 Using Report Comment
Secret Skeleton	1732767118 Using! Thanks :) Report Comment
☆JohnnyM.8D☆	1728581232 using ! Report Comment
︎︎Nny☢︎	1728223978 Using Report Comment
Nava♡	1719554763 Using <3333 Report Comment
syd☆	1712782352 using!! Report Comment
k3tchup_plz!!	1710390427 Using :33 Report Comment
Axel	1706196012 usando Report Comment