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 ...

      http://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 ...

              http://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
                  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

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X