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"/>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )