Affichage des résultats 1 à 4 sur 4
  1. #1
    Jeune membre
    Date d'inscription
    mai 2009
    Messages
    25
    Remerciements
    0
    Remercié 0 fois
    dans 0 messages

    Par défaut changement de couleur du titre des modules html avec la souris

    Bonjour,

    Je souhaiterais que les titres de mes modules changent de couleur lorsque je les survole avec ma souris.
    à l'aide de firebug j'ai identifié la classe qui s'occupe de la couleur des titres des modules html il s'agit de :

    div.moduletable_menu h3,
    div.moduletable h3 {
    margin: 0 0 5px;
    padding: 0;
    color: #333333; ( couleur gris )
    font-size: 100%;
    text-transform: uppercase;
    }

    Que dois-je faire pour réalisr l'effet il faut utiliser le style "hover" mais comment ? merci de me guider

    Merci encore pour votre aide

  2. #2
    Membre régulier
    Date d'inscription
    juin 2007
    Messages
    100
    Remerciements
    0
    Remercié 1 fois dans 1 message

    Par défaut

    Citation Envoyé par yakadji Voir le message
    Bonjour,

    Je souhaiterais que les titres de mes modules changent de couleur lorsque je les survole avec ma souris.
    à l'aide de firebug j'ai identifié la classe qui s'occupe de la couleur des titres des modules html il s'agit de :

    div.moduletable_menu h3,
    div.moduletable h3 {
    margin: 0 0 5px;
    padding: 0;
    color: #333333; ( couleur gris )
    font-size: 100%;
    text-transform: uppercase;
    }

    Que dois-je faire pour réalisr l'effet il faut utiliser le style "hover" mais comment ? merci de me guider

    Merci encore pour votre aide
    essaye ca :
    div.modultable h3:hover {
    blabla
    }

    ...mais j'ai quand meme un doute, à mon avis il vaut mieux "rendre le titre cliquable" dans les paramètres de l'article et se servir du "a"

    div.moduletable h3 a
    div.moduletable h3 a:hover

  3. #3
    Admin âgé


    Avatar de infograf768
    Date d'inscription
    mars 2005
    Localisation
    Dans le Trégor
    Messages
    2 619
    Remerciements
    3
    Remercié 149 fois
    dans 118 messages

    Par défaut

    le titre d'un module n'est jamais un lien.
    Il ne peut donc être cliquable.
    Adonc pas de Hover non plus...
    Oubliez...
    Jean-Marie Simonet / infograf768
    Joomla co-fondateur. Joomla Production Working Group.
    Multilang natif dans Joomla 1.7-2.5: http://forum.joomla.fr/showthread.ph...joomla-1.7-2.5
    info-graf.fr
    Sauf demande explicite de ma part, merci de ne pas utiliser de Message Privé pour poser des questions. Le forum est là pour ça.

  4. #4
    Membre régulier
    Avatar de ghazal
    Date d'inscription
    juillet 2005
    Messages
    2 792
    Remerciements
    16
    Remercié 222 fois
    dans 211 messages

    Par défaut

    Salut,
    encore une fois, avec du JavaScript (et la librairie Mootools, incluse par défaut dans J!1.5), ce genre d'effet est tout à fait possible.
    D'après la CSS donnée précédemment :
    Code:
    div.moduletable_menu h3,
    div.moduletable h3 {
    margin: 0 0 5px;
    padding: 0;
    color: #333;
    font-size: 100%;
    text-transform: uppercase;
    }
    Placer ceci dans l'index.php du template, juste avant la fin de la balise head - </head>
    Code:
    <script type="text/javascript">
    		window.addEvent('domready', function(){
    			var list = $$('div.moduletable_menu h3', 'div.moduletable h3 ');
    			list.each(function(element) {				
    				var fx = new Fx.Styles(element, {duration:200, wait:false});			
    				element.addEvent('mouseenter', function(){
    					fx.start({
    						'color': '#99cc00'
    					});
    				});
    				element.addEvent('mouseleave', function(){
    					fx.start({
    						'color': '#333'
    					});
    				});
    			});
    		}); 
    	</script>
    Pour choisir la couleur du hover, modifier la couleur sur cette ligne :
    'color': '#99cc00'

    Hope it helps.

Discussions similaires

  1. Problème d'affichage du titre du site avec SH404SEF
    Par Isabelle62 dans le forum Gestion des modules
    Réponses: 1
    Dernier message: 22/02/2009, 13h15
  2. Conteneur avec couleur d'arrière plan qui gache les arrondis
    Par EricDele dans le forum Gestion des templates, design et CSS
    Réponses: 10
    Dernier message: 31/12/2008, 18h16
  3. Titre avec accent et flash
    Par joseph54 dans le forum Gestion des articles
    Réponses: 1
    Dernier message: 03/09/2008, 21h50
  4. Problème avec HTML!!!
    Par Girlsub dans le forum Bots Editeurs WYSIWYG
    Réponses: 6
    Dernier message: 30/11/2007, 16h37

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •