Page 1 sur 2 12 DernièreDernière
Affichage des résultats 1 à 10 sur 13
  1. #1
    Membre
    Date d'inscription
    août 2016
    Messages
    58
    Remerciements
    12
    Remercié 1 fois dans 1 message

    Par défaut Certains code LESS ne sont pas pris en compte

    Salut

    Un truc assez zarbi m'arrive dans mon fichier LESS : certain code ne sont pas pris en compte.

    La structure de mes LESS dans mon template Helix3 :

    • articles.less (pour les articles que nous mettons en ligne régulièrement)
    • custom.less (pour les mise en page des pages et du template)
    • declarations-perso.less


    Les LESS qui me pose probleme :

    Code:
    .block-gauche {
    	float:left;
    	margin-right:20px;
    }
    
    .block-droite {
    	float:right;
    	margin-left:20px;
    }
    Ils se trouve dans declarations-perso.less.

    On peux les trouver, par exemple, dans cet article (mais ça le fait dans les autres pages où ils sont présent). Le bloc avec les sons doit être à droite et la photo qui se trouve juste après doit être a gauche.

    Pour chacun d'eux, dans articles.less j'ai :

    Code:
    .lecteur-audio-20161006 {.block-droite;}
    
    .art-07-20161006  {.block-gauche;}
    et pour le HTML :

    Bloc des sons :
    Code HTML:
    <div class="lecteur-audio lecteur-audio-20161006">
    	<p class="legende">Grand dauphin</p>
    	{mp3}articles/2016/20161006-art-04{/mp3}
    	<hr />
    	<p class="legende">Orque</p>
    	{ogg}articles/2016/20161006-art-05{/ogg}
    	<hr />
    	<p class="legende">Orque</p>
    	{ogg}articles/2016/20161006-art-06{/ogg}
    </div>
    Photo :
    Code HTML:
    <figure class="art-07-20161006">
    	<img src="images/articles/2016/20161006-art-07.jpg" alt="Dauphin commun observé lors d'une sortie en mer d'Itsas Arima." />
    	<figcaption>Dauphin commun</figcaption>
    </figure>
    Mon LESS marche bien puisque les autres codes sont bien prit en compte. Je suis sous Firefox, mais j'ai regardé dans Opéra et ça fait pareil. Dans Firefox ça ne peut pas être le cache car il est désactivé.

    Je ne comprend pas pourquoi ceux là ne marche pas.

    Itsas Arima est une association dont l’objectif principal est de développer un programme de suivi des populations de mammifères marins des côtes basques et landaises.

  2. #2
    Modérateur

    Avatar de lomart
    Date d'inscription
    novembre 2010
    Localisation
    Fontainebleau
    Messages
    5 118
    Remerciements
    74
    Remercié 816 fois
    dans 780 messages

    Par défaut Re : Certains code LESS ne sont pas pris en compte

    Bonjour,

    Vous importez bien declarations-perso.less dans articles.less ?
    bgMax, AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ...
    plein de nouveaux modules et plugins sur http://lomart.fr/extensions

  3. #3
    Membre
    Date d'inscription
    août 2016
    Messages
    58
    Remerciements
    12
    Remercié 1 fois dans 1 message

    Par défaut Re : Certains code LESS ne sont pas pris en compte

    Oui. Dans articles.less il y a bien @import 'declarations-perso';. J'ai fait une page test et en fait aucun code qui se trouve dans declarations-perso.less n'est pris en compte dans articles.less.

    Itsas Arima est une association dont l’objectif principal est de développer un programme de suivi des populations de mammifères marins des côtes basques et landaises.

  4. #4
    Modérateur

    Avatar de lomart
    Date d'inscription
    novembre 2010
    Localisation
    Fontainebleau
    Messages
    5 118
    Remerciements
    74
    Remercié 816 fois
    dans 780 messages

    Par défaut Re : Certains code LESS ne sont pas pris en compte

    Je remarque au début d'articles.css, cette règle en erreur
    Code:
    .block-01 {
      background-color: ;
    }
    Ne serait-ce pas cette erreur qui bloquerait l'import !
    bgMax, AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ...
    plein de nouveaux modules et plugins sur http://lomart.fr/extensions

  5. #5
    Membre
    Date d'inscription
    août 2016
    Messages
    58
    Remerciements
    12
    Remercié 1 fois dans 1 message

    Par défaut Re : Certains code LESS ne sont pas pris en compte

    En fait c'est pas que ca ne les prend pas en compte, c'est que ca me les supprimes !

    Normalement le code que j'ai mis et qui comporte l'erreur que tu reléve c'est :
    Code:
    .block-01 {
    	.bordure-rouge;
    	background-color:@couleur-b;
    }

    Itsas Arima est une association dont l’objectif principal est de développer un programme de suivi des populations de mammifères marins des côtes basques et landaises.

  6. #6
    Modérateur

    Avatar de lomart
    Date d'inscription
    novembre 2010
    Localisation
    Fontainebleau
    Messages
    5 118
    Remerciements
    74
    Remercié 816 fois
    dans 780 messages

    Par défaut Re : Certains code LESS ne sont pas pris en compte

    Je présume que @couleur-b est dans declarations-perso.less
    Essaie de faire l'importation avec un compilateur comme koala (http://koala-app.com/) pour essayer de comprendre
    Il peut voir des erreurs que le compilateur d'helix ne verrait pas

    Tu peux aussi poster tes 2 fichiers LESS
    bgMax, AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ...
    plein de nouveaux modules et plugins sur http://lomart.fr/extensions

  7. #7
    Membre
    Date d'inscription
    août 2016
    Messages
    58
    Remerciements
    12
    Remercié 1 fois dans 1 message

    Par défaut Re : Certains code LESS ne sont pas pris en compte

    Oui, effectivement @couleur-b est bien dans declarations-perso.less. Koala a trouvé des erreurs, mais pas dans articles.less ni declarations-perso.less. Toutes les erreurs sont des NameError et se trouve dans les fichiers LESS de Helix et 2 dans mon fichier custom.less. Comme tu le propose je joins mes fichiers LESS.

    Mais je me pose une question : utilisant LESS depuis très peu de temps (quelques mois a peine) je me demande si j'ai fait les bonnes manips quant j'ai fait les réglages pour pouvoir utiliser LESS dans Helix. Je me souviens plus où j'avais trouvé la méthode, mais j'ai fait comme ca :

    En plus de custom.less qui doit être obligatoirement présent, j'ai créé les fichiers articles.less, declarations-perso.less et custom-responsive.less.

    Puis dans le fichier \templates\shaper_helix3\index.php, dans le code :
    Code:
    // load css, less and js
                    $this->helix3->addCSS('bootstrap.min.css, font-awesome.min.css') // CSS Files
                            ->addJS('bootstrap.min.js, jquery.sticky.js, main.js') // JS Files
                            ->lessInit()->setLessVariables(array(
                                'preset' => $this->helix3->Preset(),
                                'bg_color' => $this->helix3->PresetParam('_bg'),
                                'text_color' => $this->helix3->PresetParam('_text'),
                                'major_color' => $this->helix3->PresetParam('_major'),
                                'megabg_color' => $megabgcolor,
                                'megatx_color' => $megabgtx,
                                'preloader_bg' => $preloader_bg,
                                'preloader_tx' => $preloader_tx,
                            ))
                            ->addLess('legacy/bootstrap', 'legacy')
                            ->addLess('master', 'template');
    j'ai ajouté :
    Code:
    // load css, less and js
                    $this->helix3->addCSS('bootstrap.min.css, font-awesome.min.css') // CSS Files
                            ->addJS('bootstrap.min.js, jquery.sticky.js, main.js') // JS Files
                            ->lessInit()->setLessVariables(array(
                                'preset' => $this->helix3->Preset(),
                                'bg_color' => $this->helix3->PresetParam('_bg'),
                                'text_color' => $this->helix3->PresetParam('_text'),
                                'major_color' => $this->helix3->PresetParam('_major'),
                                'megabg_color' => $megabgcolor,
                                'megatx_color' => $megabgtx,
                                'preloader_bg' => $preloader_bg,
                                'preloader_tx' => $preloader_tx,
                            ))
                            ->addLess('legacy/bootstrap', 'legacy')
                            ->addLess('master', 'template')
                            ->addLess('custom', 'custom')
    			->addLess('articles', 'articles')
    			->addLess('declarations-perso', 'declarations-perso')
    			->addLess('custom-responsive', 'custom-responsive');
    Dans mes fichiers LESS j'ai ajouté des @import :

    custom.less :
    Code:
    @import 'declarations-perso';
    
    @import 'responsive-perso';
    articles.less :
    Code:
    @import 'declarations-perso';
    declarations-perso.less : pas de @import.

    custom-responsive.less :
    Code:
    @import 'declarations-perso';
    Fichiers attachés Fichiers attachés

    Itsas Arima est une association dont l’objectif principal est de développer un programme de suivi des populations de mammifères marins des côtes basques et landaises.

  8. #8
    Modérateur

    Avatar de lomart
    Date d'inscription
    novembre 2010
    Localisation
    Fontainebleau
    Messages
    5 118
    Remerciements
    74
    Remercié 816 fois
    dans 780 messages

    Par défaut Re : Certains code LESS ne sont pas pris en compte

    Le fichier custom-responsive.css est en rerreur 404. Il est cherché en racine du site !

    La compilation avec Koala me semble correcte. Dans ce cas, c'est la compilation par Helix qui pose problème.
    Pour le vérifier mettre le fichier articles.css compilé par Koala à la place de celui du template

    Je ne connais pas suffisamment Helix pour t'en dire plus
    bgMax, AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ...
    plein de nouveaux modules et plugins sur http://lomart.fr/extensions

  9. Les membres suivants ont remercié lomart pour ce message :

    itsas-arima (21/04/2017)

  10. #9
    Membre
    Date d'inscription
    août 2016
    Messages
    58
    Remerciements
    12
    Remercié 1 fois dans 1 message

    Par défaut Re : Certains code LESS ne sont pas pris en compte

    Ça marche ! ça viendrait donc d'un probleme de compilation par Helix. je ne met pas mon sujet en Résolu, car si jamais quelqu'un qui connais bien Helix passe par là, il/elle pourra peut être me confirmer et m'aider a voir d’où vient le probleme dans Helix.

    En tout cas merci de m'avoir aider

    Itsas Arima est une association dont l’objectif principal est de développer un programme de suivi des populations de mammifères marins des côtes basques et landaises.

  11. #10
    Modérateur

    Avatar de lomart
    Date d'inscription
    novembre 2010
    Localisation
    Fontainebleau
    Messages
    5 118
    Remerciements
    74
    Remercié 816 fois
    dans 780 messages

    Par défaut Re : Certains code LESS ne sont pas pris en compte

    En attendant, regarde si ce plugin peut faire l'affaire
    https://extensions.joomla.org/extens...less-compiler/
    Je ne le connais pas, j'ai abandonné LESS pour SCSS depuis quelques années
    bgMax, AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ...
    plein de nouveaux modules et plugins sur http://lomart.fr/extensions

Page 1 sur 2 12 DernièreDernière

Discussions similaires

  1. [RÉGLÉ] Les parametres spécifiques des articles ne sont pas pris en compte
    Par ketzaldev dans le forum Questions générales
    Réponses: 3
    Dernier message: 07/07/2012, 11h52
  2. [Problème] Vote qui ne sont pas pris en compte,
    Par folamour dans le forum Questions générales
    Réponses: 2
    Dernier message: 04/03/2012, 16h48
  3. Réglages ne sont pas pris en compte
    Par karo dans le forum Questions générales
    Réponses: 1
    Dernier message: 31/01/2012, 08h06
  4. [Problème] Virtuemart : les frais de port ne sont pas pris en compte
    Par nenex dans le forum E-commerce
    Réponses: 1
    Dernier message: 25/04/2011, 11h01
  5. [Problème] Les frais d'expédition ne sont pas pris en compte ?
    Par cevichero dans le forum E-commerce
    Réponses: 1
    Dernier message: 03/12/2009, 13h40

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •