Gantry 4 et J!2.5 personnalisation css

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Gantry 4 et J!2.5 personnalisation css

    Bonjour, d'habitude, je crée mes templates moi-même mais depuis le JDay, j'ai envie d'essayer Gantry. J'ai suivi les tutos de Laurent avec beaucoup d'attention et ai compris que je pouvais créer mon propre fichier .less, sans oublier de l'appeler dans le global.less.

    J'ai donc créé un perso.less dans le dossier less car je souhaite afficher le menu complet déroulé en footer comme on le voit de plus en plus souvent sur les sites.
    J'ai donc copié le module main menu, lui ai donné le nom de menu_footer, mis dans un module, positionné dans le footer.
    Ca marche, mais la totalité des menus s'affiche dans une belle colonne verticale.
    Dans Gantry, la position footer occupe bien 12 colonnes.

    Dans les paramètres du module, j'ai voulu ajouter un suffixe de classe CSS. J'ai constaté qu'il y avait déjà hidden-phone nomarginbottom.
    Grâce au tuto, j'avais compris qu'on pouvait ajouter plusieurs suffixe, j'ai donc ajouté au début footer (ce qui donne donc footer hidden-phone nomarginbottom)

    dans mon perso.less j'ai écrit
    .menu footer li {
    display: inline ; }

    mais cela ne marche pas

    Quelqu'un pourrait m'indiquer où je me trompe ?

    Merci d'avance

    PS : Gantry a l'air vraiment bien, mais quel est le risque de ralentissements ?

    merci

  • #2
    Re : Gantry 4 et J!2.5 personnalisation css

    peux tu nous mettre un lien stp?
    t'as pris quoi comme type de menu?
    c'est pas forcément ton menu Qqu'il faut dupliquer, mais créer un module en footer qui pointe vers ton menu et qui soit capable de s'afficher à l'horizontal
    par exemple roknavmenu, ou bien maximenuck , ou ari ext menu

    pour ce qui est des ralentissements, oui gantry est gourmand, comme tous les framework, mais les ralentissements sont souvent du à ton hebergement.

    mon site était chez ovh et chargeait en 30 seconde chaque page, chez o2switch j'en suis à quelques secondes seulement désormais sans avoir rien changé à ma configuration.
    aidons nous les uns les autres ...

    http://web54.fr

    Commentaire


    • #3
      Re : Gantry 4 et J!2.5 personnalisation css

      je suis en local, si tu veux je t'envoie en mp le lien.
      J'ai dupliqué le module qui pointait vers le main menu, qui s'affiche bien à l'horizontale dans la sidebar ... ah non, en fait ce n'est pas le même ! bon, j'y comprends rien, en fait le menu du template gantry est en showcase ... mais je ne le retrouve pas dans le backend, dans la gestion des modules !

      Commentaire


      • #4
        Re : Gantry 4 et J!2.5 personnalisation css

        tu confonds tout.
        le menu, et le module pour l'afficher.
        le menu est dans la gestion des menus.
        pour l'afficher tu choisis un type de module et tu le mets dans une position
        mais gantry introduis un menu dans son framework.
        ce menu est de type roknavmanu en général ou fusion et pointe vers le menu choisi.
        tu fais donc un nouveau module de type (roknavmenu) ou (maximenu) et tu le fais pointer vers le menu choisi dans gantry
        aidons nous les uns les autres ...

        http://web54.fr

        Commentaire


        • #5
          Re : Gantry 4 et J!2.5 personnalisation css

          non, t'inquiète, je m'exprime peut-être mal mais je ne confonds pas menu et module qui l'affiche ;-)
          Ok pour le fait que gantry introduit un menu, il n'est donc gérable que par le template manager celui-là.
          Bon, j'ai suivi ta manip, j'ai créé un nouveau module de type RokNavMenu et l'ai pointé sur le main menu. J'ai donc exactement le même que celui en showcase. Mais je voudrais que tous les niveaux soient affichés. J'ai donc choisi le thème splitmenu, ajouté un suffixe de class footer que je retrouve bien avec firebug, et créé un .gantry-custom.css dans le dossier gantry, où j'ai mis display inline pour ul .menu l1 footer. Mais faut-il appeler cette css ou l'est automatiquement ? Car l'affichage est toujours vertical.
          Merci pour ton aide !

          Commentaire

          Annonce

          Réduire
          1 sur 2 < >

          C'est [Réglé] et on n'en parle plus ?

          A quoi ça sert ?
          La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

          Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

          Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
          Comment ajouter la mention [Réglé] à votre discussion ?
          1 - Aller sur votre discussion et éditer votre premier message :


          2 - Cliquer sur la liste déroulante Préfixe.

          3 - Choisir le préfixe [Réglé].


          4 - Et voilà… votre discussion est désormais identifiée comme réglée.

          2 sur 2 < >

          Assistance au forum - Outil de publication d'infos de votre site

          Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

          Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

          Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

          UTILISER À VOS PROPRES RISQUES :
          L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

          Problèmes connus :
          FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

          Installation :

          1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

          Archive zip : https://github.com/AFUJ/FPA/zipball/master

          2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

          3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

          4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

          5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

          6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
          et remplacer www. votresite .com par votre nom de domaine


          Exemples:
          Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
          Télécharger le script fpa-fr.php dans: /public_html/
          Pour executer le script: http://www..com/fpa-fr.php

          Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
          Télécharger le script fpa-fr.php dans: /public_html/cms/
          Pour executer le script: http://www..com/cms/fpa-fr.php

          En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

          Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
          Voir plus
          Voir moins
          Travaille ...
          X