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

_Rednarok_	1741826650 Using~! Report Comment
1NF3RN0.EXE	1740760461 using Report Comment
ROCKBOTTOMZ	1739755636 Using Report Comment
kittycore	1735418374 using Report Comment
Secret Skeleton	1732767118 Using! Thanks :) Report Comment
☆Johnny_Mothguy☆	1728581232 using ! Report Comment
︎︎Nny☢︎	1728223978 Using Report Comment
Nava♡	1719554763 Using <3333 Report Comment
i'm on that good kush n alcohol	1716150948 yoink Report Comment
syd☆	1712782352 using!! Report Comment
Anteaters_rule-	1710390427 Using :33 Report Comment
Axel	1706196012 usando Report Comment
wade	1706046672 DEFFO USING!"#!#!"#! Report Comment
anonymus M.M	1706019518 dios, me tarde mucho tiempo encontrar un diseño de esto, pero la espera valió de algo, definitivamente lo usare Report Comment
StinkyDibHuman	1702433939 Using!!11 Report Comment
UNO	1700407720 using! Report Comment
JesseXD	1697832334 USING : ) Report Comment
Julián	1694898078 using! Report Comment
Casper	1693444383 Using Report Comment
JUICE ! <3	1693233777 USING USHSISNn Report Comment