[RÉGLÉ] Images cliquables alternatives au survol de la souris.

[Taliesen]

Bonjour,

Petite question "technique" :
Je travaille avec Joomla! 2.5., j'aimerai inclure dans mon site :
un bandeau contenant 4 ou 5 icônes, des "mini-images" réactives au survol de la souris avant "clic".
J'utilisai dans mon ancien site, statique, donc fait exclusivement en XHTML+CSS, les classiques :
link, visited et hover dans le CSS et deux images par "icône" :

a.class1{background-image: url(mesimages/positive.gif);}
a.class1:hover{background-image: url(mesimages/negative.gif);}

puis, évidemment, un lien associé à l'icône/double-image...

Donc, ma question, comment faire cela avec Joomla! ? Un module, une extension spéciale, un éditeur ?.

La réponse est peut-être évidente, mais j'avoue que là !...

D'avance merci.

[webcrea]

Re : Images cliquables alternatives au survol de la souris.

J'utilise JCE comme éditeur et si tu sélectionnes ton image et que tu cliques sur l'icône "image" de la barre de menu de JCE tu pourras régler le comportement au survol

Avec TinyMCE c'est dans "avancé"

[Taliesen]

Re : Images cliquables alternatives au survol de la souris.

Bonjour,

D'abord merci pour la réponse rapide.
C'est moi qui suis long à tester...

J'ai "tenté" avec TinyMCE et le résultat...pas vraiment au rendez-vous...
Donc j'ai installé JCE et là, c'est déjà beaucoup, beaucoup mieux
Mes deux images sont bien là et elles sont bien réactives au survol de la souris.
Bon, il y a encore "le" "hic" !..
J'ai mis un lien (URL) derrière cette "double-image" et là évidemment le "soulignement bleu" classique du lien apparait sous les images et détériore l'ensemble.
J'ai tenté dans le Gestionnaire de liens, onglet "Avancé" et en vis à vis de "Styles", de saisir :
<style type="text/css">a: link{text-decoration:none}</styles> (Si mes souvenirs sont bons, je crois que c'est ça pour faire disparaitre ce soulignement)
Mais cela ne change rien.

Voilà donc mon deuxième souci.

Qui n'en est plus un !!!
C'était, en fait, hyper simple : Déclarer l'image en "float: left" ou alors bien séparer le texte suivant l'image comme un autre <P>, ou encore simplement déclarer l'image comme un paragraphe unique...
Et là... Plus de soulignement intempestif !!

Si des fois....Merci.

De toutes façons, il n'empêche : Encore Merci !