Sally Face Layout! (Updated waa)

Tags: #sally face, #layout, #simple

Description:

Please comment if you are going to use it (´▽｀) Edit: I updated it a bit since the banner was missing, apart from adding things <,3

Preview:

click on the image for a larger preview

Code:

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

<style>

.logo {

content:url("https://images-ext-1.discordapp.net/external/t9Vhj6PrNSmsHRkOhUI3EEkb7jJ64svEbS1COcrClEo/%3Fhttps%3A%2F%2Fstorage.googleapis.com%2Fwzukusers%2Fuser-25742635%2Fimages%2F5831c103b5a66tSG343o%2FsfLogo3_d400.png/https/external-media.spacehey.net/media/sssqpaplWQAW_5OSPD808dnHN51Rq4E86DQYazIYuBgo%3D/https%3A/portablemoose.com/x/cdn/?format=webp");

}

</style>

<style>
main, body{
background-color:#141122;
color:white;
}

nav .top, .logout-btn{
background-color:#1f1933;
color:white;
}

a:link{
color:#ffffff;
}

.profile .blurbs .heading, .profile .friends .heading {
background:#1f1933;
color:white;
}

footer{
background-color:transparent;
}

nav .top{
  background-color:
}

nav .links{
background-color:#1f1933;
}

nav .links a:link{
text-shadow: 0 0 7px white;
}

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

.profile .contact .heading, .profile .table-section .heading{
  background-color:#1f1933
}
 .details-table td:first-child, .details-table td{
   background:transparent;
   color:white;
}

.profile .friends .person p, a, .count, .profile .blurbs .section h4{
  color: white;
}

table.comments-table td, table.comments-table td:first-child{
  background-color:transparent;
}

table.comments-table{
  border:1px solid transparent;
}
</style>



<style>main:before {
	width: 100%;
	height: 125px ;
	display: block;
	content: "";
	background-image: url('https://pressakey.com/gamepix/7719/xbox/Sally-Face-1823082250-30.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>



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

<style>

body { cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoDAAAFgAAACgAAAAgAAAAQAAAAAEAGAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0OTtSV15xd4B8g4xzfYVwfINjbHUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA2PDtgaGp2f4iPmKKWn6mWn6mYoKqdprOYoa6BjZkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABITk1ygIeVnqigqrShqrSlsb2otMCnsL2ksLyhrbmfq7dmcnkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQWFiFkZegqbOnsL2qs8Cqs8CrtMGjrrZ6g4yfqbOeqrafrbmcpa4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgZGWVnKWksLqrtMKttsOwucastcKqs72krridqLWTnKl+h5WRnKSZp7NufYUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGiaMZ4OYfZS2wMSxusWyu8i1vsu3wM25xdG5xNKwucedqLBqeYC2xNCkrruWo68AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFGBtOV2midJSsep+xgaWihZ+swcK2v8y4wc67xNG7xNG+x9TAydbBz9u/y9epvMmksLwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABbWGGfdJOvf6Oygqa2g6i1ham0iKyIfYu4wc60vcq3wM24wc64wc67x9OvwMysvsmltcFldoEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZmSvf6O2h6i6h6y7i6/BjrS/jrRqVWW5ws+4wc65ws+6w9C4xNC9ydW1wc2xu8ypucWXo68AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACbi5q4iKzAjbLDkLXEkba+kLS/lLWJfoq9ydO9x9GBh5KXoauhrbmquMS0wc+zws6tvcmfr7sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACqfpq7iK3Cj7TCkrbHlLnFlrvPmsLNz9bAydPEztjDzNnCztp5h41zf4Wjrri3xdGuvsqrvMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABXW16yham+i7DGkrfIkrfAkLTBjbK2jK/S0d3BytTDytPH0N3Fz9nH0N29zdrAzdnAy9m1xdGuwc4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABvdnS7i6/BjrPMlrvAjbK/kLK9jbO2hKy9x9G+x9HFy9bI0drCz9rFztu9yNa/zdm2xM+3x82rv8sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB0e3u/jLPCjrPOmL3OpskbGSApKisjJyonKjOcm6G3xc7L09zG0dnAzdvBz9u/x9TAzNjByterv8oAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABzgH7EkbO8jLDNmr9nTV0gIyIuMDAlJiorLDAyNTrAxc/EzdfGz9y8zNnCytcQFh0SFhcRFhmKkZgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACHyfHkbbHkbbVnMJvVGoXGxwhIiYkJSklKC8pLDS5wMfCztjD0tu+z9jEzdoUGyQWGBgRExRxd3wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAzVWHFkrfKlLnXoMfhsM9OPksQExcZGR8ZHiI/RkvEz9fCztnCztjI09vFztsaHx0YGhoPERJUYmAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3VWPMlrvNmb7YocjgqNPgttXlud3WpszPmb7Xz+C+zdbAzNbDzdfCztrCztjDztwsMTQBBAJPV14AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAhYPNmb7Sm8LboMzgq9PhtdndtdjYp83Tm8TPm8XB0NnEztjCztrF0NjB0djBz9vJ1dvF0dunucUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCjYnRm8DUn8fdoMzcp8/fr9PbsdTap83SosbRnMN+boDDz9nDztzF0d3I0d7J1NzJ0t++y9kAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACJkY3Tm8TYoMncpM3dptHeqdPcp9LYpcrToMXSosbRocfDzdnDz9vF0d3Dz9vEzt/Ezdq4ydYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACHjIzQmsXapdDgpc7aosvZosvZocfVosfVoMjXocjSo8jC0NrE0NzF0d3Dz9vAzNjCy9muv8gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADInMPaqNDcpM3an8zZn8jYoMvTncvWncrTn8a7q8HAzdbH0N3F0d3Fz9zAzNi7yNoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADImsTRnsbUncfXm8fUnsbQn8ZtZnjF0dvF0dvD0N/Cztu9y92fs74AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACzlLDCz9zA0N6/z9+7y9wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////////////////wH///wA///4AH//8AB//+AAP//AAD//gAA//4AAH/+AAB//gAAf/4AAH/8AAB//AAAf/wAAH/8AAB//AAAf/wAAH/8AAB//AAAf/wAAP/8AAD//AAA//4AAf//wAH///4P/////////////////w=='), auto; }

</style>


<style>

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}

</style>


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

<style> 
.contact {
        font-size: #px;
        font-family: fontfamily;
        border: dotted 0px!important;
        background-image: url("URL")!important;
        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://cdn.discordapp.com/emojis/710608866278113300.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://cdn.discordapp.com/emojis/710609116950822933.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://cdn.discordapp.com/emojis/710608992010764318.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://cdn.discordapp.com/emojis/719246820991172668.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://cdn.discordapp.com/emojis/710616009714958366.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("https://cdn.discordapp.com/emojis/741739684346200214.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://cdn.discordapp.com/emojis/710616009626615849.webp?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://cdn.discordapp.com/emojis/710608614246842418.webp?size=28&quality=lossless")
    } 
</style>

<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=99848) -->

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://64.media.tumblr.com/72d414b35d896ee4f166d09291524314/59816f4554a34098-d0/s1280x1920/c452774039f4b7841cbe761d2483974bae689a71.gifv');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 5s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>


<style>
.online {content:url('https://64.media.tumblr.com/4c2c48367f2f4e9c039bde7cea243f4d/8d543dfa638d9994-a6/s75x75_c1/2d4edfb35453ebd0c9344fc3b0d1c5e939298d29.gifv'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>


<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=99822) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/qEVxA6av14A?si=fO64n0w7xoJM5BkB//?&;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>


<style>
body{background:url("https://media.istockphoto.com/photos/texture-of-old-violet-paper-background-closeup-structure-of-dense-picture-id1157432726?b=1&k=6&m=1157432726&s=612x612&w=0&h=lh8HPREyduhmAPCY29WFS6NMx2po5lOYKazsPIDBvkw="); background-size: 1800px; contain }</style>

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

ˡᵉᵉʳᵒⁿ	1743374945 I'm using this❗❗ Report Comment
𝒦𝒶𝓉𝓉	1741343508 using Report Comment
S0m0ne	1740773040 im gona use it js so u know! Report Comment
jess	1740080955 using<3 Report Comment
Sal 0_o !!	1739128703 using !! Report Comment
teddi	1735912823 gonna use this one too, love it just as much <3 Report Comment
Ryker	1732748749 USING <3 Report Comment
keaya	1729866788 usinggggg Report Comment
Max_daSad1	1727551116 Gonna use xD Report Comment
DRXCU1A!!	1725929920 usinggg!!!! Report Comment
Larry_Enthusiast	1722956045 using ^^ Report Comment
Kelz	1717225033 Using! Report Comment
The_real_Dizzle	1714401514 using Report Comment
mantamaria28	1712837948 using! Report Comment
☆Nick!☆	1711394647 Using!! (i mean probably, i change layouts like a lot) Report Comment
Eliot	1710503436 Im gonna use this, but can i change the logo? Or nah? Report Comment Loke the spacehey logo by Eliot; 1710503451; Report Of course! No problem （￣︶￣） by Sallycita Face; 1710621898; Report