Fork me on GitHub






lionhell
Menu CSS affiché partiellement
#1
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Bonjour !

J'essaie d'installer le menu "mega-menu" (présent dans le thème "omega" de xoopsfire) à l'intérieur du thème "APH007B" qui me plait beaucoup mais dont l'absence d'un menu horizontal fait cruellement défaut.

J'ai donc ajouté le fichier megadrop.html dans le theme.html, les images de fond du menu, le css du menu et comme résultat seule la 1ère ligne du menu s'affiche !

Le sous-menu (2eme niveau) reste invisible !

J'essaie de voir s'il y a des z-index, j'ai essayé d'en ajouter, mais rien n'y fait.

Je ne comprends pas pourquoi les sous-niveaux du menu css restent cachés !

Pour info le css du menu est bien appelé car lorsque je modifie des couleurs du 1er niveau cela fonctionne, et les images de fond sont bien affichées.


Posté le : 13/06/2014 11:20

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Rapport Haut
lionhell
Re: Menu CSS affiché partiellement
#2
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Bon je viens de trouver ... il ne s'agit pas d'un menu pur CSS ! Il faut aussi utiliser le fichier efeitosespeciais.js

Sujet résolu

Posté le : 13/06/2014 13:52

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Rapport Haut
lionhell
Re: Menu CSS affiché partiellement
#3
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Bon alors c'est plus compliqué que je ne pensais ... Grr !

Ca fonctionne bien ... en local ! Mais en ligne ça coince.

J'essaie les noConflicts() et Cie, mais je ne 'en sors pas !

Donc voici les portions de code qui s'entrechoquent:

- Dans theme.html
<script type="text/javascript">
  $('#picz').cycle({ 
    fx:    'shuffle', 
    easing: 'easeInOutBack',
    delay: -5000,
    pause:   1
});
        $(document).ready(function() {
                    $("#toTop").scrollToTop({speed:1000,ease:"expoout"});
         });     
</script>

<script type="text/javascript" src="<{$xoops_imageurl}>jq/efeitosespeciais.js">
</script>


- Dans efeitosespeciais.js:
var TF = $.noConflict();                    /*jQuery noConflict - Use TF */

TF(document).ready(function() {
TF(function() {                                                                                        // Mega Menu
    var TFmenu = TF('#ldd_menu');
    TFmenu.children('li').each(function(){
        var TFthis = TF(this);
        var TFspan = TFthis.children('span');
        TFspan.data('width',TFspan.width());
        TFthis.bind('mouseenter',function(){
            TFmenu.find('.ldd_submenu').stop(true,true).hide();
//            TFspan.stop().animate({'width':'100px'},150,function(){
                TFthis.find('.ldd_submenu').slideDown(150);
        }).bind('mouseleave',function(){
            TFthis.find('.ldd_submenu').stop(true,true).hide();
            TFspan.stop().animate({'width':TFspan.data('width')+'px'},150);
        });
    });
});
});



Posté le : 13/06/2014 22:56

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Rapport Haut
lionhell
Re: Menu CSS affiché partiellement
#4
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Problème réglé .. à nouveau et définitivement !

Il fallait ... pour une fois supprimer le procédé noConflict dans efeitosespeciais.js !!

Posté le : 13/06/2014 23:14

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Cesagonchu
Re: Menu CSS affiché partiellement
#5
Admin Frxoops
Inscrit: 16/03/2009 16:40
De Tende (06)
Messages: 3528
Merci pour l'info lionhell

Posté le : 14/06/2014 06:30

Open in new window

Xoopseuse Mai 2012 | Responsable équipe internationale | Recherche avancée en bas de page !
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

49 Personne(s) en ligne (37 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 49 | Plus ...