FNAF Layout

Tags: fnaf, five nights at freddys, layout, overlay

Description:

was feeling a tad bit nostalgic for this game today so i decided to make a layout for it !! the code is kinda messy but hopefully it'll work out okay for u guys anyway feel free to change the pics and stuff if u dont like any!! and lastly it would be appreciated that u comment if u decide to use this!

Preview:

click on the image for a larger preview

Code:

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

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>

.logo {

content:url("https://64.media.tumblr.com/50d52fa821cd34c521155e75d233a524/8446a2cc951ce3d9-ee/s640x960/e15de94b7217c253c1d23cf1d0d132bc34973457.pnj");

}

</style>

<style> 

@font-face { font-family: 'Borel'; 
src: url(https://fonts.google.com/specimen/Borel); 
}






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

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ☆";
    color: white;
}

.top{     
background: url(https://pm1.aminoapps.com/7136/02c8045888cbbf25aa8ea4d42fd8e848df1c025br1-640-360v2_hq.jpg) !important;
  background-attachment: fixed;
background-position: center;
background-color: black;
  border: 3px solid #000000;
}

    nav { background: #343837 url(" "); }

  nav ul{
    background:none !important;
    text-align: center;
    font-size: 10px;
  border: 3px solid #000000;
  }

  nav ul a:hover { color: #fff !important; }

  nav ul a img, .mood a img{
  }

body{
background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/9c2f2bb8-f754-458b-b139-dc818929dc94/df22qaz-4dad924d-b698-4874-b958-881040d22ac6.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzljMmYyYmI4LWY3NTQtNDU4Yi1iMTM5LWRjODE4OTI5ZGM5NFwvZGYyMnFhei00ZGFkOTI0ZC1iNjk4LTQ4NzQtYjk1OC04ODEwNDBkMjJhYzYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.s4E424cHmibo4ZDb7kzYjBB4hqnm0YElvqmenLQHT2c');
background-attachment: fixed;
background-position: center;
background-color: black;
background-size: 760px 810px;
}
.url-info{
    background: url('https://fnaflore.com/wp-content/uploads/2016/01/539.png');
    background-position: center;
    background-size: cover;
    border-radius: var(--curve);
    height: 300px;
}
.url-info p{
    opacity: 0.0;
}

.profile .contact, .profile .table-section, .profile .url-info {
  border: 2px solid #fff;
}

main {
  background-color: #000;
  color: white;
    border: 3px solid #000000;
}

h1 {
  color: white;
}

div {
  color: white;

:root {
--logo-black: ;
--dark-grey: ;
--light grey: ;
--white: ;
--table-header:#E6E9FF;
--table-color: white;
--link-text: white;
--main-text: white;
}

</style>

<style>

span[itemprop='name'] {
color: #ffffff;
font-size: 14pt;
font-weight: bold;
font-family: Borel;
}

h4 {
color: #fff5f5;
font-size: 12pt;
font-style: italic;
font-family: Borel;
}

.section h4, .details-table td:first-child {
color: #ffffff!important;
font-size: 10pt;
font-family: Borel;
}

a, .count {
color: #ffffff;
font-size: 10pt;
font-family: Borel;
}

a:hover {
color: #fff;
font-size: 10pt;
font-family: Borel;
}

body,main {
color: #ffffff;
font-size: 10pt;
font-family: Borel;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}

 ::-webkit-scrollbar {
    width: 3px;
    height: 4px;
    }

    ::-webkit-scrollbar-thumb {
    background: black;
    }

    ::-webkit-scrollbar-track {
    background-color: black;
    }

.contact {
        font-size: 11px;
        font-family: Borel;
        border: px!important;
        background-image: url("https://media.tenor.com/uZx0IoiVD7EAAAAC/fnaf.gif")!important;
        background-position: center;
        background-size: 100%;
        background: ;
        border-top: 0px;
        
    }
    .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: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4b2a35c1-916a-442d-9455-e83e3d39a075/d87ha4m-bd8911fa-68bd-4ff5-b52d-a2e5d28ea2fa.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRiMmEzNWMxLTkxNmEtNDQyZC05NDU1LWU4M2UzZDM5YTA3NVwvZDg3aGE0bS1iZDg5MTFmYS02OGJkLTRmZjUtYjUyZC1hMmU1ZDI4ZWEyZmEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.xKIr8Xba9v4uYk-VCCqWYCHKcEJ7TFM9e-HD_V-mp2c")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e634d22a-cb67-409f-855c-91e6a6b697dd/d2h4pw-5d6d66c6-36c9-4ac0-a95c-912a4ca2b773.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U2MzRkMjJhLWNiNjctNDA5Zi04NTVjLTkxZTZhNmI2OTdkZFwvZDJoNHB3LTVkNmQ2NmM2LTM2YzktNGFjMC1hOTVjLTkxMmE0Y2EyYjc3My5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.pmH4wMeYRI8IEpfL08p4PpLFrPQCfaO3LLvbI5p8RBU")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/76f989dec3dc0690255a9d81e68fa67f/tumblr_pt1jv2S9qp1xy0eh3o1_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://64.media.tumblr.com/4f4838c26d9212a3db2064b63c3e33c7/tumblr_puox4geidl1xy0eh3o1_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://pixels.crd.co/assets/images/gallery02/ea3cc03a.gif?v=b22a957b")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://64.media.tumblr.com/29957246ac4fc601e4c42b1e65d60e72/tumblr_puox5xnzLK1xy0eh3o1_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://pixels.crd.co/assets/images/gallery02/27117626.gif?v=b3554822")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://pixels.crd.co/assets/images/gallery33/e29d5fce.gif?v=b22a957b")
    } 
/*customising the footer of the page*/
  footer{
    background-image:url("https://i.pinimg.com/564x/e3/82/d0/e382d08fd1a11c616138719a42d04b82.jpg") !important;
    border: 3px solid #000;
    background-color: #000000;
    background-size: contain;
    background-position: center
  }


    .icon, .award img {
        content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/58d5a4f6-93be-48b9-b2a0-f71d04a81c5f/d9jvb30-8d525e8f-8a32-4b91-9ca6-8febc9a9ff7d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU4ZDVhNGY2LTkzYmUtNDhiOS1iMmEwLWY3MWQwNGE4MWM1ZlwvZDlqdmIzMC04ZDUyNWU4Zi04YTMyLTRiOTEtOWNhNi04ZmViYzlhOWZmN2QuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0._3rltimnuDmlY3v6ljxFUMDkhEXUwkXKImDWsyutyWk);
        display: inline-block;
        height: 1.5.0em;
        width: 1.5.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }


  .online{content:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4b2a35c1-916a-442d-9455-e83e3d39a075/d8zbp3h-d309af6c-67a1-49e6-8d36-3adf2d6693fc.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRiMmEzNWMxLTkxNmEtNDQyZC05NDU1LWU4M2UzZDM5YTA3NVwvZDh6YnAzaC1kMzA5YWY2Yy02N2ExLTQ5ZTYtOGQzNi0zYWRmMmQ2NjkzZmMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.7H-HyIlqOSg1MmKYXHHDuA0zy9dramd2L378bgW0jUg) 
}

.profile .blurbs .heading {display:none !important;}

.profile .profile-info .inner h3 {
filter: drop-shadow(3px 3px 0 #000000);
margin: 0!important;
color:#FFFFFF;
}


.profile .profile-info .inner h3 a {
color: #ffffff;
}


.profile .profile-info {
background-image: url(https://i.pinimg.com/564x/13/fb/b2/13fbb232d0c19201ac5014f5bc3b08a5.jpg);
background-size: 100%;
background-position: center;
padding: 20px;
border: none;


text-align: center;
}




</style>

<style>
.links .special a:link, .links .special a:visited  {
  color: white;
}

.links .special a:hover {
  color: rgb(2055,138,202);
}
</style>

<style>

html:before {

background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/9a494b12-0ae6-4522-99c0-b4b7f08d9047/d9r0qpv-0badc01c-1db9-4146-9361-e869b3931d43.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzlhNDk0YjEyLTBhZTYtNDUyMi05OWMwLWI0YjdmMDhkOTA0N1wvZDlyMHFwdi0wYmFkYzAxYy0xZGI5LTQxNDYtOTM2MS1lODY5YjM5MzFkNDMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.gQqGDe7alC-Lo27L2vjTmrRBpk4MyAiKSu4Ykpa896c);

content: "";

height: 300%;

left: -50%;

opacity:20%;

position: fixed;

top: -110%;

width: 300%;

pointer-events:none;

}
<style>

</style>

<div style="float:  ; max-height: 800px; position: fixed; right: 1px; bottom: 10px; z-index: 200;"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/64122c89-a670-4067-b631-e39875a23c70/dawaepk-6134319f-4eec-4816-ba79-835d2dfd7363.png/v1/fit/w_701,h_203/fnaf_plushies__transparent__by_the_smileyy_dawaepk-375w-2x.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MjAzIiwicGF0aCI6IlwvZlwvNjQxMjJjODktYTY3MC00MDY3LWI2MzEtZTM5ODc1YTIzYzcwXC9kYXdhZXBrLTYxMzQzMTlmLTRlZWMtNDgxNi1iYTc5LTgzNWQyZGZkNzM2My5wbmciLCJ3aWR0aCI6Ijw9NzAxIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.yVmV2Jdr7aAs5iiNfOUl7ERqglwtXAz8gg6Cn8gIuUk" width="350" height="200"/></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 20 of 57 comments ( View all | Add Comment )

hammersmashedface	12 hours ago using Report Comment
k1nsaajka	9 days ago using Report Comment
Mad_Jackal	10 days ago using Report Comment
AVA	2 weeks ago using Report Comment
SPARKLEBOOM	3 weeks ago Using! Report Comment
★▀▄WilliamAfton▀▄★	1 month ago Using rn Report Comment
◠◠　　hayley !!　₊　🎉	1 month ago using!! Report Comment
sara ୨ৎ	1 month ago usiiing Report Comment
myLILLbabyBOY	2 months ago uSInggg Report Comment
purpleone	2 months ago using Report Comment Omg another springrat ourpel thingy by ★▀▄WilliamAfton▀▄★; 1 month ago; Report Omg another springrat ourpel thingy by ★▀▄WilliamAfton▀▄★; 1 month ago; Report
Léna	2 months ago using this!! i luv it omg Report Comment
sukriti ִ ࣪𖤐.ᐟ	2 months ago using!! Report Comment
Hannah	2 months ago Usingg Report Comment
pr3tti_B0n3z	2 months ago usingg X33 Report Comment
ℭ𝔥𝔩𝔬𝔢	2 months ago Def using this! Report Comment
S@MMY_COM3TZZ	2 months ago Using!! Report Comment
eri! 𖥔 ݁ ˖ִ ࣪⚝₊ ⊹˚	2 months ago usinggg Report Comment
vanne	3 months ago usando Report Comment
Nat5.K0💥	3 months ago using Report Comment
Ande//!	3 months ago using!!! Report Comment