the path (tale of talez) layout

Tags: layout, the path

Description:

put thiz under the about me section:3 plz comment if using. finished the rework! if you want the old version for whatever reason herez the link https://docs.google.com/document/d/13qsV8QcYWBWzMGmXat3OL6ttvghLIA2zmq66sNOd9-M/edit?usp=sharing

Preview:

click on the image for a larger preview

Code:

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


<style>
body {
        background:url(https://64.media.tumblr.com/e20f8e13cc8c766a41708ce8510315e4/aaa37a90f12c0007-4c/s500x750/29144e91cbe50a9ebe9e4e4e321b5db5ddd4fc38.gifv);
}
.profile {
background:url(https://media.istockphoto.com/id/1306653108/photo/bloody-sunset-in-the-forest-black-silhouettes-of-tall-trees-on-a-red-foggy-background-horror.jpg?s=612x612&w=0&k=20&c=Lt_Bb4lk64OTwruTfOkZtUwDtS-Q0klPflmfyli1NFs=);
color:#ff0000;
text-shadow: 0 0 9px black;
}
.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:#000000; 
text-shadow: 0 0 9px black;
background:#b02024;
}

/* 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://64.media.tumblr.com/edd23d29821d379e63134c2287417e04/c2dc1e2065902e59-fc/s500x750/3c085e5e1bb86600d7a975eb7aadb5a72de4cb5d.gifv);
color:White; 
}
.online{
content: url🕸҉o҉҉n҉҉l҉҉i҉҉n҉҉e҉);
}
nav .top {
        background: url("https://img.itch.zone/aW1hZ2UvMjgwNzIvMTE1NjE1LmpwZw==/original/k27au9.jpg");
}
:root {
--logo-blue: #c96164;
--darker-blue:#ff0000;
--lighter-blue:#000000;
--even-lighter-blue:#000000;
--lightest-blue:#7a3b3b;
--dark-orange:White;
--light-orange:#000000;
--even-lighter-orange:black;
--green:black;#ffedee
}


}
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"> 
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ


ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>


</div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "𓌏҉m҉҉y҉ ҉f҉҉r҉҉i҉҉e҉҉n҉҉d҉҉s҉𓌏"; font-size:.8rem; font-weight:bold; 
color:White; } 
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "✮⋆˙҉c҉҉o҉҉m҉҉m҉҉e҉҉n҉҉t҉҉s҉✮⋆"; font-size:.8rem; font-weight:bold;
color:White; } 
}
.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "⛦҉i҉҉n҉҉t҉҉e҉҉r҉҉e҉҉s҉҉t҉҉s҉ ҉a҉҉n҉҉d҉ ҉m҉҉y҉ ҉s҉҉o҉҉c҉҉i҉҉a҉҉l҉҉s҉✘"; font-size:.8rem; font-weight:bold; 
color:White; }
}
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "s҉҉a҉҉y҉ ҉h҉҉i҉✘"; font-size:.8rem; font-weight:bold; 
color:White; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "A҉҉b҉҉o҉҉u҉҉t҉ ҉m҉҉e҉𓇢𓆸"; font-size:.8rem; font-weight:bold; color:White; }
}
</style>

<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/db77ed84a6744146bd80c05c746a54ba/a406942dbd440479-86/s500x750/3ae150257b844a02caeea450140831f2b4b40cd1.gifv');
    background-size: cover;
    background-repeat: no-repeat;
background-position:center;
    animation: yourAnimation 4s ease 0s 1 normal forwards;
    pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>main:before {
    width: 100%;
    height: 125px ;
    display: block;
    content: "";
    background-image: url('https://th.bing.com/th/id/R.246926ae89100895dda72f719aaf57e3?rik=38yJ4ACWrUFxbw&riu=http%3a%2f%2ffarm4.static.flickr.com%2f3106%2f3407385371_766254b843_b.jpg&ehk=vb%2b5VW%2bEDfapGNHtU9CIm0UZdu9U1oyyeoBiYx%2b%2fUNE%3d&risl=&pid=ImgRaw&r=0');
    background-position: center center;
    background-size: cover;
}
@media only screen and (max-width: 600px) {
    main:before{
        height: 200px;
    }
}</style>


<div style="float:  ; max-height: 800px; position: fixed; right: 1px; top: 10px; z-index: 200;"><img src="https://media.discordapp.net/attachments/1118300552720306246/1334371037315600417/imageedit_1_3677045113.png?ex=679c495e&is=679af7de&hm=86b0cca21b2f29ebdcfd17a963252772706ecb825be93b112f0a1f97beff1d07&=&format=webp&quality=lossless&width=791&height=565" width="300" height="300"/></div>




<div style="float:  ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;"><img src="https://media.discordapp.net/attachments/1042207197968474143/1334275486066544702/imageedit_4_2905247905.gif?ex=679bf061&is=679a9ee1&hm=e776e8ca38f31d7da7367db0f65006b9a76072197fbd302a5f1f5844d3bf1411&=&width=532&height=300" width="400" height="300"/></div>



<style>* {cursor: url(https://media.discordapp.net/attachments/1118300552720306246/1334374352862318592/imageedit_1_5303754060.png?ex=679c4c75&is=679afaf5&hm=2a4444430457919f7ab9d5ecdbf4ed69848bef88ae5ac7ccff2427e528fd63ad&=&format=webp&quality=lossless&width=80&height=75), auto !important;}</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/d3FUEeCTVHc?si=XSK_f1DiAW8HxEny//?&;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 1 of 1 comments ( View all | Add Comment )

ira	1704462445 using!! Report Comment