kasper's profile picture

Published by

published

Category: SpaceHey

layout stuff

this is most of my layout code - idk what is what tho


tell me if you find the spinning mike


<img src="https://i.pinimg.com/564x/b1/f6/92/b1f692ecb1985d06769aca17f6bbab74.jpg" height="width=150/"/>


<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">


<img src="https://media.tenor.com/wYX-3ET5qrEAAAAi/cat-dancing.gif" width="200" height="200"/></div>


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


<style>

body {

  background: url(https://www.slashfilm.com/img/gallery/stranger-things-5-will-finally-solve-the-shows-longest-running-mystery/l-intro-1657133102.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-position: center;

  background-size: cover;

}</style>


<style>

.profile {

background-color: #521515;

font-family: fantasy;

}


table, td

{


border-spacing: 2px;

}


.profile .contact, .profile .url-info, .profile .table-section, .home-actions

{

    width: 100%;

    border: 0px solid var(--#4e4f4e);

    color: #870303

    }


mood {

  color: #000000;

}


.mood p {

  color: #000000;

}


.mood a {

  color: #000000;

}


table, th, td

{

   border: 0px solid #4e4f4e;

   border-spacing: 0px;

}



.profile .contact, .profile .url-info, .profile .table-section, .home-actions

{

   width: 100%;

   border: 2px solid #4e4f4e;

   background-color: #000000;

}


:root 

{

--logo-blue: ;

  --darker-blue: ;

--lighter-blue: purple 55;

--even-lighter-blue: ;

--lightest-blue: ;

--dark-orange: ;

--light-orange: ;

--even-lighter-orange: ;

--turquoise: ;

        

        --table-header:#000000;

--table-color: white;

--link-text: black;

--main-text: #870303;


    }   


footer 

{


    background: #870303!important;

    border: 2px solid #4e4f4e;

}


.comments-table{

background: #000000;

display: block;

height: 500px;

overflow-y: scroll; 

color: #870303;

border: 2px solid #4e4f4e;


}


.contact .heading {

  text-align: center;

  background-color: #000000!important;

  font-family: courier "Courier New"!important;

  color: #870303!important;

  border: 1px solid #4e4f4e;!important;

}


.contact {

  border: 2px solid #4e4f4e;!important;

  background-image: url(https://i.ibb.co/4mt4bbz/red2.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  background-attachment: scroll;

Width: 360px;

Height:100px;

}


.contact a {

  color: whitesmoke;

  font-family: "Courier New";

  font-size: 14px;

}


.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 

{

border: 1px #000000!important;


}


nav, footer, .profile .contact {

color: #000000!important;

}


main {

border: 2px solid #4e4f4e;

padding: 0;

font-size: 90%;

color: #000000;

}


nav {

  border: 2px solid #4e4f4e!important;

}


nav .top a {

    color: #870303!important;

}


nav .logout-btn {

    color: #870303!important;

}


nav .links a {

    color: #870303!important;

}


.logo {


  filter: brightness(0) saturate(100%) invert(10%) sepia(74%) saturate(5025%) hue-rotate(9deg) brightness(92%) contrast(121%) !important;

}



  .profile .table-section{

    border:2px solid #4e4f4e;


  }

  .profile .table-section .heading{

    background:#000000;

    border: 1px solid #4e4f4e;

    text-align: center;


  }

  .profile .table-section .heading h4{

    color: #870303;


  }

  .profile .table-section .details-table td{

    background-color: #000000;

    padding-right: 10%;

  }


  .profile .friends .heading{

    border: 2px solid #4e4f4e;

    background: #000000;

    color: #870303;

    text-align: center;

  }


  .profile .friends .heading h4{

    text-align: center;

    color: #870303;

  }

.general-about {

background-color: #000000;

   border: 2px solid #4e4f4e;

padding: 5px;

text-align: center;

        color: #870303;

}


.profile .blurbs .section :nth-child(2) {

        border: 2px solid #4e4f4e;

background-color: #000000;

        color: #870303;

     /* margin-top: -5px; */

padding: 18px;

}


.profile .profile-info .inner h3 {

filter: drop-shadow(3px 3px 0 #000000);

margin: 0!important;

color:#870303;

}

.profile .profile-info .inner h3 a {

color: #870303;

}

.profile .profile-info {

background: url(https://64.media.tumblr.com/ca37c8a6d467acacdc80d9a3456e8084/tumblr_oyuzi36I0M1vfg7u3o10_540.gif);

        background-position: bottom;

padding: 20px;

        border: 2px solid #4e4f4e;

        color; #870303;!important


}


</style>


<img src="https://static.tvtropes.org/pmwiki/pub/images/funnymurderdrones.PNG" width="60" height="46"/>


<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/17e04647-f322-46fa-914d-69ae56f22a5e/dg7d8x1-7df9d38c-02fd-4301-a8db-776feed398d4.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzE3ZTA0NjQ3LWYzMjItNDZmYS05MTRkLTY5YWU1NmYyMmE1ZVwvZGc3ZDh4MS03ZGY5ZDM4Yy0wMmZkLTQzMDEtYThkYi03NzZmZWVkMzk4ZDQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.zGNwZgtOym7zsduyUCSm7oyDQ5qJK3E9rTVk4d_TTlQ"/>


<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2b33ff84-c6a5-4d69-ad11-50a5c6af57dc/dcf10z0-8206de34-6f71-482c-8464-28b034889b52.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJiMzNmZjg0LWM2YTUtNGQ2OS1hZDExLTUwYTVjNmFmNTdkY1wvZGNmMTB6MC04MjA2ZGUzNC02ZjcxLTQ4MmMtODQ2NC0yOGIwMzQ4ODliNTIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ooXaf_ohVZ2ecX8np7nnioIlk0HL0bNIu9CmWIj40ng"/>


<div style="float:  ; max-height: 50px; position: fixed; left: 1px; bottom: 50px; z-index: 100;">

<img src="https://i.postimg.cc/nh436yPd/IMG-2545.gif" height="100"/></div>


<img src="https://i.postimg.cc/c43HMMWS/stamp2.png"/>


<img src="https://external-media.spacehey.net/media/sdykRpvS7GFMs-EFdZQXo4hjE-nrt8azcWteLuIikVYU=/https://static.wikia.nocookie.net/central/images/a/a5/2024_05_03_138_Kleki.png/revision/latest?cb=20240504063305"/>


<img src="https://media1.tenor.com/m/0bj0qcJTpf8AAAAC/blinkies-blinkie.gif" alt="Natural"/>


<img src="https://media1.tenor.com/m/hHXnKKmfKvAAAAAC/yippee-yippee-gif.gif" width="50" height="50" alt="Natural"/>


<img src="https://tenor.com/ru/view/caseoh-case-oh-case-oh-mad-gif-2552267065185793066.gif" width="45"/>


<img src="https://tenor.com/ru/view/caseoh-baby-clap-caseoh-clapping-gif-263158114078512942.gif" width="39"/> 


<iframe width="0" height="0" src="https://www.youtube.com/embed/_0kL8U0L5TA?si=dMvlNtV8l8_LdEMC//?" title="IDK" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>


<style>


/*spinning mini mike wheeler, you can change the image*/


  .general-about{

   position: relative;

   margin-top: 30px;

}


 .general-about .profile-pic:before{

   content: '';

   background: url(https://i.ibb.co/h2HGhfx/95906db0189fd0c7ea6745b4321de22c-prev-ui-1.png) no-repeat;

   background-size: cover;

   display: block;

   width: 75px;

   height: 75px;

   z-index: 7;

   position: absolute;

   top: -43px;

   left: 100px;

  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;

}


</style>


<img src="https://external-media.spacehey.net/media/suYqC1z3WPaPPLQZfJf3F8EQ8s8eu8IsA4VouFQQ0BEE=/https://gifcity.carrd.co/assets/images/gallery14/14cb1e9a.gif?v=26dffab5"/>


<img src="https://plasticdino.neocities.org/blinkie/blinky_01.gif"/>


<img src="https://plasticdino.neocities.org/blinkie/mcdon.gif"/>


<img src="https://plasticdino.neocities.org/blinkie/oreo.gif"/>


<img src="https://plasticdino.neocities.org/blinkie/trucks.gif"/>


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


<a href="https://collection.ju.mp"><img src="https://collection.ju.mp/assets/images/gallery05/135159c3_original.gif?v=0236594d"/></a>


<img src="https://external-media.spacehey.net/media/sBBdLE5BUcQCrCopnOf4gH2MDTLGgu2idBxqr4ZhQt0Q=/https://sparklelobster.neocities.org/hottopic.gif" width="350" height="30"/>


<img src="https://cyber.dabamos.de/88x31/drmario.gif"/>


<img src="https://i.ibb.co/8rNFDkW/Untitled10-20231029151757.png"/>


0 Kudos

Comments

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