FNAF 3 layout

Tags: fnaf, fnaf 3, fnaf3, five nights at freddys, five nights at freddy's 3, five nights at freddys 3

Description:

created by ray

please comment if u use! comes with jumpscare loading screen, green static overlay, phantom animatronic pagedolls, custom online icon, and more, and an overall fnaf 3 feel!

Preview:

click on the image for a larger preview

Code:

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

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d703fc3a-23e5-41ca-a298-2fe7856c8d95/dcq4iom-3c337396-ee88-4d78-a410-3a4c087508a2.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Q3MDNmYzNhLTIzZTUtNDFjYS1hMjk4LTJmZTc4NTZjOGQ5NVwvZGNxNGlvbS0zYzMzNzM5Ni1lZTg4LTRkNzgtYTQxMC0zYTRjMDg3NTA4YTIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.uBmtTPcbb84i6yuH6y9HqJIWhvOOygFbJ7uWGVI18FQ');
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>
  @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

* {
    font-family: 'VT323', monospace;
    color: #fdfdfc;
    font-size: 110%
}

</style>

<style>
.online{content:url("https://static.wikia.nocookie.net/mudae/images/5/5e/FNaF3_Logo.png/revision/latest?cb=20200914133527");width:100px;
}
</style>

<style>
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #194D33;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #194D33;
}
</style>

<style>
body{
    background: url('https://steamuserimages-a.akamaihd.net/ugc/1806513389242204011/2B776BD65919D77B4D025CFAF896F4349CBCD893/?imw=637&imh=358&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true') no-repeat center center
        fixed;
        background-size:cover;
}

main {
    background: black;
    color: white;
    padding: 6px 0px;
    font-size: 80%;
    box-shadow: 0px 0px 30px #256c07;
}

.profile .friends .person p {
    color: #fff;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.count {
    color: #256c07;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #256c07;
    text-decoration: underline;
}

:root {
    --light-gray: #000;
    --gray: #000;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #000;
    --darker-blue: #256c07;
    --lighter-blue: #000;
    --even-lighter-blue: #000;
    --lightest-blue: #000;
    --red: #256c07;
    --dark-orange: #256c07;
    --light-orange: #000;
    --even-lighter-orange: #000;
    --strange-yellow: #000;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}
</style>
<div id="overlay"></div>

<style>
#overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(https://j.gifs.com/1jk920@large.gif?download=true);
    opacity: .6;
    filter: alpha(opacity=60);
    mix-blend-mode:multiply;
    z-index: 2;
    pointer-events: none;
}




.icon, .award img {
    display: inline-block;
    height: 1.4em;
    width: 1.4em;
    aspect-ratio: 1/1;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
    content: url(https://static.wikia.nocookie.net/f599dddf-f1cf-4c58-b714-d1ea785f342a/scale-to-width/755)
}

.contact .inner a img {
 font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add me */
	content: ""
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: ""
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: ""
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
	content: ""
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: ""
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* group me */
	content: ""
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: ""
}
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/L7U986KxS_Y//?&;amp;;autoplay=1&;loop=1&;controls=1" title="hdh" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<iframe width="0" height="0" src="https://www.youtube.com/embed/AibtyCAhyQE//?&;amp;;autoplay=1&;loop=1&;controls=1" title="hdh" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<div style="float:  ; max-height: 300px; position: fixed; left:1px; top: 1px; z-index: 50;">
<img src="https://static.wikia.nocookie.net/debatesjungle/images/1/18/Phantommangle.png/revision/latest/scale-to-width-down/400?cb=20230124023435" height="200"/></div>

<div style="float:  ; max-height: 300px; position: fixed; right:1px; bottom: -5px; z-index: 50;">
<img src="https://static.wikia.nocookie.net/freddy-fazbears-pizza/images/3/34/Extra_BB.png/revision/latest?cb=20160529030450" height="250"/></div>

<!-- my credit, don't remove -->
<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400; background:rgba(0, 0, 0, 0.7);">
<a href="https://spacehey.com/raybug">created by ray</a></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 10 of 10 comments ( View all | Add Comment )

Jay	1761286853 using this! thank you smmm :))) Report Comment
ellie ✧⋆｡˚(autoplay)	1759638828 usingg! Report Comment
Thunderbird	1736029520 Hi there! For some reason the mangle pic is broken Report Comment
xXFeralPyr0ptraXx	1723690042 The Phantom Mangle image is broken Report Comment
brokebookworm	1722237944 Usin Report Comment
LasagnaXTRACheddrr	1720775656 using yayuh Report Comment
Kiari_bbys	1715214381 usiiiing Report Comment
Evelyn	1707104478 using!! i love this lol Report Comment
kai	1705954226 I really love this, i appreciate your work! using :3 Report Comment
𝓥𝖆𝖒𝖕𝓟𝖗𝖎𝖓𝖈𝖊𝖘𝖘	1704502632 GOSH I LOVE THIS! its so coool 🖤🖤 Report Comment tysm ^_^ by # :: RAY; 1704505489; Report