my layout in case if i loose it or somnethung

Tags:
Description:

do not use without permission or something honestly who would use this just ignore it i know its bad ☠☠☠
Preview:

click on the image for a larger preview
Code:

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





    
    
    
    
    
    [🟊]
    
    
    
    <style>
        body {
            background-color: rgb(31, 46, 52);
            color: rgb(255, 255, 255);
            overflow-x: hidden;
        }

        * {
            text-align: center;
            font-family: monospace;

        }

        .option1 {
            transition: all .5s ease-in-out;
            opacity: 0.5;
            padding: 3px;
        }

        .option2:hover {
            opacity: 100%;
        }

        .option1:hover {
            opacity: 100%;
        }

        .option2 {
            transition: all .5s ease-in-out;
            opacity: 0.5;
            padding: 3px;
        }

        .option3:hover {
            opacity: 100%;
        }

        .option3 {
            transition: all .5s ease-in-out;
            opacity: 0.5;
            padding: 3px;
        }

        .option3:hover {
            opacity: 100%;
        }

        .options a {
            padding: 10px;
        }

        .thisismehiimadethis:hover {
            transform: scale(1.1);
        }

        .chat {
            transform: scale(.90);
        }

        .option1 a,
        .option2 a,
        .option3 a,
        .option4 a {
            color: white;
            text-decoration: none;
            font-size: 20px;
        }

        .option4 {
            overflow: hidden;
        }

        .tv {
            opacity: 5%;
            z-index: 9909;
            position: absolute;
            pointer-events: none;
            width: 100%;
            height: 100%;
        }

        .opening {
            opacity: .06;
            z-index: 9909;
            position: fixed;
            pointer-events: none;
            width: 100%;
            height: 100%;
            animation: fade-out .4s linear;
        }

        @keyframes fade-out {
            0% {
                opacity: 1;

            }

            100% {
                opacity: 0.06;
            }
        }

        #player {
            width: 400px;
            display: flex;
            margin: 0 auto;
            background-color: rgb(49, 95, 124);
            padding: 10px;
            border-radius: 10px;
            width: 1px;
            height: 50px;
        }

        #player {
            display: flex;
            align-items: center;
            width: 500px;
            height: 70px;
            margin: 0 auto;
        }

        .title {
            width: 100%;
            overflow: hidden;
            position: sticky;
            padding: 5px;
        }

        html,
        body,
        * {

            cursor: url("https://i.postimg.cc/VLQ1QFgL/tiny.png"), default;
        }

        *::-webkit-scrollbar {
            display: none;
        }

        img:hover {
            transform: scale(1.1);
        }

        .ad1 img {
            position: absolute;
            z-index: 2;

                top: 10%;
                left: 65%;
            box-shadow: 10px 10px 10px black;


        }
        .ad1 h4 {
            position: absolute;
            z-index: 2;

                top: 4%;
                left: 65%;
         

            
        }
        .gif img {
            z-index: -999;
            opacity: 0.7;
        }

        #text {
            white-space: nowrap;
            text-align: center;
            position: relative;
            left: 100%;

            animation: scroll 10s linear infinite;
        }



        @keyframes scroll {
            0% {
                left: 100%;
            }

            100% {
                left: -500%;
            }
        }

        .mark {
            opacity: 1;
            z-index: -999;
            pointer-events: none;
            position: fixed;
            transform: translate(0%, -7%);

        }



        #audio-player {
            display: none;
            overflow: hidden;
        }

        #song-info {
            display: flex;
            overflow: hidden;
            align-items: center;
            justify-content: center;
            margin-right: 0px;
        }

        #song-cover {
            width: 200px;
            overflow: hidden;
            height: 70px;
            border-radius: 10%;

        }

        #song-title {
            font-size: 14px;
            overflow: hidden;
            margin: 0;
            padding: 20px;
            width: 500px;
        }

        #controls {
            display: flex;
            align-items: center;
            overflow: hidden;
            justify-content: center;
            width: 100%;
            height: 20px;
            margin-right: 10px;
            border: none;
            padding: 10px;

        }

        #play-btn,
        #pause-btn,
        #skip-btn {
            color: white;
            background-color: rgb(77, 105, 129);
            border: none;
            padding: 10px;
            border-radius: 2px;
        }

        .button {
            margin: 0;
            font-size: 12px;
            padding: 0 5px;
        }

        .video {
            z-index: 9;
            position: absolute;
            position: sticky;
            padding: 10px;
            background-color: rgb(38, 72, 94);
            width: 100%;
            padding-bottom: 10%;
        }

        .video video {
            border-radius: 10px;
            align-items: center;
        }

        #my-image img{
         color: white;
         border-radius: 15px;
        position: absolute;
        left: 0;
        transform: rotate(-5deg);
        top: 0;
        opacity: .5;
        z-index: -4;filter: blur(2px);
        animation-name: floating;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
        }
        @keyframes floating {
            0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }   
        }
        @keyframes floating2 {
            0% { transform: translate(100%,  0px); }
    50%  { transform: translate(100%, 15px); }
    100%   { transform: translate(100%, -0px); }   
        }
        
        #my-image2 img{
         color: white;
         border-radius: 15px;
        position: absolute;
        left: 10;
        transform: rotate(5deg);
        top: 0;
        opacity: .5;
        z-index: -4;filter: blur(5px);        animation-name: floating;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
        }

                #my-image3 img{
         color: white;
         border-radius: 15px;
        position: absolute;
        left: 10;
        transform: rotate(5deg);
        top: 1;
        opacity: .5;
        z-index: -4;        animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    filter: blur(px);
     
        }
        #my-image4 img{
         color: white;
         border-radius: 15px;
        position: absolute;
top: 0;
align-items: center;
        opacity: .5;
        z-index: -5;
        transform: rotate(2deg);
        transform: translate(100%, 0%);
            filter: blur(3px);        animation-name: floating2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
        }
        #my-image5 img{
         color: white;
         border-radius: 15px;
        position: absolute;
        top: 1;
 
        align-items: center;
        z-index: -1;
        top: .5;
        animation-name: floating3;
        align-items: center;
        left: 0;
        animation-duration: 52s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        }
@keyframes floating3 {
    0%{
        transform: rotate(360deg);

    }
    100%{
        transform: rotate(-360deg);
    }
}



    </style>




    <div class="opening">
        <img src="https://th.bing.com/th/id/R.390643663510c8f5373a63b220ac45ca?rik=CBFmY%2b6xjvHtTQ&riu=http%3a%2f%2fvignette4.wikia.nocookie.net%2ffive-nights-at-treasure-island%2fimages%2f6%2f62%2fStatic_whole.gif%2frevision%2flatest%3fcb%3d20150131031109&ehk=OdWCahKLDPLoyS1smL8r%2bM5vmT2Cl77ym5djy4b7RZo%3d&risl=1&pid=ImgRaw&r=0" alt="pretend that theres a glitch effect" width="100%" height="100%"/>
    </div>
    <div class="title">
        <span id="text"></span>
    </div>
    <div class="ad1">
        <a href="pass.html"><img src="https://i.kym-cdn.com/photos/images/original/002/512/494/f3e.png" width="300px" height="200px" alt=""/></a>
      </div>


    <div class="tv"><img src="https://spoiledpizza.me/images/lines.webp" alt="" width="100%" height="100%"/></div>
            <div><br/></div>
                      <div id="my-image5">
                <img src="https://spoiledpizza.me/images/circle.png" width="50%" alt=""/>
            </div>
            <div id="my-image">
                <img src="https://spoiledpizza.me/images/screen1.jpg" alt=""/>
            </div>
            <div id="my-image2">
                <img src="https://spoiledpizza.me/images/screen2.png" alt=""/>
            </div>
            <div id="my-image3">
                <img src="https://spoiledpizza.me/images/frame1.PNG" height="500px" width="700px" alt=""/>
            </div>
            <div id="my-image4">
                <img src="https://spoiledpizza.me/images/frame2.png" width="500px" alt=""/>
            </div>
  
            <br/>
        
        <div class="gif">
            <br/>
            <br/>
            <br/><br/>

            <div class="bannerlist1">
                <img src="https://i.imgflip.com/7ceqjp.gif" alt=""/> <img src="https://ranfren.neocities.org/bestview.gif" alt=""/>

            </div>
            <div class="bannerlist1">
                <img src="" alt=""/> <img src="http://lu.tiny-universes.net/images-gfx/b-parentaladvisory1.png" alt=""/>
                <img src="https://parkaction.neocities.org/button.gif" alt=""/>
                <img src="https://web.archive.org/web/20090727173250im_/http://es.geocities.com/pedropinerabuendia/animacion3.gif" width="50px" height="30px" alt=""/>
                <img src="https://bannerarchive.neocities.org/gaming/ac/aconline.gif" alt=""/>
                <img src="https://antikrist.neocities.org/images/88x31/by_cyber-rot_on_neocities%20(4).gif" alt=""/>
                <img src="https://ratpilled.neocities.org/sitebuttons/ratpilled.gif" alt=""/>
            </div>

            <img src="https://sugarforbrains.neocities.org/images/BUTTONSother/sugarbutton.gif" alt=""/>
            <img src="https://odditycommoddity.neocities.org/Images/Buttons/ilikecomputer.png" alt=""/>
            <img src="https://ratpilled.neocities.org/graphics/wired.gif" height="31px" alt=""/>
            <img src="https://ratpilled.neocities.org/graphics/ass.jpg" alt=""/>
            <img src="https://feelingmachine.moe/link%20buttons/feelingmachine.gif" alt=""/>
            <img src="https://parkaction.neocities.org/buttons/wow-wow.gif" alt=""/>



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