NIN - PRETTY LITTLE HATE MACHINE LAYOUT

Tags: nin, nine inch nails band, nine inch nails, pretty little hate machine, 1989
Description:

god this took me awhile credits: BadBoy xD bela.lugosi.is.deadd SammySyanide marlee it comes with: the vinyls on ur about me (u can change idk), the autoplay is "head like a hole" by nin (again u can change), a cd pfp, does NOT have the blinkies n gifs!!!1!!
Preview:

click on the image for a larger preview
Code:

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

CREDITS ON THE DESC DO NOT COPY AND PASTE THIS!!!!!!!!!!!!!!












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

<iframe width="0" height="0" src="https://www.youtube.com/embed/ghIRu6UvQPc//?&#10;&#10;&;amp;;autoplay=1&;loop=1&;controls=1&quot;" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" loading="lazy">
</iframe>



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

<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style> 









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

<img src="https://64.media.tumblr.com/d65212d0050b2057686a31a3033377a4/9a5e59d4a20102aa-17/s75x75_c1/f537b0a0585d89556f1dfac7a609449e0dcd6813.gifv"/>



<img src="https://64.media.tumblr.com/6625acfa135f373639d42c4c2afa265c/9a5e59d4a20102aa-4d/s75x75_c1/25095466d0f9bed2e5f9c034c38d543b922ca8da.gifv"/>



<img src="https://64.media.tumblr.com/4da5613524cf08c02a1e948372de3c58/9a5e59d4a20102aa-8c/s75x75_c1/c12e1e1f72eb764678556e937ffac6c94bd10d57.pnj"/>



<img src="https://64.media.tumblr.com/d0dba451bf4f1a1cc1e6f11df8877f9f/9a5e59d4a20102aa-e9/s75x75_c1/3e8f2ba972afa71346a8b31879c8fcf95cb0eb93.gifv"/>



<img src="https://64.media.tumblr.com/76b1c52769848b74f755869e2427177d/9a5e59d4a20102aa-84/s75x75_c1/455e346408285b4892df391028fd0cad95ed22b0.gifv"/>



<img src="https://64.media.tumblr.com/abe25dc79a23f2d5a47c19ca5a60fdd2/9a5e59d4a20102aa-26/s75x75_c1/92a119554e254c453ab572f08727d4d225bf7b4b.gifv"/>



<img src="https://64.media.tumblr.com/d9b6699df09ba5dade9e78336729ed7b/9a5e59d4a20102aa-47/s75x75_c1/d313c1250a331ff2b826f42aaa231cc474005987.gifv"/>



<img src="https://64.media.tumblr.com/d563e0636285b3919ed8b477d9bbdcac/9a5e59d4a20102aa-6d/s75x75_c1/a514a5c93521064070370e2d5e814740c469827f.gifv"/>



<img src="https://64.media.tumblr.com/7916e48b4c5e5bec0ea231d5e0b26121/73fadafad671033f-87/s75x75_c1/6f9f9fbb1fd27475a34f7c1acb1ecbc7d276b6a4.gifv"/>



<img src="https://64.media.tumblr.com/f349a7cbd231bd04145fd50aab22eaca/4149a1d35ab9816c-5d/s75x75_c1/a8317198e7f68ebafc6418ec63d5aff88c5d54ee.gifv"/>



<img src="https://64.media.tumblr.com/e807e881d13cf17d2b4ea722a874ecf7/408b2d36fe8fb6b1-e5/s75x75_c1/0f8b22143647c538a713eb433d98b6a1ed6d2f52.gifv"/>



<img src="https://64.media.tumblr.com/e1af22751f2c11adb8ea7b2eff326ed0/4809e0c5820895fd-c3/s75x75_c1/fc73c5fdc5e08ae4289065b971eac74551edfc54.gifv"/>











<style>body { cursor: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1d9059de-ffc4-4479-9fcf-03972a53ab72/dccdrxm-0718e366-fe2b-4568-90c0-67a8d4e080d0.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvMWQ5MDU5ZGUtZmZjNC00NDc5LTlmY2YtMDM5NzJhNTNhYjcyXC9kY2NkcnhtLTA3MThlMzY2LWZlMmItNDU2OC05MGMwLTY3YThkNGUwODBkMC5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.SJ-ZYca4-ITaN-qh8Eew6pMuhOp8VT1V-KMVrsr0TrQ'), auto; }</style>



 <style>





.search-wrapper input[type=text] {background-color: rgba(255,255,255) !important;border: 1px dotted var(--headers) !important;color:pink; !important;border-radius: 10px !important;}

                                button{border-radius: 10px !important;border: 1px dotted var(--headers) !important;font-family: var(--font-family) !important;background-color:rgba(255,255,255) !important;color:var(--headers) !important;}







.profile-info {

border: 0px solid rgb(124, 124, 124);

display: flex;

align-items: center;

justify-content: center;

padding: 15px 5px;

margin-bottom: 10px;

background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fmedia1.tenor.com%2Fimages%2F346e7d242bd6f40ec7f28bd2516a9a8c%2Ftenor.gif%3Fitemid%3D15515026&f=1&nofb=1);

}	







.contact {

  border-radius: 25px;

  background: url(https://th.bing.com/th/id/R.21af901476186cbde1b881a3ae9e5a5c?rik=3W6dFGcu0hbjZQ&riu=http%3a%2f%2fthefader-res.cloudinary.com%2fimages%2fw_1440%2cc_limit%2cf_auto%2cq_auto%3aeco%2fz4gjvymylqa289vyd2va%2fnin-design-artifacts-trent-reznor.jpg&ehk=3YnNI6Ne7Jk1XichTPqkZx1BMjjSQNoXr%2b%2b6SHOO3Wk%3d&risl=&pid=ImgRaw&r=0);

  background-position: right bottom;

  background-repeat: repeat-y;

  padding: 20px;

  width: 200px;

  height: 150px;

}





  table, tr, td { 

  background-color:transparent; 

 } 



  table, tr, td { 

  background-color:transparent; 

 border:none; 

 border-width:50px; 

 } 



  table table table { 

  width:80%; max-width:600px; } table table table table { width:100%;; 

 } 



  body, .bodyContent  { 

  background-image:url(https://upload.wikimedia.org/wikipedia/en/thumb/f/f1/Nine_Inch_Nails_-_Pretty_Hate_Machine.png/220px-Nine_Inch_Nails_-_Pretty_Hate_Machine.png); 

 background-position:fulltile; 

 background-attachment:fixed; 

 border-color:#00000000; 

 border-width:30px; 

 border-style:dotted; 

 scrollbar-face-color:#00000000; 

 scrollbar-highlight-color:#aaaaaa; 

 scrollbar-3dlight-color:000000; 

 scrollbar-shadow-color:#aaaaaa; 

 scrollbar-darkshadow-color:000000; 

 scrollbar-arrow-color:#aaaaaa; 

 scrollbar-track-color:000000; 



 } 



  table table { 

  border:0px; 

 } 



  table table table table { 

  border:#FBFAF5;

 background-image: none; 

 background-color:transparent; 

 } 



  table table table { 

  border-style:#D8BFD8; 

 border-width:none; 

 border-color: transparent; 

 background-attachment:fixed; 

 } 



  table table table td { 

  background-color:#D8BFD8; 

 } 



  table, tr, td, li, p, div,.text,.redtext, .blacktext12  { 

  color:#89CFF0; 

 } 



   .whitetext12, .orangetext15 { 

  color:#00A4FF; 

 } 



   .lightbluetext8, .blacktext10, .redbtext,.btext  { 

  color:#3FD9FF; 

 } 



   .nametext { 

  color: #fc6c85; 

 } 



  a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link  { 

  color: #1F97E7;

 } 



  a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover  { 

  color: #68359B;

 } 







 </style>



 















<style>



nav {

  overflow-x: hidden;

  position: relative;



}



nav .top {

  background: url(https://th.bing.com/th/id/OIP.ueSpTUDJe4tg2QP01henRwHaEK?rs=1&pid=ImgDetMain); }



nav .links {

  background: ;

}



nav { background-image: #f7022a; }



body {

  /* sets background */

    background-image: transparent;

    background-repeat: repeat;

    background-attachment: fixed;

    background-size: 60% ;

   

    



  }





:root {

        --logo-blue: #68359B;

        --darker-blue: #90EE80;

        --lighter-blue: #202020;

        --even-lighter-blue: #232323;

        --lightest-blue: ;

        --dark-orange: #D8BFD8;

        --light-orange: ;

        --even-lighter-orange: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dcb5kzc-f84af676-3f2f-44aa-ae17-00ec9f7fb92c.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvY2YyODM2Y2ItNTg5My00YTZjLWIxNTYtNWE4OWQ5NGZjNzIxXC9kY2I1a3pjLWY4NGFmNjc2LTNmMmYtNDRhYS1hZTE3LTAwZWM5ZjdmYjkyYy5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.XJ9IovThn0CsQyLs4Ks-MkOozMiZqMlCaLfvH2fHS0g);

        --green: #EEECF1;

    }



main {

  /* changes made to stuff outside of columns */

    background: #000000;

    padding: 0;

    font-size: 100%;

    color: var(--light-orange);

  }



img {

  opacity: 0.7;

}







main {

  background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1d9059de-ffc4-4479-9fcf-03972a53ab72/dc2ldyw-75a27033-d2fe-4c3f-ac41-9d71e9ff032c.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvMWQ5MDU5ZGUtZmZjNC00NDc5LTlmY2YtMDM5NzJhNTNhYjcyXC9kYzJsZHl3LTc1YTI3MDMzLWQyZmUtNGMzZi1hYzQxLTlkNzFlOWZmMDMyYy5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.NEO24Ena3WBMLrs_NhoIGIR3QebJKuOnry2u16wl2T8);



  color: #000000;

}



.profile h1 {color: #373737;}



body { 



font-family: monospace;



     





</style>











<style>



.logo {



content:url("https://i.postimg.cc/TYcJS5yk/2024-01-10-11u-Kleki-removebg-preview.png");



}



</style>

<div class="snowflakes">

<div class="snowflake"><img src="https://media.tenor.com/fU-lYcf2_UQAAAAi/bat.gif"/></div>

<div class="snowflake"><img src="https://media.tenor.com/fU-lYcf2_UQAAAAi/bat.gif"/></div>

<div class="snowflake"><img src="https://media.tenor.com/fU-lYcf2_UQAAAAi/bat.gif"/></div>

<div class="snowflake"><img src="https://media.tenor.com/fU-lYcf2_UQAAAAi/bat.gif"/></div>

<div class="snowflake"><img src="https://media.tenor.com/fU-lYcf2_UQAAAAi/bat.gif"/></div>

<div class="snowflake"><img src="https://media.tenor.com/fU-lYcf2_UQAAAAi/bat.gif"/></div>

<div class="snowflake"><img src="https://media.tenor.com/fU-lYcf2_UQAAAAi/bat.gif"/></div>

<div class="snowflake"><img src="https://media.tenor.com/fU-lYcf2_UQAAAAi/bat.gif"/></div>

</div>



<style>

    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-

delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}





</style>













<!-- (c) Layout created by bela.lugosi.is.deadd (https://layouts.spacehey.com/layout?id=99127) -->



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

<style>

  @keyframes spin {

    100% {

      transform:rotate(360deg);

    }

  }

  

  .recordPlayer {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-bottom: 20px;

  }

  .vinyl {

    height: 150px;

    margin-left: 55px;

    padding: 10px;

    animation: spin 1.88s linear infinite;

    position: absolute;

  }

  .vinylCover {

    height: 150px;

    position: relative;

    z-index: 1;

    margin-right: 55px;

  }

</style>





  











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

<style>

  @keyframes spin {

    100% {

      transform:rotate(360deg);

    }

  }

  

  .recordPlayer {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-bottom: 20px;

  }

  .vinyl {

    height: 150px;

    margin-left: 55px;

    padding: 10px;

    animation: spin 1.88s linear infinite;

    position: absolute;

  }

  .vinylCover {

    height: 150px;

    position: relative;

    z-index: 1;

    margin-right: 55px;

  }

</style>














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

<style>

  @keyframes spin {

    100% {

      transform:rotate(360deg);

    }

  }

  

  .recordPlayer {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-bottom: 20px;

  }

  .vinyl {

    height: 150px;

    margin-left: 55px;

    padding: 10px;

    animation: spin 1.88s linear infinite;

    position: absolute;

  }

  .vinylCover {

    height: 150px;

    position: relative;

    z-index: 1;

    margin-right: 55px;

  }

</style>



<div class="recordPlayer">

  <img class="vinyl" src="https://external-media.spacehey.net/media/sCXRszaZLEFtlkAYRDaBxpnFzRRzG-X8X8NXqrEgf6EY=/https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>

  <img class="vinylCover" src="https://upload.wikimedia.org/wikipedia/en/thumb/4/4c/Dystopia_aftermath.jpg/220px-Dystopia_aftermath.jpg"/>

</div>







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

<style>

  @keyframes spin {

    100% {

      transform:rotate(360deg);

    }

  }

  

  .recordPlayer {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-bottom: 20px;

  }

  .vinyl {

    height: 150px;

    margin-left: 55px;

    padding: 10px;

    animation: spin 1.88s linear infinite;

    position: absolute;

  }

  .vinylCover {

    height: 150px;

    position: relative;

    z-index: 1;

    margin-right: 55px;

  }

</style>



<div class="recordPlayer">

  <img class="vinyl" src="https://external-media.spacehey.net/media/sCXRszaZLEFtlkAYRDaBxpnFzRRzG-X8X8NXqrEgf6EY=/https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>

  <img class="vinylCover" src="https://upload.wikimedia.org/wikipedia/en/thumb/f/f1/Nine_Inch_Nails_-_Pretty_Hate_Machine.png/220px-Nine_Inch_Nails_-_Pretty_Hate_Machine.png"/>

</div>
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 0 of 0 comments ( View all | Add Comment )