Fall layout

Tags: fall

Description:

js saving what i have rn

ㅤ

ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ

(banner if u wanna remove)

Code:

<!-- (c) Layout created by ⸝⸝ ꒰ Angel Food 🍉ㆍ₊⊹ (https://layouts.spacehey.com/layout?id=105547) -->

<!-- (c) Layout created by 𝖘𝖜𝖊𝖊𝖙𓆩♡𓆪𝖈𝖆𝖛𝖎𝖙𝖞 (https://layouts.spacehey.com/layout?id=86067) -->

<style>
body {
        background:url(https://i.pinimg.com/736x/79/73/32/79733214d3fb1b4caebfbc0a7afcbe69.jpg);
}
.profile {
background:url(https://i.pinimg.com/736x/49/5f/15/495f158c517d114cd0961df54c597af5.jpg);
color:#f7f7f7;
text-shadow: 0 0 9px #ad8ca0;
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:#ffcfeb; 
text-shadow: 0 0 9px #1a1819;
background: "https://png.pngtree.com/thumb_back/fh260/background/20210410/pngtree-pink-lace-texture-creative-background-image_607244.jpg;
}

/* contact icons */
.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: "!"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "!"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "?"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "?"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "ପଓ"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "ପଓ"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "౨ৎ"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "౨ৎ"
}
footer {
border-radius: 15px;
background-image: 
url(https://i.pinimg.com/736x/74/bf/61/74bf6170c3de1b69a9145c1e0733c8b0.jpg);
color: #1a1819; 
}

nav .top {
        background: url("https://i.pinimg.com/564x/46/c9/e9/46c9e9973aa4811d79df96ea31f05d9d.jpg");
}
:root {
--logo-blue: #1a1819;
--darker-blue: #1a1819;
--lighter-blue:#e6d5e1;
--even-lighter-blue:#e6d5e1;
--lightest-blue:#ffcfeb;
--dark-orange: #1a1819;
--light-orange:#e6d5e1;
--even-lighter: #ad8ca0;
--green:black;#141414
}


}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>
ㅤ
<div class="about"> 
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://68.media.tumblr.com/b30de6c9261cb63bd9b6887403e6a7a7/tumblr_ofz8wtbncV1qhs3zuo1_500.gif');
	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>
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>


</div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "friends 𓍯𓂃"; font-size:.8rem; font-weight:bold; 
color: #1a1819; } 
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comments 𓍯𓂃"; font-size:.8rem; font-weight:bold;
color: #1a1819; } 
}
.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "my interests꒰ঌ ໒꒱my socials! 𓍯𓂃"; font-size:.8rem; font-weight:bold; 
color: #1a1819; }
}
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "say hi! 𓍯𓂃"; font-size:.8rem; font-weight:bold; 
color: #1a1819; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "about me 𓍯𓂃"; font-size:.8rem; font-weight:bold; color: #1a1819; }
}

</style>
<style>
a:hover{
 cursor: url('https://media.discordapp.net/attachments/1118300552720306246/1171317571560165416/0857a86494a386a_1.png?ex=655c3d7f&is=6549c87f&hm=65d919c56d07fdaa276d5c3f474e7fff7951c4f181054401e9fd48b725b31267&=&width=56&height=56'), auto !important;
}
* {
 cursor: url('https://media.discordapp.net/attachments/1118300552720306246/1171317571560165416/0857a86494a386a_1.png?ex=655c3d7f&is=6549c87f&hm=65d919c56d07fdaa276d5c3f474e7fff7951c4f181054401e9fd48b725b31267&=&width=56&height=56'), auto;
}
<style></style>

(banner if u wanna remove)

<style>main:before {
	width: 100%;
	height: 125px ;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/originals/c1/49/3f/c1493f8cfe6dcc94356d7cfb4c30b14a.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</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 0 of 0 comments ( View all | Add Comment )