Gifted codes!

Tags: chilko
Description:

I'm going to update this, this was published but if anyone wants it... well here it is!
Code:

<!-- (c) Layout created by 𔓕 ch𝑖l𝑘𝑜 (wip) (https://layouts.spacehey.com/layout?id=105423) -->

(Usuario)

<style>

h1{
  animation: type 3s steps(27);
  color: white;
  font-size: 10px;
  font-family: courier;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

{
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(10 10 50 / 20%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
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>


(Friends)
<style>
.profile .friends .person img:not(.icon){
  width: 500px;
  height: 89px;
}

.profile .inner b {
 font-size: 11px; 
 font-family: 'ms ui gothic';
}

.profile .friends .person p {
 font-size: 1px;
 font-family: verdana;
}
</style>



<style>
The magical
</style>

<style>

    :root {
        --logo-blue: red;
        --darker-blue: pink;
        --lighter-blue: transparent;
        --even-lighter-blue: black ;
        --lightest-blue: black ;
        --dark-orange: black ;
        --light-orange: black ;
        --even-lighter-orange: black ;
        --green: black ;
    }
</style>


<style>
.heading, .url-info {
color: #f21167 !important;
background: none;
background-color: pink !important;
border: 2px solid black !important;
}
.inner {
color: blue!important;
border-top: none;
}
</style>

<style>
.profile-info {
background-image: URL("https://64.media.tumblr.com/3e0d848c6016aa854249cd5a971b8ce6/5699e8de885f9e3f-7d/s500x750/5a611ab07bac2657cd87717109f4334b4f12eaa8.gifv");
        background-position: center;
        background-size: cover;
	padding: 5px;
        border-radius: 8px;
        border: 2px solid #0307ff;
border: 2px solid #ff428b;
}
</style>

<style>
    .count {
        color: #f21167;
    }
</style>

<style>
   a:hover {
     color: #ff428b; 
   } 
   a{
     color: #f21167; 
   }
</style>

<style>
p {
color: #ff428b;
}
<style>

<style> .contact{
border: 1px solid black !important;
}
</style>


<style>

    .online {
        content: url(https://pbs.twimg.com/media/Fw_csUSXgCY0I_k.png);
  content-position: center;
   width: 0px; }

.icon, .award img {
    visibility: none;
}
</style>


<style>
li.active .icon { content:url('https://64.media.tumblr.com/fff1edda35a519bf83c55a4667068f2b/27f959c5240c5895-0e/s250x400/34428a6ffc1ce788a17faf521a017a4a67380a91.pnj'); width: 20PX;height: 20px;}
</style>


<style>
.col.right:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 110px;
  background-image: url("https://64.media.tumblr.com/17ff9ead7fe004d91656431aa2a1e98b/1f415478bcef9b82-12/s250x400/8381a75f8a4247fb89c8dece4c3c9c14f105b523.pnj");
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 420px;
</style>


<style>
nav .links a, nav .links li .special a{
    text-shadow: none;
}
</style>

<style>
nav .links {
 background-color: black;
 background-size: cover;
 text-align: center;
 margin-bottom: 1em;
}
</style>

<style>
.logo {
filter:grayscale(100%) sepia(100%) brightness(123%) hue-rotate(291deg) saturate(481%) opacity(66%) contrast(108%);
}
</style>

<style>
body {
    background: url(https://64.media.tumblr.com/6e833566d3b9742e8deb8e2b708d39b9/tumblr_pwz869HF0G1yqu9ybo2_r1_400.gifv);
}
</style>

<style>
footer{
background-color: white !important;
}
</style>

<style>
.top{
background-color: black !important;
}
</style>



<style>
main{
background-color: #ffe6ec ;
box-shadow: 0px 0px 10px 6px #ff8fa7;
}
</style>

<style>
.row.profile{
box-shadow: 0px 0px 10px 6px #ffb3c4;
}
</style>


<style>
nav .links {
 background-color: transparent;
 background-image: url('https://64.media.tumblr.com/a60fb1ef931eaa53c28af38b5e7704b3/5699e8de885f9e3f-47/s540x810/dd3e767bdd7efa6e8ee04b5519786c1151f839f9.gifv');
 background-size: cover;
 text-align: center;
 margin-bottom: 1em;
}
</style>

<style>
main:before {
width: ;
height: 150px;
display: block;
content: "";
background-image: url('https://64.media.tumblr.com/8d946b6d6d6b19624fd3b9df22fa819e/b32c611848a61544-3b/s1280x1920/e31ffc95b918c02d47753ce2b439c3a38a902155.gifv');
background-position: center;
background-size: 950px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px ;
margin-bottom: 20px;
margin-top: 10px;
border: ridge gray 3px;
box-shadow: 0px 0px 10px white;
filter: brightness(88%) contrast(199%) grayscale(80%);
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;

    
    
}
</style>


<style>
.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 Favorites */
	content: "✂"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "✂"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "✂"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "✂"
</style>


<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url(https://64.media.tumblr.com/f46adbd73819c37dbe586e16b4f76ddb/76da76084a581b56-c3/s1280x1920/22260586d8567b355cb418dcdb3e0444a5d4ea10.pnj);
display: inline-block; content:"" }
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; }
.profile-pic:after{
filter: brightness(88%) contrast(199%) grayscale(80%);
}
</style>

<style>

div.col h1:after{
  content: url(https://64.media.tumblr.com/87607b639500f21ca24a7a7fe365a924/a04aa1fa13a2872f-25/s75x75_c1/7d01d84f1a3a3064ee5a9f924fbc6a718424cb07.gifv);
  
    filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 0 white);
  }  
  
</style>

<style>

div.col h1:before{
  content: url(https://64.media.tumblr.com/87607b639500f21ca24a7a7fe365a924/a04aa1fa13a2872f-25/s75x75_c1/7d01d84f1a3a3064ee5a9f924fbc6a718424cb07.gifv);
  
    filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 0 white);
  }  
  
</style>

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

<style>
img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
} </style>


<style>
.general-about{padding:10px!important;display:flex;flex-direction:row-reverse;gap:10px;height:185px}.profile-pic,.profile-pic .pfp-fallback{margin:0!important;}.profile-pic{position:relative}.profile-pic:before{content:"";display:inline-block;height:100%;width:100%;position:absolute;top:-2px;right:-2px; inset;z-index:999;border-radius:20px;pointer-events:none}.details{display:flex!important;flex-wrap:wrap;gap:10px;flex-direction:row;align-content:flex-start}.details p{padding:3px;margin:auto;height:fit-content;}.details p:last-child{align-self:flex-end}
</style>



/*ONLINE*/
p.online {font-size: 0px;}
p.online::after{content: "I'M ONLINE !!!";
color: deeppink;
font-size: 12px;}
.online img {content: url(https://media.tenor.com/YiXly4o1Gc4AAAAi/kuromi.gif);
font-size: 12px;}



.icon, .award img {
    display: inline-block;
    height: 1.4em;
    width: 1.4em;
    aspect-ratio: 1/1;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
    font-size: 0;
}
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 )