Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Image menu latéral

1406 appréciations
Hors-ligne
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


3715 appréciations
Hors-ligne


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.




1406 appréciations
Hors-ligne
ce code se colle ou et comment faut il faire pour l'installer l'image?

3715 appréciations
Hors-ligne

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.




1406 appréciations
Hors-ligne
J'ai mon image, après je suis  désolée mais je ne comprends pas 

1521 appréciations
Hors-ligne
<*img src="IMAGE.png" onmouseover="this.src='IMAGEHOVER.png'" onmouseout="this.src='IMAGE.png'" /*>

sans les * 

1406 appréciations
Hors-ligne
Mi Neth
LA HAMA MANIA

j'ai compris je suis blonde 
un gif aurais fait l'affaire mais je voulais comprendre le fonctionnement


1521 appréciations
Hors-ligne
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, 

696 appréciations
Hors-ligne
Joli code facile à utiliser @Mi Neth@


3715 appréciations
Hors-ligne

Ce code est très bien mais c'est une autre histoire car ce n'est pas l'effet du blog de Thalie.
avec le css on change facilement d'image au survol.

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.




1406 appréciations
Hors-ligne
.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

3715 appréciations
Hors-ligne
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 


1406 appréciations
Hors-ligne
Bon  j'abandonne trop compliqué

3715 appréciations
Hors-ligne

Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Petits conseils.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6100 autres membres