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

RYAN xP	1714916305 USING!!! :3 Report Comment
Jimmy Urines Husband	1713187163 Using >_< Report Comment
dickmaster3000	1712768372 using! :3 Report Comment
★ HESEKIEL	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 JUPITER!! <3; 1709137801; Report
♧-VINCENT-♧	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 JUPITER!! <3; 1707962228; Report
ΛＳＨＴ♢Ｎ	1707580824 OH MY OH MY OH MY OH MY OH MY OH MY OH MY OH MY I LOVE DSAFFFFF TYSM FOR MAKING THIS ILYSM I'M USING RN!! Report Comment AHHHHHH OF COURSE!! IM SO GLAD YOU LIKE IT by JUPITER!! <3; 1707600830; Report
Bon	1705219790 is there one without the background music? im new and i cant find out for the life of me how to change the music ;-; Report Comment no but the very bottom code is the music! its separate from all the other code by JUPITER!! <3; 1705269854; Report thank you! ill try and figure out what is my stamps and the layout im using rn to separate it lol by Bon; 1705627522; Report
𓎟 feli	1703564865 You said you used a base for this, whats the base link? ^^ Report Comment i’ll try to find it! by JUPITER!! <3; 1703565997; Report i used this one and edited it to my liking ^^ https://layouts.spacehey.com/layout?id=37155 by JUPITER!! <3; 1703620674; Report
Crescendo	1702797967 might use!! looks cool Report Comment
WARABI ✩	1702591331 SO COOOLL!!! I LOVE DSAF ^O^ might use this in the future !! Report Comment AHH THANK YOU!! :3 by JUPITER!! <3; 1702597866; Report
Donnie	1702183406 I LOVE THIS THIS IS SO COOL GOOD JOB Report Comment ARGAFHDS THANK YOU SMSMS by JUPITER!! <3; 1702183446; Report