FNAF / DSAF layout!

Tags: #fnaf, #dsaf, #autoplay, #purple

Description:

a layout I made using a base for a layout ( i'm still working on my skills ) includes autoplay of run, run! jack and Dave sprites / William and Henry, Dave loading screen <3 comment if using! able to make edits :3

Preview:

click on the image for a larger preview

Code:

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


<div style="float:  ; height: 45px; position: fixed; left: 2px; bottom: 225px; z-index: 30;"><img src="https://static.wikia.nocookie.net/dayshift-at-freddys/images/3/34/DaveMiller.png/revision/latest/scale-to-width-down/249?cb=20220408040152"/></div>

<div style="float:  ; height: 45px; position: fixed; right: 2px; bottom: 267px; z-index: 30;"><img src="https://static.wikia.nocookie.net/dayshift-at-freddys/images/d/d4/Old_Sport-0.png/revision/latest/scale-to-width-down/190?cb=20220202235959"/></div>

<style>
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
body{font-family: 'DotGothic16', sans-serif;}
</style>

<style>

body{
background: url(https://i.pinimg.com/564x/f2/15/91/f21591b1c59d52bfd6eaf8b9954d37df.jpg)
}

nav .top {
    background: black;
    color: #464746;
    padding: 15px 10px 14px 10px;
    position: relative;
}

nav .top .left .logo {
    width: 165px;
    height: 42px;
    filter: brightness(0) saturate(101%) invert(5%) sepia(5%) saturate(10%) hue-rotate(77deg) brightness(695%) contrast(150%);
}

button, input {
    overflow: visible;
    background: black;
    border: 1px solid #464746;
    color: #464746;
    font-weight: bold;
}

.logout-btn, .logout-form {
    color: #464746;
    text-transform: uppercase;
    display: inline-block;
    font-size: 100%;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: "♬♪";
    color: #464746;
}

nav .links {
    background-color: transparent;
    text-align: center;
    padding: 3.5px 16px 5.5px 16px;
}

nav .links a {
    text-decoration: none;
    color: #000000;
    text-shadow: 0 0 5px #464746;
    background: transparent;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}

nav .links .special a {
    color: #464746;
}

nav .links a:hover {
    text-decoration: underline;
    color: #464746;
    font-weight: bolder;
    text-transform: uppercase;
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 150px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/564x/d5/8e/88/d58e882790fdfca2a0f21fd3ffb91de7.jpg);
    background-position: center center;
    background-size: cover;
}

main {
    background: black;
    color: #464746;
    border: 1px solid #464746;
    padding: 6px 0px;
    font-size: 80%;
text-align: center;
}

span {
    text-align: center;
    color: #464746;
    text-transform: uppercase;
    font-size: 170%;
}

a {
    color: #464746;
    text-decoration: none;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #464746;
    text-transform: uppercase;
    font-weight: bolder;
    font-style: italic;
}

.edit-link {
    font-size: 90%;
    text-align: center;
}

.general-about .profile-pic {
    display: block;
    float: left;
    margin: 0 15px 8px 0;
    border: 1px solid #464746;
}

.general-about .details {
    display: flow-root;
    text-align: center;
}

.profile .mood {
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.mood:after {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 50px;
    background-image: url(https://64.media.tumblr.com/0e7635994d1a13d7cc033b672fc8d0a4/9b9dc1087ae1fdb3-d4/s400x600/4f68a34652decb8ebb4a14468521ae326afa4759.pnj);
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: 300px;
}


.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: transparent;
    color: #464746;
    text-align: center;
    border-bottom: 1px solid #464746;
    padding: 2px 7px;
}

.profile .blurbs .section p {
font-size: 15px;
text-align: center;
}


.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 1px solid #464746;
    margin: 10px 0;
}

.details-table td:first-child {
    background: transparent;
    color: #464746;
    text-align: center;
    font-weight: bold;
    border: 1px solid #464746;
    width: 33%;
}

.details-table td {
    background: transparent;
    color: white;
    border: 1px solid#464746;
    vertical-align: top;
}

.profile-info {
    border: 1px solid #464746;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 30px;
    margin-bottom: 10px;
}

.profile .profile-info {
	background-image: url(https://i.pinimg.com/564x/44/03/8d/44038dbcd87e3aed3991edf34beb9a0c.jpg);
	padding: 20px;
    border: 1px solid #464746;
    
}


.profile .blurbs .heading, .profile .friends .heading {
    background: transparent;
    border-bottom: 1px solid #464746;
    color: #464746;
    padding: 2px 7px;
    text-align: center;
}

.profile .blurbs {
    margin: 20px 0;
    border: 1px solid #464746;
    
}

.profile .blurbs .section h4 {
    margin: 0;
    color: #464746;
    text-align: center;
}

.friends {
    border: 1px solid #464746;
    
}

.count {
    color: #464746;
}

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

.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    border: 1px solid #464746;
    
}


.friends-grid {
    border-top: 1px solid #464746;
    padding-top: 10px;
}

.comments-table td:first-child, .music-table td:first-child {
    background: black;
    border: 1px solid #464746;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td:first-child img:not(.icon) {
    width: 90px;
    max-width: 100%;
    max-height: 200px;
    border: 1px solid #464746;
    
}

.comments-table td, .music-table td {
    background: #000000;
    border: 1px solid #464746;
    vertical-align: top;
}

table.comments-table {
    border: 1px solid #464746;
    
}


footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: #00000000;
    color: #464746;
     
}


::-webkit-scrollbar {
    width: 12px;
    height: 12px;
BACKGROUND-COLOR: black;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    width: 2px;
    border: 1px dotted #464746;
}
::-webkit-scrollbar-thumb {
    background: #464746;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #464746;  
}

.online {
    content: url(https://64.media.tumblr.com/456577da2d30c0097197736ca2f4bc11/a6919a15454c0dbb-3d/s75x75_c1/b9baa0a3aa1c193bf3e25dafce11b8638678ae05.gifv)
}

    .icon, .award img {
        content: url(https://64.media.tumblr.com/e2f3dbfac2b7360947aeadefaa9fd423/2e220f9d268f7399-bf/s75x75_c1/92a833779b34c6f3cd5337ca26284ca4b5df8c42.gifv);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }

HTML,BODY{cursor: 
url(http://www.rw-designer.com/cursor-view/78533.png),
auto;}


A:hover{cursor: 
url(http://www.rw-designer.com/cursor-view/78533.png),
auto;}

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/de/ef/43/deef43b692ce0dd17024e5cceb3c29d3.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>  body {
text-align: center;
}</style>

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

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

Z0mb1eEwa / Jack / Old sport	1731901685 Using Report Comment
urchinhorrors	1730425742 using Report Comment
Z0MBI3GUTZZX3	1727481490 Usinggg Report Comment
Norvin!!	1726517835 Using >:3 Report Comment
ᴋᴀᴅᴇɴᯓᡣ𐭩	1725832275 using ^_^ Report Comment
ᴋᴀᴅᴇɴᯓᡣ𐭩	1725832271 using ^_^ Report Comment
EndCommunication	1725186857 YEAHHHHH USING!!!!!! THISBIS SO COOL Report Comment
Collective Fandom System	1723095376 DEF USING!!1!!1 <33 Report Comment
V1NNYX0_O!	1719454556 using Report Comment
BRYCE!!!!	1719306254 I LOVE DSAF I MIGHT BE USING THE LITTLE PNG OF DAVE !!!!!!!!!!!!!!! Report Comment
☆: .｡. o(≧▽≦)o .｡.:☆<!FLASHWARNING!>	1719201967 usinggg Report Comment
xXAubergineXx	1717193190 USING !!! Report Comment
sean / doc	1716520843 useing ^_^ Report Comment
RYAN xP	1714916305 USING!!! :3 Report Comment
🦑🐇._xXstarving_dayXx_.🪖	1713187163 Using >_< Report Comment
DAVE (>w<)!!	1712768372 using! :3 Report Comment
★ AFTON	1712699171 USING! Report Comment
alex ☆	1710272477 OMG I LOVE THIS I might use it in the future :33 Report Comment
⋆˖⁺‧₊☽𝐀𝐲𝐥𝐢𝐧☾₊‧⁺˖⋆	1708800236 I love using it but how I remove the music, I wanted to use another one Report Comment the last code at the bottom is the music code, just delete it and replace with your embed! by KYLO!! <3; 1709137801; Report
ROAR	1707951043 yippeee !!! dsaf !!! currently using (my adhd brain is melting tysm) Report Comment REAL!!! i’ve been supppper fixated on it and there was no layout satisfying me at the time so i made one :3 by KYLO!! <3; 1707962228; Report