Early 2000s/Late 1990s Halloween Layout

Tags: halloween, 1990s, 2000s, halloween, black cat, pumpkin

Description:

A very simple Halloween layout based on early internet Halloween websites. Just looking at it reminds me of the days of Geocities where you could make a website with ease. Mostly just comes with halloween colors, a cat-background drawn by me, and a bat cursor that flaps its wings when you hover over any "about me" text. Work in Progress.

Preview:

click on the image for a larger preview

Code:

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

<style>
h1 {
        color: black; 
 }
</style>

<style>
.online {content: url('https://cdn.discordapp.com/attachments/1014324024941236298/1056744945635033108/gadget.gif');



}
</style>

<style>
.friends-grid{display: none;}


</style>

<style>
body{background: url("https://i.ibb.co/pznvmys/pixil-frame-0-42.png");
background-size: 100px; 
}
</style>
<style>
main:before {
width: 100%;
height: 140px;
display: block;
content: "";
background-image: url('https://i.ibb.co/q7sKr3H/halloween-redorg.gif');
background-position: top center;
background-size: 800px;
background-color: black;
}
<style>

*{
color: black;
}

main{
  background: orange;
}
table *,
button{
  color: black;
}
a{
  text-decoration: underline;
  text-decoration-style: dotted;

}
.profile .contact .heading, .profile .table-section .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading  {
       background-color: black;
       border-radius: 3px;
  }

 .profile .blurbs .heading h4, .profile .blurbs .section h4, .profile .friends .heading h4 {
      color: black;
  }

 .profile .blurbs .heading h4, .profile.profile .friends .heading h4 {
      color: white;
  }
  .details-table td:first-child, .comments-table td:first-child {
      background-color: darkorange;
      border-radius: 3px;
  }
  .details-table td, .comments-table td {
     border-radius: 3px;
     background-color: darkorange;
 }
  
</style>

<style>

p { color: black
}

</style>
<style>
html {cursor:url('https://i.ibb.co/hcNkx1W/pixil-frame-0-44.png'), auto;
}
</style>


<p style="cursor:url('https://i.ibb.co/CtMXQt9/pixil-frame-1-1.png'),auto">


Type text here, hovering over text will make the bat cursor flap its wings.





</p>

  <iframe width="0" height="0" src="https://www.youtube.com/embed/0_AmqBGDJDs//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.