first layout (I DID NOT MAKE ANY OF THE THINGS IN LAYOUT)

Tags:
Description:

i dont remember most of the layout things i used, just know i did not make any of the things in here and credit goes to the respectable creators
Code:

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

<img src="https://ranfren.neocities.org/art/smash.gif"/> //
he him plzzzz ^_^//
plz dont mind my ugly, all over the place layout i just put things i think r kewl on there//
AoL: wHeRe KewLz HaXoRz ArE//

<div style="float:  ; max-height: 200px; position: fixed; left: 100px; top: 20px; z-index: 100;">
<img src="https://64.media.tumblr.com/2dabc92cb7d119f6c02d74858a9b71fb/8ed1f696e2cccc44-bc/s100x200/ca9e0bfde85f834a580512bd984ca8a4070596cf.gifv" width="100" height="100"/></div>

<div class="snowflakes">
<div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div>
<div class="snowflake"><img src="https://media.discordapp.net/attachments/857624184989679626/1099782136522866750/IMG_5494.gif"/></div>
</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}



</style>

<a href="https://www.glitter-graphics.com"><img src="http://dl8.glitter-graphics.net/pub/39/39368n1b2x3prdz.gif" width="83" height="49"/></a>

<style>
.online{content:url("https://dl.glitter-graphics.com/pub/70/70114ow466u9oc3.gif");
}
</style>

<!-- (c) Layout created by zombi.G11rlx3 () -->
<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

<style>
/*IF YOU ALREADY HAVE A STYLE COMMAND IN YOUR LAYOUT, JUST COPY THE ELEMENT AND THE ATTRIBUTES IN IT ALONG WITH THE ANIMATION, AND PASTE IT INSIDE YOUR STYLE TAG. HAVING TWO STYLE TAGS WILL CONFUSE THE COMPUTER, AGAIN, PUT EVERYTHING INSIDE YOUR STYLE TAG OR IT WILL SURELY NOT WORK WELL.*/
    @keyframes lookAtDis {
        from {transform: rotate(-5deg);}
        to {transform: rotate(5deg);}
    }
    .Leeimage {
        background: url(https://i.imgflip.com/4/4knyzq.png)no-repeat;
        background-size: 294px 500px;
        position: fixed;
        left: 0px;
        bottom: -20px;
        height: 500px;
        width: 294px;
        margin-left: 5em;
        z-index: 3;
        opacity: 1;
        animation: lookAtDis 1s steps(2) infinite;
    }
</style>

<div class="Leeimage"></div>


<style>
*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
   font-family: Verdana !important; 
   font-size: 10px !important; 
   color: black !important; 
   text-shadow: none !important; 
   letter-spacing: 1px;
}
body {
   background-image: url(https://i.pinimg.com/originals/f7/82/f8/f782f8caf4976f9a36d62c5920ef802d.jpg);
}
.top, .links, .heading, footer, button {
   background-color: #6699cc !important;
}
h1 {
   font-family: courier !important; 
   font-size: 18px !important;
}
h4 {
   color: black !important;
}
.contact, .url-info, .table-section, .profile-info {
   border-color: black !important;
}
td {
   background-color: white !important;
}
input, button:not(.logout-btn) {
   border: 1px groove black !important;
}
.pfp-fallback, .row.profile {
   border: 1px dotted #b55a6c !important;
}
.logo-fallback {
   height: 38px !important;
}
</style>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/smilies/smi-3/smi211.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/10/13/trollface-problem-coolface-rage-face-comics.html" target="_blank" title="Trollface / Problem? / Coolface  - Rage Face Comics"><img src="https://cur.cursors-4u.net/cursor.png" alt="Trollface / Problem? / Coolface  - Rage Face Comics" style="position:absolute; top: 0px; right: 0px;"/></a>

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

<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/3LGSQb7X3NDfYOmxrgYhXO?utm_source=generator" width="100%" height="352" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

<img src="https://media.tenor.com/oYgY0td9TrUAAAAi/internet-webcore.gif"/>

<div style="float:  ; max-height: 300px; position: fixed; right: 13px; top: 12px; z-index: 300;">



<img src="https://media.tenor.com/jDNxHi8pNk0AAAAi/sonic-the-hedgehog.gif" height="100"/>
<style></style></div>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5288aadd-fd59-45a5-925e-1bd7487027a5/dgzenyj-581f598f-49a6-44e9-9404-6d963cb87cfe.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzUyODhhYWRkLWZkNTktNDVhNS05MjVlLTFiZDc0ODcwMjdhNVwvZGd6ZW55ai01ODFmNTk4Zi00OWE2LTQ0ZTktOTQwNC02ZDk2M2NiODdjZmUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.mEqJTsEJT9RYW9wMzefOfPfTL5-0lvp9Sd8QdKSltTQ') no-repeat;
  background-size: 70px;
  display: block;
  width: 200px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -22px;
  left: 108px;
}
</style>

<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>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://images-na.ssl-images-amazon.com/images/I/61nmDvBE7TL._AC_UL116_SR116,116_.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400;">
<img src="https://media.tenor.com/kxisEmrzX3MAAAAi/ranfren-randal-ivory.gif" height="220"/></div>

<style>
.logo {
content:url("https://64.media.tumblr.com/b66c782a170196860ce1e850756c2ea7/07455c1e23e3fc07-33/s640x960/8dd776cfb643909c927692ec53568838702abb04.pnj");
}
</style>

<style>
.logo {
content:url("https://64.media.tumblr.com/b66c782a170196860ce1e850756c2ea7/07455c1e23e3fc07-33/s640x960/8dd776cfb643909c927692ec53568838702abb04.pnj");
}
</style>


<img src="https://64.media.tumblr.com/a4c3da90eea114683a222fde78c4f2c7/6f1804d74e3a3f2b-71/s250x400/03e3a01a62c8396ce7565546512958bea4c27009.gifv"/>

<img src="https://64.media.tumblr.com/b7c4b4211fe9465b3c3552ccbb374f0f/0b03cbf48f56038c-ce/s250x400/84e717081364a46d9040232ebcfd35a3eed087f8.gifv"/>

<img src="https://64.media.tumblr.com/57e34141b0907673a8e3aca9ded0a937/0b03cbf48f56038c-01/s250x400/f4a75c015ed5eaeb3f32519902affee75a9731d8.gifv"/>

<img src="https://64.media.tumblr.com/e9237308d01c2d7e37c56892098a0bc5/0b03cbf48f56038c-81/s250x400/db5395e5bcfe13515ea0a893cfcdb58408e70f87.gifv"/>

<img src="https://64.media.tumblr.com/12e3ced7afa253102002fac2a2ce093f/d301781415e2cfb6-95/s250x400/50bf851fa282b3b4494890d7c59f0c5d1b0c0950.gifv"/>

<img src="https://64.media.tumblr.com/772a041cb979cbe86689cd810fc3e7d8/970bfb52772b019c-ff/s250x400/c62e1c61eaff3dc9967983fa18c00c34aa6c6438.gifv"/>

<img src="https://64.media.tumblr.com/cfa52c88b88367209386447e792763ae/371a367f6c1d0a57-2d/s250x400/081e8e70a0ea51a82b6e2911135a760032c8840a.gifv'/&gt;&lt;imgsrc="/>


<style>
/* corner image. hidden on mobile */
.image {
    background: url('https://64.media.tumblr.com/87b8e83b071f454f6e927ceb3a964869/9b38a5305a45c69e-3e/s75x75_c1/ff766e76b05b584bf5221f8a0487d6e064a14511.gifv') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 0px;
    bottom: 0px;
    height: 320px;
    width: 300px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>
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 )