Spooky Grayscale Woods

Tags: spooky, woods, trees, creepy, black, white, dark, horror, forest

Description:

Notes:

-Anything you want under the Blurbs area can be added into your Who I'd Like To Meet section

-comments in scroll box
-intro animation when loading page
-b&w filter over whole page

Preview:

click on the image for a larger preview

Code:

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

<style>main:before {width: 100%;height: 200px;display: block;content: "";background-image: url('https://d2rdhxfof4qmbb.cloudfront.net/wp-content/uploads/20180712185127/iStock-824674344-1024x678.jpg');background-position: top center;background-size: cover;}@media only screen and (max-width: 600px) {main:before{height: 200px;}}</style>
<style>    img {  filter: grayscale(80%);}</style>
<style>.contact .heading{display: none !important;}.url-info{display: none !important;} .table-section .heading{display: none !important;} .blurbs .section h4{display: none !important;}.comment-replies{border: 0px solid white !important;}body      {--lighter-blue: none;--lightest-blue: gray;--even-lighter-blue: gray;}.details-table td {--logo-blue:white;}</style>
<style>        .contact .inner a img {    font-size: 0;}.contact .inner a img:before {    font-size: 1em;    display: block}.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {/* Add to Friends */content: "X"}.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {/* Add to Favorites */content: "X"}.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {/* Send Message */content: "X"}.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {/* Forward to Friend */content: "X"}.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {/* Instant Message */content: "X"}.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {/* Block User */content: "X"}.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {/* Add to Group */content: "X"}.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {/* Report Profile */content: "X"}</style>
<style>    body{    background-color: COLOR !important;    background-image: url('https://images.squarespace-cdn.com/content/v1/54a4656fe4b037e9babd6ec9/1549851502056-MM657GXKBTARE7HEB01V/Inside+the+Forest+Online-4.jpg?format=2500w') !important;    background-attachment: FIXED !important;    background-repeat: no-REPEAT !important;    background-position: left CENTER !important;    }</style>  
<style>    main{    background-color: #B4B6B4 !important;    background-image: url('URL') !important;    background-attachment: FIXED OR SCROLL !important;    background-repeat: REPEAT OR NO-REPEAT !important;    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;    }</style>
<style>body:before {content: " ";height: 100vh;width: 100vw;display: block;position: fixed; top: 0; left: 0; z-index: 100;background-image: url('https://hosting.photobucket.com/images/g144/punkluv4evr/flowers-wilt.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;} 45%{ opacity: 1; } 100%{ opacity: 0;} } </style>
<style>    footer{    background-color: transparent !important;    background-image: url('URL') !important;    background-attachment: FIXED OR SCROLL !important;    background-repeat: REPEAT OR NO-REPEAT !important;    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;    }</style><style>    .top{    background-color: transparent !important;    background-image: url('URL') !important;    background-attachment: FIXED OR SCROLL !important;    background-repeat: REPEAT OR NO-REPEAT !important;    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;    }</style>
<style>    .links{    background-color: transparent !important;    background-image: url('URL') !important;    background-attachment: FIXED OR SCROLL !important;    background-repeat: REPEAT OR NO-REPEAT !important;    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;    }</style>
<style>table.comments-table{display: block;height: 200px!important;overflow-y: scroll;}</style>
<style>    .friends .heading{    background-color: gray !important;    background-image: url('URL');    background-repeat: repeat;    background-position: center;    }</style>
<style>    .blurbs .heading{    background-color: gray !important;    background-image: url('URL');    background-repeat: repeat;    background-position: center;    }</style>
<style>    .profile-pic {border-radius: 10px;overflow: hidden;}    .profile .blurbs .heading, .profile .friends .heading {    color: white;    padding: 1px 90px;}</style>
<style>    .top{    color: black;    }        main{    color: black !important;    }    footer{    color: black;    }</style>
<style>    a{    color: black !important;    }    a:hover{    color: red !important;    }    a:visited{    color: COLOR !important;    }    .top a{    color: white !important;    }    .top a:hover{    color: red!important;    }    .top a:visited{    color: COLOR !important;    }    .links a{    color: black !important;    }    .links a:hover{    color: red !important;    }    .links a:visited{    color: COLOR !important;   }    .friends-grid p{    color: black !important;    }    footer .links a{    color: black !important;   }    footer .links a:hover{    color: red !important;   }    footer .links a:visited{    color: COLOR !important;   }   .count{color: white !important;}</style><style>    .comments-table td{    background-color: gray !important;    background-image: url('URL') !important;    background-attachment: FIXED !important;    background-repeat: REPEAT !important;    background-position: CENTER !important;    }.blurbs .inner{text-align: center !important;}</style>
<style>a:hover{background-color: transparent !important;background-image: url('https://i.gifer.com/R7cD.gif') !important;background-repeat: repeat !important;background-position: center !important;}.links a:hover{background-color: transparent !important;background-image: url('https://i.gifer.com/R7cD.gif') !important;background-repeat: repeat !important;background-position: center !important;}</style>
<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-7/oth708.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/27/gruppled-pointer.html" target="_blank" title="Gruppled Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Gruppled Pointer" style="position:absolute; top: 0px; right: 0px;"/></a><a class="two" href="https://spacehey.com/hooterbby" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 50px; height: 50px;">Hooterbby</div></a>

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

⛧☾༺♰༻☽⛧ - P U Z Z L E !	1727514160 usin Report Comment
Sxppho	1718477846 Using!!! Report Comment
🖖﹒DANI	1716435514 using Report Comment
leoeo :3	1706182698 usingg :3 Report Comment
⊹ ࣪ ˖୨ৎ‧₊˚ ⋅	1705919104 using so cute ! >< Report Comment
✦ sachiel	1677394714 using!! i really liked it ˊᵕˋ Report Comment
Romcorru	1666070711 Using this. Report Comment
evil	1662492729 hi! how do I change the picture of the "doll"? Report Comment i've edited to layout code to put the part you are wanting to change at the top. so if you replace the first "background image url" in the code that will change the photo at the top of the profile. if you remove it from style bracket to style bracket, then you just wont have a photo and the top. you can change the height of the photo for a better fit of whatever you use by playing around with the number "height: 200px" If you have anymore questions, or any issues just ask (: by Hooterbby ; 1662494423; Report tysm!!! my problem is that, when I put the url of the photo that I want to change, nothing appears and the space is empty :( by evil; 1662494967; Report
soren	1648161645 cool!! Report Comment
Wettwesu	1643791568 how gorgeous! Report Comment
_ecstast_shit_	1642877388 Im using this XP Report Comment