this is really so I can keep track of garbage auhefafuah
Code is indicated in blue and links are orange (its the only bright color besides blue with the spacehey color options 💀)
The ENTIRE CODE PUT TOGETHER is here: https://layouts.spacehey.com/layout?id=82011
Main Profile Code:
Current code by vincent (though I changed up a lot of things) ---> https://layouts.spacehey.com/layout?id=36513
Nav links things:
nav .top , nav .links{
background: transparent;
text-align: center;
}
nav .links li:not(:last-child)::after {
content: " 💜";
color: var(--text);
}
South Park logo ---> https://layouts.spacehey.com/layout?id=27120
Kyle Brovloski cursor ---> https://layouts.spacehey.com/layout?id=29328
Blinkie above Contacts:
.mood:after {
content: "";
white-space: pre-wrap;
display: block;
height: 50px;
background-image: url(https://img1.picmix.com/output/stamp/normal/7/8/4/3/1763487_67d46.gif);
background-position-x: center;
background-repeat: no-repeat;
background-size: 300px;
}
Blinkies to use ---> https://img1.picmix.com/output/stamp/normal/7/8/4/3/1763487_67d46.gif
https://itsnotstupid.com/goodies/blinkies/invaderzim6.gif
Other stuff:
Music Player (autoplay, only meant for youtube, doesn't loop unfortunately I tried):
<iframe width="0" height="0" src="https://www.youtube.com/embed/YOUTUBEID//?&;amp;;autoplay=1&;loop=1&;controls=1" title="mlp" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Pagedolls --->
https://layouts.spacehey.com/layout?id=37056 - Cartman Dancing
https://layouts.spacehey.com/layout?id=36001 - GIR Dancing
https://layouts.spacehey.com/layout?id=95061 - Gregg Dancing (made by me :))
or if you want to add your own gif (change the height, width, and position to whatever looks right):
<div style="float: ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="URL" width="200" height="200"/></div>
Loading Screen:
<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url('GIFURL');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0;}}
</style>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
Star/Starlette/Astrid
how do i put the blinkie above the contacin' sections?
Report Comment
.mood:after {
content: "";
white-space: pre-wrap;
display: block;
height: 50px;
background-image: url(https://img1.picmix.com/output/stamp/normal/7/8/4/3/1763487_67d46.gif);
background-position-x: center;
background-repeat: no-repeat;
background-size: 300px;
}
Just replace the background image to a different blinkie if you want :>
by Purple/Starz ☆⌒(*^-゜)v; ; Report