Purple/Starz ☆⌒(*^-゜)v's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Old layout code 1

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>



2 Kudos

Comments

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

Star/Starlette/Astrid

Star/Starlette/Astrid's profile picture

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