Uhm my old layout (FOR ME ONLY PLS)

Tags:
Description:

This is for me since i change my layout a LOT
Code:

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

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

<!-- (c) Layout created by HARLEYNE (https://spacehey.com/harleyne) -->

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://media2.giphy.com/media/xl2lVgwWnn2NnWDVfH/giphy.gif?cid=ecf05e47cb04hnzdkzegpfpqbfk3egnbw272ivq2qp9wbjri&ep=v1_gifs_related&rid=giphy.gif&ct=s" width="300" height="300"/></div>









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

<style>
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.ibb.co/HGcdJy7/br13rfsckb1b1.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>
<!-- (c) Layout created by .𖥔 ݁ ˖📌𝐑𝐄𝐃 𝐏𝐋𝐀𝐒𝐓𝐈𝐂. !!₊˚⊹ (https://layouts.spacehey.com/layout?id=86146) -->

<style>
.general-about{
  position: relative;
  margin-top: 30px;
siz: 200%
}
.online {
    content: url("https://i.ibb.co/88XVLNJ/Tumblr-l-14848652521210.gif"); 
filter: drop-shadow(0px 0px 2px black);

}
</style>



<!-- (c) Layout created by 🍸Pop rox💋 (https://layouts.spacehey.com/layout?id=94107) -->

<img src="https://media.discordapp.net/attachments/1100566960267329586/1184679844278173746/1310162r08kr35tp0.gif?ex=658cda15&is=657a6515&hm=c402d89823ffb234ddeef19aeabb75feea50e5b9857c13e7979e502693cd73fb&"/> 
<img src="https://i.ibb.co/PQfDYFV/2209d09a9ec82d39abe8edcc30ba1de2.gif" alt="2209d09a9ec82d39abe8edcc30ba1de2"/>
<img src="https://i.ibb.co/bB902vm/tumblr-0f7c0ae4cc1929683651465d6d60abe5-a870586e-250.gif" alt="tumblr-0f7c0ae4cc1929683651465d6d60abe5-a870586e-250"/>

<!-- (c) Layout created by ˚ʚ-Airi-♡-Lover-ɞ˚ (https://layouts.spacehey.com/layout?id=80881) -->

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



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

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; top: 9px; z-index: 200;"><img src="https://64.media.tumblr.com/84e7dfe0e148bc9a291fa360194074da/911de1a13abaab64-80/s400x600/56b812d360b138ec3c93caefc49055bcdf4e9d7d.gifv"/></div>

<!-- (c) Layout created by .𖥔 ݁ ˖🥩𝐆𝟎𝐫𝟑.𝐂𝟎𝐦. !!₊˚⊹ (https://layouts.spacehey.com/layout?id=88439) -->

<style>

.award img {

content:url("https://i.ibb.co/S5B766d/tumblr-mf22m0ryd-J1rtcfaqo1-500.gif");

}

.award img { -webkit-mask-image: url(https://i.ibb.co/S5B766d/tumblr-mf22m0ryd-J1rtcfaqo1-500.gif);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

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

<style>
.logo {
content: url(https://i.ibb.co/rbjRRzN/Untitled48-20240317134439.png);
</style>
<!-- (c) Layout created by Valentine (https://layouts.spacehey.com/layout?id=29048) -->

<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>
<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=101732) -->


<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:#231c3b;
color:white;
}

footer{
background-color:transparent;
}

nav .top{
  background-color:
}

nav .links{
background-color:#231c3b;
}

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:#231c3b
}
 .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://i.ibb.co/KD7Sqjk/Tumblr-l-35467606758344.png');
	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,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n8ZtZnjF0dvF0dvD0N/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>
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 )