media/jui/less hors du template

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

  • media/jui/less hors du template

    Bonsoir

    Savez vous pourquoi tous les @import de template.less de protostar sont en dehors du template dans media/jui/less , rendant ainsi impossible la personnalisation du template ?

    pourquoi tout n'est pas dans le dossier protostar ?

    merci

  • #2
    Re : media/jui/less hors du template

    Bonsoir,

    Je ne veux pas raconter de conne***s, mais il me semble que ces fichiers sont communs avec le template d'administration Isis.

    Commentaire


    • #3
      Re : media/jui/less hors du template

      en ce cas c'est un sac de noeuds

      le debut de template.less -->
      @import "../../../media/jui/less/reset.less";

      // Core variables and mixins
      @import "variables.less"; // Custom for this template
      @import "../../../media/jui/less/mixins.less";

      // Grid system and page structure
      @import "../../../media/jui/less/scaffolding.less";
      @import "../../../media/jui/less/grid.less";
      @import "../../../media/jui/less/layouts.less";

      // Base CSS
      @import "../../../media/jui/less/type.less";
      @import "../../../media/jui/less/code.less";
      @import "../../../media/jui/less/forms.less";
      @import "../../../media/jui/less/tables.less";

      // Components: common
      // @import "../../../media/jui/less/sprites.less";
      @import "../../../media/jui/less/dropdowns.less";
      @import "../../../media/jui/less/wells.less";
      @import "../../../media/jui/less/component-animations.less";
      @import "../../../media/jui/less/close.less";
      on ne peut plus parler vraiment de template puisque tout est en dehors du template


      donc je suppose que si on cree son propre template il faut virer tout ça ou bien en faire une copie en les modifiant dans le dossier du nouveau template

      merci pour ta réponse

      Commentaire


      • #4
        Re : media/jui/less hors du template

        Bonjour,

        en ce cas c'est un sac de noeuds
        Non, c'est très logique !
        Le dossier "media/jui/less" contient les fichiers de base Bootstrap qui pourraient/seront mis à jour en même temps que Joomla.
        Le template les utilise de la même façon qu'il utilise les affichages prévus par le core Joomla s'il ne les surcharge pas dans son dossier HTML.

        La personnalisation du template se fait en modifiant le fichier "variables.less" qui n'est pas dans ce dossier
        Code:
        // Core variables and mixins
        @import "variables.less"; // Custom for this template
        Pour personnaliser un template à base de Bootstrap, il faut adapter le fichier "variables.less" selon ses gouts puis compiler le fichier "template.less" avec un programme comme "Crunch" pour produire un template.css qui sera importé de façon classique dans index.php
        Il faut ensuite créer un fichier "perso.less" ou "xxx.less" qui contiendra les règles spécifiques pour le template du site. Ce fichier peut être compilé automatiquement par un plugin tel que LESS Compiler. Pour les allergiques à LESS, il est possible de faire un css directement.

        Nota: il est déconseillé de compiler la partie GRID de Bootstrap avec les plugins LESS qui utilise lessphp car la précision de calcul n'est pas suffisante. Le développeur de LESS Compiler travaille sur ce point actuellement.

        Pour résumé:
        - template.less/css, c'est les fondations du site (grid, couleurs, police de base, ...). On le compile avec Crunch. Une fois en ligne, on n'a plus a toucher à ce fichier.
        - xxx.less/css est la personnalisation qui sera compilé à la volée par LESS Compiler. Très pratique quand le site est en ligne. On modifie xxx.less par FTP et le xxx.css est recréé automatiquement à la prochaine actualisation du frontend.

        Cette méthode n'est pas si différente de celle de Beez avec ses fichiers layout/position et personal
        Dernière édition par lomart à 25/10/2012, 08h02
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Re : media/jui/less hors du template

          justement dans variables.less tu ne peux pas changer l'aspect arrondi des boutons ou les input des form par exemple, ils sont imposés par media/jui/less

          Ce qui fait que ton Template a une personnalisation extrêmement limitée et que tous les sites vont se ressembler

          Le dossier "media/jui/less" contient les fichiers de base Bootstrap qui pourraient/seront mis à jour en même temps que Joomla.
          Le template les utilise de la même façon qu'il utilise les affichages prévus par le core Joomla s'il ne les surcharge pas dans son dossier HTML.
          et comment tu les surcharge ? où et comment dois tu copier media/jui/less/forms.less (par exemple) pour le modifier complètement ?
          Dernière édition par polpaulin à 25/10/2012, 08h20

          Commentaire


          • #6
            Re : media/jui/less hors du template

            justement dans variables.less tu ne peux pas changer l'aspect arrondi des boutons
            Dans ton fichier perso.css, tu ajoute
            .btn {-webkit-border-radius: 50px; border-radius: 50px;}
            L'idéal étant d'ajouter dans perso.less
            .btn {.border-radius(50px);}
            Cette ligne fait la même chose, mais s'adaptera aux exigences des navigateurs

            et comment tu les surcharge ?
            L'idéal dans perso.less
            Mais rien ne t'empêche de supprimer l'import de "media/jui/less/forms.less"(ton exemple) dans template.less et de le remplacer par l'import de ta solution @import "polpaulin/form.less"
            UP, le plugin universel à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


            • #7
              Re : media/jui/less hors du template

              remplacer par l'import de ta solution @import "polpaulin/form.less"
              comme ça oui

              merci c'est ce que je voulais savoir
              Dernière édition par polpaulin à 25/10/2012, 09h08

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X