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

Secret Skeleton	1732767118 Using! Thanks :) Report Comment
☆b.m.r.l.☆	1728581232 using ! Report Comment
︎︎Nny☢︎	1728223978 Using Report Comment
Nava♡	1719554763 Using <3333 Report Comment
sonic the hedgehog !	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
douglass van housen (real!)	1692661811 I'mma use this :3 Report Comment
Lilith	1691310326 using but gonna change some stuff when I figure out this coding LMAO Report Comment
gr4Ve_desecr4tor	1690452781 As a jthm fan this is fucking awesome and the song choice is supurb! Might use it when I change layouts! Report Comment