Easy-Design.Net forum




Aide générale [Réglé] Hover sur une image Dans un menu de contenu

pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 19/02/2011 à 23h47
Voila j'ai besoin de faire un hover sur une image dans un menu de contenu.

Le but est d'afficher au passage de la souris sur l'image une autre image
je me sert donc de ce code depuis des années sur mes réalisations en HTML, mais il veut pas fonctionner sour PHPBoost ? une idée

Code HTML :
[html]
<img src="/upload/cd.png" onmouseover="this.src='/upload/cd_hover.png'" onmouseout="this.src='/upload/cd.png'" />
[/html]


ce qui donne cela



Edit : bah crotte alors ca fonctionne ici :rire

j'ai testé dans les menu de contenu, module page, forum ect.. en local sa passe pas chez moi ^^

bon quand je mets un liens cela fonctionne ;) Edité par pegasetkc Le 20/02/2011 à 10h06


Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 20/02/2011 à 08h45
Salut.

Pour information, c'est faisable à intégrer dans un menu de lien? Je n'y ai pas pensé, mais ce serai super beau je pense de faire un menu en hover, mais en image :)

Merci.
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 20/02/2011 à 09h46
oui tu peut faire des liens avec mais dans un menu de contenu

Code HTML :
[html]
<a href="http://clan.design.free.fr/" title="Clan Design, Web Studio"><img src="/upload/cd.png" onmouseover="this.src='/upload/cd_hover.png'" onmouseout="this.src='/upload/cd.png'" /></a>
[/html]




Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 20/02/2011 à 10h32
Et dans le menu de lien, pas possible alors.. Remarque, ça risque d'être long à l'affichage si je joue à créer des images pour un menu :s

Merci :)
KONA Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 05/10/2009 à 18h20

Messages: 691

Le 20/02/2011 à 10h48
Après tu peux faire ça avec les class en CSS .
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 20/02/2011 à 10h55
KONA:
Après tu peux faire ça avec les class en CSS .


c'est vrais, perso j'utilise cette astuce avec le menu de contenu de façon a pourvoir modifer depuis le site sans avoir a uploder un fichier.css modifié ;)

je sais coté fainéant ON :rire


Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 20/02/2011 à 11h20
Sauf que vous parlez chinois la :D Je suis nul en css, je m'en sors qu'en HTML donc bon et encore, je suis gentil :D
KONA Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 05/10/2009 à 18h20

Messages: 691

Le 20/02/2011 à 17h14
Code TEXT :
[html]  <style type="text/css">
  class.hover {
color:#XXXXXX;
background:#XXXXXX;
}
  </style>
[/html]


:p Edité par KONA Le 20/02/2011 à 17h15
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie