Blog d'aide de Blog4ever

Bonjour,
Pouvez vous svp me dire comment faire pour obtenir l'effet suivant.
Quand je passe la souris sur les images du menu droit et gauche du site de Thalie ,
il y a un effet de deux images comme pour les lien aux survoles
THALIE

:b1:

Il n'y a pas 2 images mais une image avec un fond transparent.

le code c'est juste un survol de l'image donc le code :hover

Au survol le tour de l'image se colore car le fond est transparent.

ce code se colle ou et comment faut il faire pour l'installer l'image?

Il n'y a pas de code à coller dans ton menu tel qu'il est conçu car il faut des images avec transparence et les placer dans la partie titre ( H2 )

L'image peut faire 200 x 200px et le dessin au centre et donc on met une couleur au survol ce qui fait un effet mais ne change pas l'image.

J'ai mon image, après je suis  désolée mais je ne comprends pas 

<*img src="IMAGE.png" onmouseover="this.src='IMAGEHOVER.png'" onmouseout="this.src='IMAGE.png'" /*>

sans les * 

Mi Neth
LA HAMA MANIA
j'ai compris je suis blonde :ptdr::ptdr::ptdr::ptdr:
un gif aurais fait l'affaire mais je voulais comprendre le fonctionnement

Alors, non, un gif n'aurait pas été semblable, car il aurait changé d'apparence selon sa vitesse de boucles, 
Tandis que ton image change au survol, c'est plus fun, :oe:

Joli code facile à utiliser @Mi Neth@

Ce code est très bien mais c'est une autre histoire car ce n'est pas l'effet du blog de Thalie.

exp:
.menu_bloc {
background-image: url ("http image1.jpg");
}
.menu_bloc:hover {
background-image: url ("http image2.jpg");
}

Merci @Mi Neth@  pour le code qui est très bien sans passer par le Css.

.menu_bloc {background-image: url(https://static.blog4ever.com/2022/05/867561/mes-cadeaux-1recto.png ); }.menu_bloc:hover {background-image: url (https://static.blog4ever.com/2020/04/857719/BOUTON-PHOTOS-RECTO.png);Rien y fait 

De plus plus haut tu parles d'une image en png et là en jpg
et ce que j'ai beaucoup de mal à comprendre c'est que chez Thalie elle a une image différente à chaque bloc comment c'est possible?

Dernière modification le samedi 20 Août 2022 à 11:32:37

Menu bloc  c’est juste un exemple.

ton css est different

jpg ou png ça n’a pas d’importance.

le css de Thalie est construit avec chaque partie et chaque partie à son image 

Bon  j'abandonne trop compliqué