I need help with CSS D:

.fwiendFace:hover, .tableLeft:hover {
border-radius: 5px;
transform: scale(1.2);
background: #000000 url(https://europ-europ.neocities.org/myspace/w_chk04b.gif);
animation: wob .5s linear infinite;
box-shadow: 0 0 1rem #fff;
border: 1px solid #fff;
transition: 0.5s;
}

The gif here is what shows when I hover over my friends' profile pictures.

This is how I made my transparent image in the corner:

.url {
font-size: 0px;
background: url(https://europ-europ.neocities.org/myspace/EEbando.gif);
background-size: 207px;
position: fixed;
right: 0;
bottom: 0;
color: transparent !important;
height: 249px;
width: 207px;
border: none;
box-shadow: none;
padding: 0 !important;
z-index: 1000;
opacity: 0.8;
}

Opacity is the one which makes the image transparent. Z-index is put so high

for header stuff

}

.logo{
font-size:0;
}

.logo::after{
content:"whatever u want!";
text-shadow: 2px 2px 4px white;
color: white;
line-height: 10px;
font-size: 25px;
padding: 70px;
}

div#header {
background-color: black;
background-position: 0px -400px;
font-family: "arial";
background-size: 30%;
background-repeat: repeat;

}

div#hSub {
color: black !important;
background-color: pink;

.topLeft:after {
content: ".";
font-size: 0px;
height: 157.25px;
left: 0;
bottom: 0;
width: 375px;
position: fixed;
z-index: 1000;
background-size: 100% 100%;
background-image: url(insert image link here);
}

^here's the code that worked for me with the objects parts. you just need to change the width, height, url and which side of the screen you want it to be on (left or right) i hope this helps!!!

neya~ heres da css for da object in da corner ^^ u might have to change some stuff but that can be done easily by using da inspect tool (:

.url {
font-size: 0px;
background: url(whatever u wanna put in da corner);
background-size: 310px;
position: fixed;
right: 0;
bottom: 0;
color: transparent !important;
height: 256px;
width: 256px;
border: none;
box-shadow: none;
padding: 0 !important;
z-index: 1000;
}

the header has color that must be overridden with !important
example of use: #header {color: #660155 !important}

pseudoelements use ::after, position: fixed and background-image to place an "image" on the page.
example of use:

#container::after {
  content: " "; /* the content property must be defined for a pseudoelement to exist */
  background-image: url(SOME IMAGE URL); /* this sets the image to be used */
  background-size: cover; /* fit to width and height