sitemap

GRAPHICS!

click the pngs to take you to the sites

coding and general webmaking stuff!

click the pngs to take you to the sites

w3schools (how i learned most of the coding)

windows 98 css (aka what i used to make this)

css animation library

A collection of the buttons, graphics, pngs. etc. ive collected in my years on neocities...

buttons!

click the pngs to take you to the sites

GIFS + GRAPHICS!

BLINKIES &STAMPS!

click the pngs to take you to the sites

How I Make My Headers Have the date automatically!

It's actually super simple javascript!

save that as "date.js" or whatever you want, then just type your titles as:

How I Make My Images shake and have links when you pass over them (see the walter white png on my about page)

a {
	font-weight:bold;
	color:#D7344F
}

a:hover {
	color:#AA2239
}

.imgtxt {
      width: fit-content;
      height: fit-content;
      display: inline-block;
      position: fixed;
}

.net:hover {
      animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
      transform: translate3d(0, 0, 0);
      backface-visibility: hidden;
      perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.imgtxt span {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 2.5rem;
  color: #FFF;
  filter: drop-shadow(1px 1px 0 black) 
    drop-shadow(-1px 1px 0 black)
    drop-shadow(1px -1px 0 black)
    drop-shadow(-1px -1px 0 black);
}

.imgtxt:hover span, .imgtxt:focus span {
  opacity: 1;
}

.imgtxt:hover img, .imgtxt:focus img {
}

just copy and paste that above code into your css or style section, and then in your html body you can put:

Neko

GRAPHICS!

rentrys big png collection

more cursors

big 88x31 button collection

buttons, pngs, etc.

pixel graphics

coding and general webmaking stuff!

cliques to join

how i made my CD player

w3schools (how i learned most of the coding)

how to make custom cursors

how to make custom cursors

custom css grid generator

windows 98 css (aka what i used to make this)

windows 7 css

css animation library

buttons!

GIFS + GRAPHICS!

BLINKIES &STAMPS!

How I Make My Headers Have the date automatically!

How I Make My Images shake and have links when you pass over them (see the walter white png on my about page)