Comment créer la petite languette sur le côté

bonjour visibility hidden, je suis pas superforte en programmation, j'ai essaye, et cela ne marche pas comme d'habitude, car je suis une semi-débutante en html et code.
J'ai donc créer : une nouvelle page css dans dreamweaver, j'ai copier coller le code css et j'ai sauvé la page sous le nom coulissant.css (vu qu'il dise pas sous quel nom sauver le fichier !!!!), ensuite j'ai pris ce fichier image qui a un format bizarre qui fait pas 250pix, je l'ai retransformé en png transparent en prenant que le morceau en haut (vu qu'il dise rien toujours) ensuite j'ai fait une page html avec le code (que j'ai sauvé en coulissant.html, vu qu'il dise rien toujours) et ensuite quand je lance le tout, ca marche pas ce qui est normal vu qu'il y a aucune explication. J'ai donc l'image png posé betement entiere en haut à gauche avec en dessous un bloc ou on ecrit des truc qui servent à rien et qu'on voit pas avec bouton à la noix ou c'est écrit a droite de la case "post feedback".....pffffffffffffffffffffffff
Moi je voulais juste un petit png qui reste collé toujours a gauche ou à droite et quand on clique dessus il envois sur une page facebook ou autre page html, c'est tou , çà doit pas être compliqué de faire un tutorial propre qui explique à une nulle comme moi.... En fait il faut tout me décrire comme une recette de cuisine, pas compliqué.
Bon si c'est encore possible de me sauver, c'est bien, sinon j'abandonne.

j'ai réussi == j'aipris le code dans une autre page, merci encore mister hidden ! vous m'avez ouvert la voie à la persévérence