Modification des css de gantry 4

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

  • [Problème] Modification des css de gantry 4

    Je fais un site joomla 2.5 avec le template gantry 4.

    J'ai fais les modifications css directement dans le fichier "master-53f95a45aa1d40970d8d57ed4b5a8aec" du dossier "css-compiled"
    Je viens de voir que ce n'est pas la bonne méthode pour modifier les css. En effet quand je purge le cache, le template se réinitialise.

    J'ai donc crée un fichier custom-template.less mais j'aimerai savoir comment y mettre tout ce que j'ai modifier sur le fichier "master-53f95a45aa1d40970d8d57ed4b5a8aec"

  • #2
    Re : Modification des css de gantry 4

    Bonjour,

    Ces fichiers CSS sont, comme leur nom du dossier l'indique, compilés. De plus, ils sont imbuvables (tu arrives à t'y retrouver la dedans ? :-) ).

    En fait, ils sont générés à partir d'autres fichiers less qui sont dans le dossier ... less. Ils sont nettement plus lisibles amis surtout ce sont eux qui t'écrasent ton fichier compilé, donc autant faire les modifs à la source.
    Christophe, responsable de : netpresence.fr, création de site : http://www.netpresence.fr

    Commentaire


    • #3
      Re : Modification des css de gantry 4

      j'ai commis cela, un jour : http://www.web54.fr/quelques-tutorie...ee-dans-gantry (traduction doc gantry)
      aidons nous les uns les autres ...

      https://www.web54.fr

      Commentaire


      • #4
        Re : Modification des css de gantry 4

        Merci pour vos réponses.

        Je suis débutant, je trouvais assez simple de lancer firebug de trouver la ligne correspondante et de modifier le fichier css en fonction de mes choix. Le problème est qu'avec gantry, il ne m'affiche que les lignes de codes des fichiers css compilé, après ça c'est difficile de retrouver quelle fichier less modifier.

        J'ai donc crée un fichier gantry-custom-css dans le dossier css de gantry. J'ai collé l'intégralité du fichier css complité que j'avais modifié (j'ai récupérer ma mise en page ou presque, mais je me doute que ce n'est pas la bonne méthode).

        Ca à l'air plus simple pour moi de modifier un fichier css qu'un fichier less, c'est pourquoi je préfèrerai utiliser gantry-custom.css.
        Qu'elle est la méthode à adopter ?

        Commentaire


        • #5
          Re : Modification des css de gantry 4

          Bonjour,

          C'est effectivement une solution et je pense que ça fonctionne maintenant, non ?

          C'est effectivement plus simple pour s'y retrouver mais du coup le fichier est unique, plutôt lourd et indigeste à lire (à moins que tu te sois amusé à lui rendre une apparence plus lisible).

          Par contre, le seul souci est que ce fichier est censé faire une surcharge du CSS or là, tu te retrouves avec le fichier complet quasi à l'identique, sauf tes modifs.

          As-tu essayé de n'y mettre que les règles que tu dois modifier (donc que te donne firebug) ? Ce serait beaucoup plus light, même pour toi, tu n'y verrais que ce que tu as modifié. En fait, il faudrait faire comme tu fais avec firebug, mais au lieu de modifier dans un fichier custom complet, tu le repères dans le master-........ et tu copies le bout de CSS qui va bien dans ton fichier custom.

          Je ne sais pas si tu vois ce que je veux dire ? Parce que là, tu surcharges tout le CSS bien souvent à l'identique. Pas sûr que ce soit très optimisé comme méthode.
          Christophe, responsable de : netpresence.fr, création de site : http://www.netpresence.fr

          Commentaire


          • #6
            Re : Modification des css de gantry 4

            En effet,
            j'ai vidé mon fichier gantry-custom.css et je n'y met que les règles que je modifie. Ca fonctionne très bien. Dommage que je n'ai pas compris comment utiliser les fichiers less, mais je peux avancer maintenant.

            Merci à toi

            Commentaire


            • #7
              Re: Modification des css de gantry 4

              tu peux regarder cela : http://www.web54.fr/aller-plus-loin/less-css
              traduction de la doc anglaise de gantry.
              aidons nous les uns les autres ...

              https://www.web54.fr

              Commentaire


              • #8
                Re : Modification des css de gantry 4

                Bonjour et merci pour ces information.

                Quelq'un saurait il ce que je dois mettre comme code pour mettre une image dans le showcase; (image qui sera le logo du site)
                J'ai le template spectral (rockettheme).

                Merci à vous,

                osteo

                Commentaire


                • #9
                  Re : Modification des css de gantry 4

                  bonjour,

                  la reponse est ici http://www.rockettheme.com/forum/ind...rb_v=viewtopic

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X