Silly thing's profile picture

Published by

published
updated

Category: Web, HTML, Tech

All the code i copy pasted


👋Bouncing hello world text👋

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


<style>

        .animated-text {

            font-size: 24px;

            font-weight: bold;

            animation: bounce 2s infinite alternate;

        }


        @keyframes bounce {

            0% {

                transform: translateY(0);

            }

            100% {

                transform: translateY(-10px);

            }

        }

    </style>



    <p class="animated-text">Hello world!</p> 




























Online icon👤

<!-- (c) Layout created by 𝓔𝓿𝓲𝓮 (https://layouts.spacehey.com/layout?id=106089) -->


<style>


.online{content:url("https://i3.glitter-graphics.org/pub/2536/2536203s3trhd82ev.gif");}


</style>











🖥️Myspace logo👥

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


<style>


.logo {


content:url("https://i.ibb.co/bmj9cd9/58164.png");

 height: 70px;

}


</style>




















👽Alien cat notif icon 🐈

<!-- (c) Layout created by 𝓔𝓿𝓲𝓮 (https://layouts.spacehey.com/layout?id=106132) -->


<style>


li.active .icon { content:url('https://cur.glitter-graphics.net/pub/2869/2869139eufbipr7oh.png'); width: 20PX;height: 20px;}


</style>














🌈Rainbow Layout!🦄

<!-- (c) Layout created by ryan ☆ (miw BRAINROT) (https://layouts.spacehey.com/layout?id=22928) -->


<style>

   @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

   h1,h2,h3,h4,h5 {

       font-family: 'press start 2p';

       font-size: 15px;

       color: #23FF2C;

       text-shadow: 2px 2px 0px #C100FF;

   }

   p {

       font-family: 'Comic Sans MS';

       color: #F7FF00;

       font-size: 15px;

       text-shadow: 1px 1px 0px white;

   }

    body {

        background: url(https://i.pinimg.com/originals/49/5d/cb/495dcba9a75a82e8d4376e4809d07d4e.gif);

        background-position: center;

    }

    main {

        background: url(https://acegif.com/wp-content/gif/confetti-19.gif);

        background-position: center;

        border-style: dashed;

        border-color: #2AD8FF;

        border-radius: 17px;

        padding: 20px;

    }

    .profile .left {

        border-style: ridge;

        border-color: #FF34B5;

        border-radius: 5px;

        border-width: 4px;

        background: rgba(0, 0, 0, 55%);

        box-shadow: 0px 0px 10px white;

    }

    :root {

        --logo-blue: ;

        --darker-blue: #00EAFF;

        --lighter-blue: url(https://i.pinimg.com/originals/36/79/a5/3679a5e35cda35ba467115b41638b626.gif);

        --even-lighter-blue: url(https://img1.picmix.com/output/stamp/normal/2/0/8/5/1595802_e4ec4.gif);

        --lightest-blue: rgba(255, 255, 255, 10%);

        --dark-orange: #4334FF;

        --light-orange: rgba(0, 0, 0, 50%);

        --even-lighter-orange: ;

        --green: ;

    }

    .profile-info {

        background: rgba(0, 0, 0, 50%);

        border: ridge #FF34B5;

        border-radius: 5px;

        border-width: 4px;

        padding: 10px;

    }

    .blurbs .heading {

        border-style: ridge;

        border-color: #00FF18;

        border-radius: 5px;

        border-width: 4px;

        font-size: 20px;

        box-shadow: 0px 0px 10px white;

    }

    .contact .heading {

        border-style: dashed;

        border-radius: 15px;

        padding: 10px;

    }

    .blurbs .inner {

        border-style: ridge;

        border-color: #FF34B5;

        border-radius: 5px;

        border-width: 4px;

        background: rgba(0, 0, 0, 50%);

        padding: 10px;

        box-shadow: 0px 0px 10px white;

        font-size: 20px;

    }

    .friends .heading {

        border-style: ridge;

        border-color: #00FF18;

        border-radius: 5px;

        padding: 10px;

        font-size: 20px;

        box-shadow: 0px 0px 10px white;

        border-width: 4px;

    }

    .friends .inner {

        border-style: ridge;

        border-color: #FF34B5;

        border-radius: 5px;

        box-shadow: 0px 0px 10px white;

        padding: 10px;

        background: rgba(0, 0, 0, 50%);

        font-size: 15px;

        border-width: 4px;

    }

    .general-about .profile-pic{

        border: white double;

        overflow: hidden;

        border-radius: 100px;

        border-width: 5px;

        box-shadow: 0px 0px 10px pink;

    }

    .mood {

        border-style: dashed;

        border-color: white;

        border-radius: 15px;

    }

    .friends .person img {

        border: white double;

        border-radius: 100px;

        overflow: hidden;

        border-width: 5px;

        box-shadow: 0px 0px 10px pink;

    }

    button, input, optgroup, select, textarea {

    font-family: 'press start 2p';

    font-size: 10px;

    line-height: 1.15;

    margin: 3px;

    background: #000000;

    border: #FF00B3 ridge;

    border-radius: 5px;

    color: #B400FF;

    padding: 3px;

}

nav .top {

    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSIdL3Djlp_PwFHyjAja_qk9JiINoNvRbWn8g&usqp=CAU);

    border: white dashed;

    border-radius: 15px;

    font-family: 'press start 2p';

    font-size: 8px;

    color: purple;

    text-shadow: 1px 1px 0px white;

}

.details-table td:first-child {

    background: #00000070;

    font-weight: bold;

    width: 33%;

    border: #8204f5 dashed 2px;

    background-image: url(https://t3.ftcdn.net/jpg/04/22/14/20/360_F_422142044_NmfZU6IKg8BNIUEUjo958KAdGFjU8UnM.jpg);

    background-size: 100% 100%;

    height: 70px;

}

/* 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: "★"

}

nav .links li:not(:last-child)::after,

footer .links li:not(:last-child)::after{

    content: " ★";

    color: white;

    font-size: 10px;

}

nav .links {

    font-family: 'press start 2p';

    font-size: 6.2px;

    font-stretch: 3px;

    padding: 10px;

}

  .count {

        color: purple;

        text-shadow: 1.3px 1.3px 0px white;

    }

    footer {

        background: rgba(0, 0, 0, 50%);

        border: dashed white;

        border-radius: 15px;

        font-family: 'press start 2p';

    }

</style>












🚨C.W. Loading screen🚨

<!-- (c) Layout created by Rorey☆ PROFILE WIP. (Small tiny lizard era1!!1) (https://layouts.spacehey.com/layout?id=86941) -->


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


<div id="profile">

<h1> Warning FELLOW ALIENS!!! </h1>

<p>MY PAGE MY RULES!!:</p>

<ul>

<li>(if homophobic or any kinda phobic (that ain't related to fear i'm talking about genders here) then LEAVE!!!)</li>

<li>Sillyness</li>

<li>FLASHING LIGHTS IF YOU HAVE SENSITIVITY TO THAT PLEASE KEEP YOUR WELL BEING SAFE! :p</li>

<li>I am a minor so DON'T SEND WEIRD SHIT TO ME!!!</li>

<li>Also eye strain :(((</li>

</ul>

<a href="#profile">Let me enter the space shuttle :3</a>

<a href="https://spacehey.com/home">I hate going to space! >:(</a>

<img src="https://i.pinimg.com/originals/b6/57/da/b657da69b79d5288a42a7a4a1b23b419.jpg"/>

</div>


<style> 


:root {

  --warning-background-color: black;

  --warning-text-color: white;

}


#profile {

 position: fixed;

 z-index: 100;

 top: 0; 

 left: 0;

 width: 100vw;

 height: 100vh;

 padding: 50px 100px;

 font-size: 200%;

 background-color: var(--warning-background-color);

 color: var(--warning-text-color);

 overflow-y: scroll;

 opacity: 1;

 transition: .2s;

}

#profile > * {

 width: 100%;

 max-width: 700px!important;

 margin: 20px auto;

 display: block;


}


#profile:target {

 opacity: 0;

 visibility: hidden;

}


#profile > a {

 text-align: center;

 font-weight: bold;

}


#profile > ul {

 padding: 10px 50px;

 border: 2px dashed var(--warning-text-color);

}

</style>





















🇪🇸Spanish UFO 🛸

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


<img src="https://i.gifer.com/origin/24/2432cf5ff737ad7d1794a29d042eb02e_w200.webp"/>















🖥️Windows XP cursor🖼️

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


<style>body { cursor: url('data:image/x-icon;base64,AAACAAEAICACAAAAAAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAABgAAAAwAAAAMAAAAGAAAARgAAAGwAAAB8AAAAf4AAAH8AAAB+AAAAfAAAAHgAAABwAAAAYAAAAEAAAAAAAAAAAAAAAAAAAA/////////////////////////////////////////////////////////////////+f////D////w////4f///eH///zD///8Q////Af///wAf//8AP///AH///wD///8B////A////wf///8P////H////z////9/////////8='), auto; }</style>










🕶️Cool Creu cat gif🐱

<img src="https://media.tenor.com/7LO_WA54e78AAAAj/creucat-8d.gif"/>









🫨Wobble dogs OST "Puppa Chow" 🐾

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


<iframe width="0" height="0" src="https://www.youtube.com/embed/ns4SkcbLuWU?si=zFRqPSeCTIu3_TYk//?&;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>





😛Silly blinkies 😛

<img src="https://64.media.tumblr.com/99614f658d173c4314bb838520b20149/68fc51410d4c1c6a-45/s250x400/f405b02671531614b12b7897fe0042d9b1cc2ab1.gifv"/>


 <img src="https://64.media.tumblr.com/61db0499c943ec1d5a8e9e83841e098b/68fc51410d4c1c6a-5a/s250x400/897090367887dac290d63bebee74d15e70a3f56d.gifv"/>


 <img src="https://64.media.tumblr.com/3ad830e9d6f47b6dee573a26d3190268/68fc51410d4c1c6a-db/s250x400/c472161197b8f10c6442f9f2ac00d8b104f90d70.gifv"/>




0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )