SILENT HILL 3

Tags: #cool cursor #layout #silenthill3
Description:

silent hill 3 layout (COOL CURSOR BRRRR BRRR BAH BAH BLAK SHEP)
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by 𝔟 𝔩 𝔲 𝔯 𝔯 𝔶 𝔣 𝔞 𝔠 𝔢 (https://layouts.spacehey.com/layout?id=88600) -->

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/0d/29/16/0d2916c04e11a3b5e62b9b0bf487e194.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>


<style>
    body{
        
    background-color: #262626!important;
    background-image: url('https://m.media-amazon.com/images/M/MV5BNGI1ZmJjYjktMzY2OC00Nzk5LWJkNDYtYjJjZjgzOTliYjlmXkEyXkFqcGdeQXVyMTMxNjMzNjYw._V1_.jpg') !important;
    background-attachment: FIXED!important;
    background-repeat: REPEAT!important;
    background-position: LEFT!important;
        
    }
</style>

<style>
    .top input{
        
    background-color: #0D0907!important;
    background-image: url('https://i.imgur.com/DiEelqb.gif') !important;
    background-attachment: SCROLL!important;
    background-repeat: REPEAT!important;
    background-position: CENTER!important;
        
    }
</style>

<style>
    .friends{
        
    background-color: #160D08!important;
    background-image: url('https://i.imgur.com/DiEelqb.gif') !important;
    background-attachment: SCROLL!important;
    background-repeat: REPEAT!important;
    background-position:  CENTER!important;
        
    }
</style>

<style>
    table.details-table{
        
    background-color: #160D08!important;
    background-image: url('URl') !important;
    background-attachment:  SCROLL!important;
    background-repeat: REPEAT!important;
    background-position: TOP!important;
        
    }
    .profile .details-table td{
        
    background-color: #160D08!important;
    background-image: url('https://i.imgur.com/DiEelqb.gif')!important;
    background-attachment: SCROLL!important;
    background-repeat: REPEAT!important;
    background-position: BOTTOM!important;
        
    }
</style>

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.ibb.co/d2Np1d2/static.gif);
  background-size: 200px !important;
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
</style>



<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://images6.fanpop.com/image/photos/43800000/Heather-Mason-heather-mason-silent-hill-43809768-500-515.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>table.comments-table{display: block;height: 250px!important;overflow-y: scroll;}</style>


<style>.profile-pic {background: #fff;padding: 5px 5px 196px;box-shadow: 3px 3px 10px silver;height: ;transform: rotate(deg); filter: grayscale(8%);}</style>

<style>
    .profile-info{
        
border: 1px #160D08!important;   
        
    }
</style>

<style>
    footer{
        
border: 1px #160D08!important;   
        
<style>
    .friends{
        
border: 1px #160D08!important;   
        
    }
</style>


<style>
    table.details-table{
        
border: 1px brown!important;   
        
    }
    .profile .details-table td{

border: 1px brown!important;   

    }
</style>


<style>
    h4{
        
    background-color: #160D08!important;
    background-image: url('https://giffiles.alphacoders.com/253/25388.gif') !important;
    background-attachment: FIXED!important;
    background-repeat: REPEAT!important;
    background-position: CENTER!important;
        
    }
</style>

<iframe width="560" height="315" src="https://www.youtube.com/embed/1ruPmXpy7Kc?si=uu9-HxKgmUvWSNhu" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>


<style>
    .heading{
        
    background-color: ##363C40.!important;
    background-image: url('https://i.gifer.com/VIbR.gif') !important;
    background-attachment: scroll!important;
    background-repeat: REPEAT!important;
    background-position: CENTER!important;
        
    }
</style>


<style>
    main{
     
    background-color:#106D07!important;
    background-image: url('https://static1.colliderimages.com/wordpress/wp-content/uploads/2021/11/Silent-Hill-3s-Heather-Mason.jpg') !important;
    background-attachment: FIXED!important;
    background-repeat: REPEAT!important;
    background-position: CENTER!important;
        
    }
</style>

<style>
    .contact{
        
border: 1px  #160D08!important;   
        
    }
</style>

<style>body{color: #432616!important;}</style>

<!-- Cursor -->
<style>body { cursor: url('https://64.media.tumblr.com/61e7056b4c9f2be60693cd9fd88e93e5/b3ad292faaa7e0c6-04/s75x75_c1/d33b6bf48b39d0497286e28873fcb46177edd4a8.png'), auto; }</style>


<style>.links a{color:#432616!important;}</style>



<style>
    .heading{
        
    background-color: #432616!important;
    background-image: url('') !important;
    background-attachment: FIXED!important;
    background-repeat: REPEAT!important;
    background-position: CENTER!important;
        
    }
</style>

<style>
    button{

border: 1px maroon!important;   
        
    }
</style>

<style>
    .contact{
        
  background-image: url('https://66.media.tumblr.com/598b4aa6c8d47d4838becb0d6e39240a/tumblr_pwq4v7EI9k1vk2qmmo1_500.gif') !important;
    background-attachment: FIXED!important;
    background-repeat: REPEAT!important;
    background-position: CENTER!important;
        
    }
</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 2 of 2 comments ( View all | Add Comment )
alpha
1724824639
Using
Report Comment
𝕷𝖎𝖆
1723593776
Using the cursor :D
Report Comment