[Problème] Css des modules dans maximenuCK

[bizerte77]

Bonjour,

Je suis sous joomla 2.5 et j'ai installé le module MaximenuCK (menu horizontal) à la suite de ce menu j'y ai mis un module "Contenu personnalisé" (pour y mettre un item avec un background différent), le moteur de recherche et un drapeau langue. Pour cela dans menu principal j'ai ajouté 3 items "Séparateur" un pour le "contenu personnalisé", un pour le moteur de recherche et un pour le drapeau langue.

Mon menu hover et comme ceci dans le fichier maximenuhck.php (ligne 70):

div#<?php echo $id; ?> ul.maximenuck li.maximenuck.level1:hover,
div#<?php echo $id; ?> ul.maximenuck li.maximenuck.level1.active {
	border: 1px solid #777777;
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

Maintenant quand je passe la souris sur mon module personnalisé, le moteur de recherche ou sur le drapeau il y a l'effet hover. Je souhaiterai supprimer cet effet. J'ai testé avec firebug mais sans succès!

Je ne comprends pas comment faire pour supprimer l'effet hover...

Si quelqu'un peut me guider...

Mille merci!

PS : mon site est en local, je ne peux que vous montrer des screenshots pour mieux visualiser mon problème.

[bagou01]

Re : Css des modules dans maximenuCK

bien si tu remplace, dans le code que tu as mis dans ton post, le même background que sur le "non hover", ça forcera à garder normal.
je veux dire, là on voit background #F4F4F4, remplace ça par le bleu normal, etc etc et tu auras un hover mais qui sera identique au "pas hover", non?

[bizerte77]

Re : Css des modules dans maximenuCK

Bonjour,

Merci mais je ne vois pas où mettre le code. J'ai essayé dans maximenuckh.php et personal.css mais sans succès en utilisant les class "mod-languages" pour le drapeau, "search" pour rechercher et "billet" pour mon item (la class de la div que j'ai créé dans "contenu personalisé" de la rubrique module).

Voici le code de mon menu entier :

<div class="maxiroundedcenter">
            <ul style="" class="menu maximenuck">
<li style="z-index : 12000;" class="maximenuck item102 current active first level1 "><a href="/aquariumv2/index.php/fr/" class="maximenuck "><span class="titreck">Accueil</span></a>
		</li>
<li style="z-index : 11999;" class="maximenuck item103 level1 "><a href="/aquariumv2/index.php/fr/pensionnaires" class="maximenuck "><span class="titreck">Pensionnaires</span></a>
		</li>
<li style="z-index : 11998;" class="maximenuck item115 level1 "><a href="/aquariumv2/index.php/fr/activites" class="maximenuck "><span class="titreck">Activités</span></a>
		</li>
<li style="z-index : 11997;" class="maximenuck item116 parent level1 "><a href="/aquariumv2/index.php/fr/les-coulisses" class="maximenuck "><span class="titreck">Les coulisses</span></a>
	<div class="floatck" style="height: 0px; left: -999em;"><div class="maxidrop-top"><div class="maxidrop-top2"></div></div><div class="maxidrop-main"><div class="maxidrop-main2"><div class="maximenuck2 first ">
	<ul class="maximenuck2" style="position: static;"><li style="z-index : 11996;" class="maximenuck item123 first last level2 "><a href="/aquariumv2/index.php/fr/les-coulisses/histoire-de-l-aquarium" class="maximenuck "><span class="titreck">Histoire de l'Aquarium</span></a>
	</li>
	</ul>
	<div class="clr"></div></div><div class="clr"></div></div></div><div class="maxidrop-bottom"><div class="maxidrop-bottom2"></div></div></div>
	</li><li style="z-index : 11995;" class="maximenuck item117 level1 "><a href="/aquariumv2/index.php/fr/infos-pratiques" class="maximenuck "><span class="titreck">Infos pratiques</span></a>
		</li>
<li class="maximenuck item120 level1 "><div class="maximenuck_mod">

<div class="custom">
	<div style="background: -moz-linear-gradient(center top , #FF0000 0%, #471010 100%) repeat scroll 0 0 transparent; line-height: 46px; margin-top: -12px;" class="billet"><a style="color: white; text-transform: uppercase;" href="http://cineaqua.getaticket.com/Information.aspx">J'achète mon billet</a></div></div>
<div class="clr"></div></div>
		</li>
<li class="maximenuck item119 level1 "><div class="maximenuck_mod"><form method="post" action="/aquariumv2/index.php/fr/">
	<div class="search">
		<label for="mod-search-searchword">Rechercher</label><input type="text" onfocus="if (this.value=='Recherche...') this.value='';" onblur="if (this.value=='') this.value='Recherche...';" value="Recherche..." size="20" class="inputbox" maxlength="20" id="mod-search-searchword" name="searchword">	<input type="hidden" value="search" name="task">
	<input type="hidden" value="com_search" name="option">
	<input type="hidden" value="102" name="Itemid">
	</div>
</form>
<div class="clr"></div></div>
		</li>
<li class="maximenuck item111 last level1 "><div class="maximenuck_mod"><div class="mod-languages">

	<ul class="lang-inline">
						<li dir="ltr" class="">
			<a href="/aquariumv2/index.php/en/">
							<img title="English (UK)" alt="English (UK)" src="/aquariumv2/media/mod_languages/images/en.gif">						</a>
			</li>
							</ul>

</div>
<div class="clr"></div></div></li>            </ul>
        </div>

Les 3 derniers <li> sont les éléments où je ne veux pas de hover mais comme il font parti du <li> de maximenuck , le hover est pris en compte même quand j'utilise leur class pour ne pas faire de hover comme le dit bagou01.

Et je ne comprend pas ce type de class <li class="maximenuck item111 last level1 ">, comment l'utiliser puisqu'il y a des espaces?

Mille merci!

Bonne journée

[lefabdu51]

Re : Css des modules dans maximenuCK

ce sont 3 classes differentes

la classe .item11 la classe .last et la classe .level1...

A toi de les definir separément