Bandeau
Escal V3
Site de démonstration

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon.

A la une
Article mis en ligne le 31 janvier 2009
dernière modification le 15 janvier 2017

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Cette noisette destinée à être appelée au centre de la page d’accueil affiche 2 onglets par défaut mais on peut en rajouter facilement.

Nom du fichier inc-a_la_une.html
pages concernées page d’accueil
mots-clés aucun

On peut configurer de 1 à 5 onglets avec le choix suivant :

dans l’ordre souhaité par vous même.

Avec EscalV2

 Présentation

Le code du fichier :

  1. <div class="cadre-une">
  2.  
  3. <ul class="onglets">
  4. <li><a href="#" name="contenu_1" class="tab active" title="Derniers articles">Les derniers articles ...</a></li>
  5. <li><a href="#" name="contenu_2" class="tab" title="Plan du site">... et les autres</a></li>
  6. </ul>
  7.  
  8. <div class="contenu_1 content">
  9. <INCLURE {fond=inclusions/inc-une_derniers}>
  10. </div>
  11.  
  12. <div class="contenu_2 content">
  13. <INCLURE {fond=inclusions/inc-plan}>
  14. </div>
  15.  
  16. </div>
  17.  
  18. </div>

Télécharger

Pour rajouter un onglet, il suffit de rajouter un élément de liste

  1. <li><a href="#" name="contenu_3" class="tab">Votre titre</a></li>

et un contenu

  1. <div class="contenu_3 content">
  2. <INCLURE {fond=inclusions/inc-autrechose}>
  3. </div>

Télécharger

le fichier "inc-autrechose" est à créer, bien sur !

 Pour aller plus loin

On peut s’amuser à vouloir afficher certaines rubriques en tant qu’onglets supplémentaires. Pour cela, on va rajouter 2 boucles :
- une première qui va créer les onglets à la suite des 2 premiers

  1. <BOUCLE_onglets(RUBRIQUES){par num titre}{titre_mot="RubriqueOnglet"}>
  2. #SET{numero1, #COMPTEUR_BOUCLE|plus{2}}
  3. <li><a href="#" name="contenu_#GET{numero1}" class="tab">#TITRE</a></li>
  4. </BOUCLE_onglets>

Télécharger

cette boucle compte le nombre de passages, rajoute 2 à la valeur trouvée et stocke le résultat dans "numero1" afin de numéroter name="contenu_XX
- une deuxième boucle pour afficher le contenu des rubriques sur le même modèle que le premier onglet

  1. <BOUCLE_contenu(RUBRIQUES){par num titre}{titre_mot="RubriqueOnglet"}>
  2. #SET{numero2, #COMPTEUR_BOUCLE|plus{2}}
  3. <div class="contenu_[(#GET{numero2})] content">
  4. <INCLURE {fond=inclusions/inc-une_derniers}{id_rubrique}>
  5. </div>
  6. </BOUCLE_contenu>

Télécharger

Il ne reste plus qu’à marquer les rubriques voulues avec le mot-clé RubriqueOnglet.

Le code complet du fichier devient donc

  1. #CACHE{24*3600}
  2.  
  3. <div class="cadre-une">
  4.  
  5. <ul class="onglets">
  6. <li><a href="#" name="contenu_1" class="tab active" title="<:escal:title_articles_derniers:>"><:escal:articles_derniers:> ...</a></li>
  7. <li><a href="#" name="contenu_2" class="tab" title="<:escal:plan_site:>">... <:escal:articles_autres:></a></li>
  8. <BOUCLE_onglets(RUBRIQUES){par num titre}{titre_mot="RubriqueOnglet"}>
  9. #SET{numero1, #COMPTEUR_BOUCLE|plus{2}}
  10. <li><a href="#" name="contenu_#GET{numero1}" class="tab">#TITRE</a></li>
  11. </BOUCLE_onglets>
  12. </ul>
  13.  
  14. <div class="contenu_1 content">
  15. <INCLURE {fond=inclusions/inc-une_derniers}{env}>
  16. </div>
  17.  
  18. <div class="contenu_2 content">
  19. <INCLURE {fond=inclusions/inc-plan}>
  20. </div>
  21.  
  22. <BOUCLE_contenu(RUBRIQUES){par num titre}{titre_mot="RubriqueOnglet"}>
  23. #SET{numero2, #COMPTEUR_BOUCLE|plus{2}}
  24. <div class="contenu_[(#GET{numero2})] content">
  25. <INCLURE {fond=inclusions/inc-une_derniers}{id_rubrique}>
  26. </div>
  27. </BOUCLE_contenu>
  28.  
  29. </div>

Télécharger

 Précautions

Ce code fonctionne même si on sélectionne des sous-rubriques mais attention à 2 choses :

  • si la suite des onglets est trop longue, les onglets se mettent bien sur 2 lignes mais ce n’est pas très esthétique
  • il y a un risque que le dernier onglet d’une ligne soit coupé en 2 avec l’autre bout sur la ligne suivante si le titre de la rubrique est composé de plusieurs mots. Solution : séparer les mots par un espace insécable avec le code &nbsp;
P.S. :

Petite précision utile : l’affichage de l’onglet actif et l’effet d’enroulement/déroulement sont gérés par un javascript


Forum
Répondre à cet article
A la une
Matt - le 18 août 2017

Bonjour,

J’ai essayé de modifier inc-une_derniers dans le but de rendre les articles à la une en page d’accueil directement cliquable sans les faire remonter en une comme c’est le cas pas défaut.
Par défaut, il y a une javascript qui les remonte en première position.
Le premier article prendre toute la largeur est les autres en dessous en deux colonnes. Par choix personnel, je n’étais pas fan de cette idée qui force à faire deux cliques pour afficher la page.

J’ai réussi à modifier le fichier pour changer les liens. Ils sont bons.
Ils fonctionnent avec un clique droit > ouvrir dans un nouvel onglet.
Par contre, le javascript fonctionne toujours partiellement et, avec un simple clique, j’ai droit au message : "There is no such container."

Y’a t-il un moyen d’obtenir le résultat que je souhaite sans avoir ce problème.

Il semble que ce soit le fichier jquery.tabs.pack.js qui soit en cause, mais ça dépasse mes compétences...

Merci par avance.

A la une : bug pour onglet derniers articles ?
LJB - le 7 août 2017

Bonjour,
Je me rends compte que le fonctionnement de la "une" pose un problème. La logique de la noisette est de présenter dans le carton central les premières lignes de l’article qu’on sélectionne dans une liste. Lorsqu’on active un des articles listés on observe un mouvement qui fait monter l’article dans la cartouche.
La difficulté vient du fait que ce système ingénieux est efficace pour l’internaute que si la cartouche reste bien visible sur l’écran. (Il faut donc que la page se repositionne précisément après la sélection de l’article pour s’assurer que la cartouche centrale est bien visible sur l’écran après l’opération).
Or pour moi ce repositionnement ne se fait pas correctement. Lorsqu’on choisit un article positionné dans le bas de la liste... la cartouche centrale reste invisible car trop haute... et du coup on ne voit pas apparaître le résumé de l’article sauf à remonter la page à la main...
J’ai essayé avec firefox et Safari... même résultat.
J’ai vu que ce problème était présent sur d’autres sites que le mien. Ce qui est curieux c’est que cela semble fonctionner sur d’autres sites !

Je fonctionne avec une version SPIP 3.0
J’ai mis à jour tous les plugins.
Il y a sans doute un paramétrage que j’ai loupé...

Merci pour vos remarques.

A la une : bug pour onglet derniers articles ?
Jean Christophe Villeneuve - le 7 août 2017

Hello

Une URL pour voir ?

A la une : bug pour onglet derniers articles ?
LJB - le 7 août 2017

Je suis sur un site en construction... ce n’est pas trés présentable... !

Mais je vois que le site suivant a le même problème :

http://www21.ac-lyon.fr/etab/ien/rhone/edd/?lang=fr#onglet

Merci.

A la une : bug pour onglet derniers articles ?
Chti qui jase en Hauts de France - le 7 août 2017

Bonjour,

Les subtils réglages d’Escal permettent aussi, en page d’accueil, de ne pas tenir compte de l’effet balayage réglé par défaut.

Pour éviter qu’un des derniers articles choisi, remonte dans l’espace de l’ "article à la une", avec ce mouvement de sauterie qui désarçonne cavalièrement le visiteur sur écran de tablettes ou autres , et pour préférer accèder directement à l’article cliqué, sans le faire tressauter à la une :

avec Escal, tout est possible.

Exemple : https://www.lettonie-francija.fr/

Les réglages sont accessibles dans ESCAL, de mémoire dans page d’accueil, noisette à la une ....

C’est un moyen de raccourcir le nombre de clics, en s’adaptant avec doigté aux écrans portables, pour choisir et accéder directement à un article.

Cordialement.

A la une : bug pour onglet derniers articles ?
Jean Christophe Villeneuve - le 7 août 2017

Ah oui, j’avais oublié que j’avais mis cette option !

A la une : bug pour onglet derniers articles ?
LJB - le 7 août 2017

Merci pour vos réponses.
J’ai effectivement vu qu’on pouvait dans les options (option ter, de mémoire) stopper le mécanisme.
Mais cela n’explique pas pourquoi ce dernier fonctionne trés bien sur votre propre site et pas sur d’autres ?
Pourtant je viens de mettre tout à jour SPIP 3.1 et dernière version ESCAL.
Merci pour tout.
Luc

A la une : bug pour onglet derniers articles ?
Jean Christophe Villeneuve - le 7 août 2017

Cette option se trouve en bas du bloc "Paramétrage des onglets" de la page "Colonne principale - Page d’accueil" et doit être à "Oui" pour fonctionner.

A la une : bug pour onglet derniers articles ?
LJB - le 7 août 2017

Après avoir activé et désactivé cette option j’ai bien vérifié qu’en cliquant sur l’un des onglets de l’espace central, le mécanisme réaligne bien (ou pas selon l’option) le bloc central sur le haut de la page. Cela marche sur le site d’escal et sur le mien.
Par contre ce système de réalignement ne fonctionne pas sur mon site lorsqu’on clique sur les articles (et pas sur les onglets) !!!! alors qu’il fonctionne sur le votre.
Est-ce un problème de compatibilité avec l’un des plugins ?
J’ai essayé de ne mettre dans la page d’accueil que la une (en retirant annonce et annonce défilante. Mais j’observe toujours le même problème. Les onglets ne reviennent pas sur le haut de la page après un clic sur un des articles de la liste.
C’est tout de même vraiment curieux alors que je viens de tout réinstaller et que cela comme par magie fonctionne trés bien sur le site d’Escal.

A la une : bug pour onglet derniers articles ?
Jean Christophe Villeneuve - le 7 août 2017

Ah ben oui, tu as une copie de inc-une_derniers.html dans /squelettes/inclusions qui prend la main sur le fichier d’origine d’Escal.

Et comme celui-ci doit être un peu ancien, il n’intègre pas le code qui permet cette remontée.

Donc doit tu le renommes et tu vois si tout est ok et tu vires ta copie (solution préconisée), soit tu intègres le code qui va bien.

A la une : bug pour onglet derniers articles ?
LJB - le 7 août 2017

Merci beaucoup,
J’admire la capacité à détecter aussi rapidement les erreurs des bricoleurs du dimanche. Effectivement j’avais beaucoup travaillé (il y a plusieurs années) sur la présentation notamment des images dans les encadrés pour essayer d’avoir une certaine harmonie d’affichage.... j’ai oublié en mettant à jour escal au fil des mois que ces pages html ne se mettaient plus à jour puisque personnalisées... et n’intégraient donc pas les améliorations faites de votre côté.
Merci de m’avoir orienté (cela fonctionne)... mais je vais avoir du boulot... car j’ai plusieurs pages html qui sont dans ce cas...

J’en profite pour redire encore et encore combien escal que j’ai utilisé sur plusieurs projets trés différents est vraiment un des meilleurs squelettes de la spiposphère... et j’en ai utilisé de nombreux...

Couleurs de fond différentes des onglets "A la une"
Le Jaseur Boréal - le 4 mai 2017

Comment colorer les onglets avec des couleurs de fond différentes ?

de manière à rendre le repérage et l’exercice des doigts plus facile sur de petits écrans de smartphones ?

Les onglets de la page d’accueil s’affichent avec une même teinte quelque soient les écrans.

Sur les écrans de smartphones et tablettes, selon l’affichage "portrait" ou "paysage", les onglets semblent même se chevaucher.

Pour faciliter l’expérience visiteur et la navigation dans le site escal, cela serait un plus de pouvoir mettre en place des couleurs différentes pour chaque onglet,

De même on pourrait prévoir des couleurs pour les onglets du menu horizontal et/ou ceux du menu vertical.

Comment procéder ?

Avez-vous quelques solutions ?

Merci !

« Aujourd’hui 4 mai 2017, la Lettonie ouvre les festivités du Centenaire de son Etat 2018-1918 avec des activités prévues jusqu’en 2020 ! »

Couleurs de fond différentes des onglets "A la une"
Jean Christophe Villeneuve - le 4 mai 2017

Hello

ça devrait être jouable mais pas si simple. Je bosse dessus dès que j’ai un moment.

Couleurs de fond différentes des onglets "A la une"
Jean Christophe Villeneuve - le 5 mai 2017

Bon, j’ai fait quelques petites modifications pour les mobiles. Notamment une qui permet de colorer les onglets à sa guise.

On rajoute dans perso.css (après mise à jour d’Escal bien sur !) :

Pour tous les affichages

  1. .onglet_X{
  2. background-color: red !important;
  3. }

Télécharger

Et pour les mobiles seulement

  1. @media screen and (max-width: 640px) {
  2. .onglet_X{
  3. background-color: red !important;
  4. }
  5. }

Télécharger

où on remplace le "X" par le numéro de l’onglet et le "red" par la couleur voulue.

Couleurs de fond différentes des onglets "A la une"
Christian Voillemont - le 9 mai 2017

Bonjour,
Fantastique idée !
Je vais l’utiliser.

Merci beaucoup.

inc-a_la_une
Frédéric Simon - le 18 juin 2015

Bonjour. Sur notre site EDD69, dans le premier onglet de la page d’accueil, nous souhaiterions placer 6 articles au lieu de 5. Si je comprends bien, je dois taper dans le code, mais je n’ai pas compris ce qu’il faut rajouter.
http://www21.ac-lyon.fr/etab/ien/rhone/edd/?lang=fr

Merci beaucoup et bravo pour le squelette !

inc-a_la_une
Jean Christophe Villeneuve - le 18 juin 2015

Bonsoir

Pas besoin de coder pour ça !

Tu vas dans la page de config d’Escal et tu vas voir su côté 3pages d’accueil -> Partie centrale"

inc-a_la_une
Frédéric Simon - le 18 juin 2015

merci beaucoup pour votre réponse.
Ça marche. Apparemment, pour avoir 6 cadres de présentation des articles, il faut en demander 7 !

inc-a_la_une
Jean Christophe Villeneuve - le 19 juin 2015

Ben vi : l’article en exergue et les 6 dessous, ça fait sept !

Contact EDD "caractères interdits"
Jaseur Boreal - le 19 juin 2015

Bonjour Frédéric Simon,

La page contact-par Escal du site EDD, m’annonce que dans le message que je souhaitais vous transmettre il y a des caractères interdits ... bizarre , bizarre ..
Du coup je le copie dans escal tel quel avec les mêmes caractères, pour tester :

Pour EDD

Dans le cadre des escales informatiques partagées dans la nature, si regarder, écouter vivre en direct 7 jours sur 7 de jeunes cigogneaux noirs - ils sont encore blancs - auprès de leurs parents vous intéresse ....

Depuis la Lettonie, le pays le plus vert d’Europe avec ses 50% de forets, ils viennent même d’élire un écologiste comme Président de la République il y a une Vidéo en direct depuis un nid de cigognes noires ... les cigognes vivent en parfaite harmonie avec la nature. Une caméra et un micro sont installés face au nid. Le Fonds letton pour la Nature, vous offre de suivre en direct plusieurs couples d’oiseaux rares, quelle que soit la météo et l’heure. En sons et lumières nous partageons la vie d’un couple protégé de rares cigognes noires.
http://www.lettonie-francija.fr/Video-live-Ciconia-nigra-Cigogne-Noire-1036

Si vous souhaitez, de même, inclure dans une page spip-escal cette caméra en direct, ce sera avec plaisir de vous transmettre les modalités.
Et par la suite si des élèves français souhaitent échanger avec des élèves lettons , tout est possible en Europe !

Cordialement,
Le Chti qui jase aux aurores boréales

inc-a_la_une
Mathieu - le 11 février 2015

Bonjour,

Je tiens tout d’abord à vous féliciter pour votre travail incroyable, bien plus clair et documenté d’ailleurs que tous les autres squelettes que j’ai pu trouver.

J’ai cependant un petit souci : les articles à la une sur mon site (en test pour le moment, je ne cherche pas à faire de la pub mal placée donc je vous ai envoyé le lien par mail) montrent le chapo et le texte avec le même contenu (le texte est remplacé par le chapo) si bien que le chapo apparaît deux fois.

J’ai surchargé la noisette inc-une-derniers.html mais je ne pense pas que cela vienne de là car ça le fait également avec le fichier d’origine (cad si je supprime mon fichier dans squelettes/inclusions/).

Sauriez-vous d’où cela pourrait provenir ?

D’avance merci.

Mathieu.

inc-a_la_une
Jean Christophe Villeneuve - le 11 février 2015

Hello

Tu as bien la dernière version d’Escal ?
Et n’aie pas peur de donner l’url de ton site. Ce n’est pas de la pub et ça permet de voir le souci en direct.

inc-a_la_une
Mathieu - le 12 février 2015

Oui j’ai la dernière version (rajoutée via l’interface des plugins)

Le lien vers le site : http://celineandtiou.fr/Spip/

Autre question tant que j’y suis : comment supprimer la possibilité de répondre aux articles ?

inc-a_la_une
Jean Christophe Villeneuve - le 12 février 2015

Ah oui, je croyais avoir réglé ce souci mais non ... je viens de livrer une mise à jour qui corrige ça (dispo d’ici 1 à 6h)

Pour supprimer les forums d’articles, il faut les désactiver dans l’interface privée de SPIP : Configuration -> Forum et là tu coches "Désactiver l’utilisation des forums publics."

On peut désactiver au cas par cas dans la page d’édition de l’article : bloc "Suivi du forum public"

inc-a_la_une
Mathieu - le 23 février 2015

Bonjour,

J’ai testé votre mise à jour (cad j’ai téléchargé le nouveau zip, j’ai supprimé les fichiers html du dossier inclusions et je les ai remplacés par les nouveaux).

Ca me donne une erreur : Filtre cs_traitements non défini plugins/auto/escal/v3.79.13/inclusions/inc-une_derniers.html _dernier_endate 96

J’ai mal fait quelque chose ?

inc-a_la_une
Jean Christophe Villeneuve - le 23 février 2015

Hello

Déjà, ta procédure de mise à jour est bien complexe.
L’interface de gestion des plugins de spip te permet de la faire en 3 clics. Voir procédure d’installation ici puis ensuite, lorsqu’une mise à jour est disponible, une icône te le signale.

Sinon, le bug que tu signales est déjà corrigé dans la dernière mouture d’Escal

inc-a_la_une
Mathieu - le 23 février 2015

J’ai bien essayé via l’interface plugin (escal est installé en plugin) mais ça ne propose pas la MAJ...

Mathieu

inc-a_la_une
Mathieu - le 23 février 2015

Ah et je viens de l’installer via l’interface plugin sur un autre spip (autre site), le bug revient...

Donc ça semble être la MAJ qui provoque ce bug je pense.

A bientôt,

Mathieu

inc-a_la_une
Jean Christophe Villeneuve - le 23 février 2015

As-tu activé les dépôts comme indiqué dans le lien que je t’ai indiqué ?

Quelle version d’Escal as-tu installé ? (il faut au moins la 3.79.15 pour ne pas avoir le bug)

inc-a_la_une
Mathieu - le 24 février 2015

Ah bah j’ai la 3.79.13 donc forcément...

Le souci, c’est que le gestionnaire de plugins ne me propose pas la MAJ.

Si je désinstalle puis réinstalle, est-ce que ça me supprime mes réglages (noisettes choisies, bandeau, couleurs...) ?

Mon dépôt :
http://plugins.spip.net/depots/principal.xml

inc-a_la_une
Jean Christophe Villeneuve - le 24 février 2015

Bizarre que spip ne te propose pas de mise à jour si tu as activé le dépôt ?

Si tu désinstalles Escal, tu perds tout en effet. Mais si tu le désactives, tes réglages sont sauvegardés.
Mais pourquoi vouloir désinstaller ?

Installe la version supérieure par dessus celle existante et hop !

inc-a_la_une
Jean Christophe Villeneuve - le 24 février 2015

J’aimerais bien avoir un compte admin temporaire pour y regarder de plus près. Si tu es d’accord, envoie-moi les codes en message privé ;-)

inc-a_la_une
didier welsing - le 7 juin 2014

Bonjour Jean-Christophe,
C’est un vrai bonheur de travailler avec Escal V3, merci encore pour ce superbe boulot.
J’ai encore qq jours de travail en local avant de tenter l’aventure de mise à jour sur le serveur.
Comment faire apparaitre la date de parution dans la présentation du dernier article à la une (sous l’onglet) ?
Merci te ton aide et bon WE
Très cordialement
Didier

inc-a_la_une
Jean Christophe Villeneuve - le 7 juin 2014

Hello

Ben en fait, je m’aperçois que j’ai totalement oublié d’afficher la date de publication de l’article dans cette noisette.

Je vais réparer cet énorme oubli très vite !

inc-a_la_une
Jean Christophe Villeneuve - le 7 juin 2014

Et hop, voilà qui est fait avec la 3.78.26 avec en prime la date de dernière modification, les 2 pouvant être masquées en fonction du choix fait dans la configuration d’Escal.

inc-a_la_une
didier welsing - le 7 juin 2014

Mon fils aurait dit "trop fort !"
je partage !
Didier

Brèves
roger - le 22 février 2014

Bonjour, un grand merci pour votre jeu de squelette et votre site.
Avant de faire la mise à jour de spip (de version 2 quelque chose vers la version 3.77.24) j’utilisais un squelette très simple. Pour faire apparaitre un court article en premier j’écrivais une brève.
Je n’ai pas trouvé la gestion des brèves par escal.
Ai-je mal cherché ?
Est-ce qu’il y a un moyen simple de faire apparaitre mes brèves en article à la une ? (je n’ai pas réussi a associer un mot clé aux brèves).
Merci par avancce pour votre aide.

Brèves
Jean Christophe Villeneuve - le 23 février 2014

Hello

Légère confusion entre Spip et Escal semble-t-il car la 3.77.24, c’est Escal mais c’est un détail.

Sinon, en effet, Escal n’utilise pas du tout les brèves. C’est un choix que j’ai fait, estimant qu’une brève n’est qu’un article "au rabais", sans auteur, sans surtitre, sans PS, ...

D’ailleurs, les brèves dans Spip sont en voie de disparition. Si ça t’intéresse, il existe un plugin qui peut transformer tes brèves en articles : Conversion des brèves en articles.

inc-a_la_une
racha - le 25 juin 2013

comment traduire la partie rubrique en arabe ?

inc-a_la_une
Jean Christophe Villeneuve - le 25 juin 2013

Bonjour

Qu’appelles-tu la partie rubrique ? S’il s’agit du mot "Rubrique :" qui s’affiche pour les articles de l’onglet "Derniers articles" du bloc central de la page d’accueil, tu n’as normalement rien à faire car Escal utilise une chaine de langue de spip qui est déjà traduite dans /ecrire/lang/public_ar.php

inc-a_la_une
racha - le 26 juin 2013

merci pour votre réponse, je veux faire un site en français et en arabe avec Escal V3 mais j’arrive pas comment faire traduire RubriqueOnglet de la partie a la une, dans le site d’arabe tout est en arabe sauf la parie RubriqueOnglet

inc-a_la_une
Jean Christophe Villeneuve - le 26 juin 2013

Le mot-clé "RubriqueOnglet" est-il associé à une rubrique en français et à une rubrique en arabe ?

Le site est-il visible en ligne ?

inc-a_la_une
racha - le 27 juin 2013

merci pour votre réponse,
mais quant j’ajoute le mot clé "RubriqueOnglet" dans la rubrique arabe il ce affiche dans les deux site (français et arabe ) en arabe

inc-a_la_une
Jean Christophe Villeneuve - le 27 juin 2013

Ok, c’était une petite erreur de conception dans le squelette, un oubli en fait.

Tu attends un peu que la version 3.71.13 soit disponible, tu mets à jour et hop ! le problème sera réglé.

PS : inutile de poser le même problème à 2 endroits différents de ce site. De toutes façons ça arrive chez moi ;-)

inc-a_la_une
racha - le 2 juillet 2013

merci pour votre réponse ,
je suis un peut pressé par le temps , si c’est possible de me dire les modification pour réglé ce problème c-a-d quel est les fichier qui je doit modifier ou le programme qui je doit ajouter pour réglé le problème le plutôt possible,
merci encore une fois

inc-a_la_une
Jean Christophe Villeneuve - le 2 juillet 2013

Tu n’as rien d’autre à faire qu’à mettre Escal à jour et hop !

inc-a_la_une
racha - le 3 juillet 2013

ok
merci beaucoup

inc-a_la_une - Doublon d’affichage du premier article.
Jaseur boréal - le 11 janvier 2013

Bonjour Jean-Christophe,

avec la noisette à-la-une, il se produit depuis quelques mises à jour d’escal3, un doublon d’affichage du premier article sur la page d’accueil.

Voir copie écran ci-dessous.

Dans les premières versions d’escale3, cela ne se produisait pas. L’article qui était affiché en une n’était pas ré-annoncé en dessous.

Y a-t-il une solution pour éviter ce doublon.

Merci de ton aide.

Bien cordialement.

Le jaseur Boreal

inc-a_la_une - Doublon d’affichage du premier article.
Jean Christophe Villeneuve - le 11 janvier 2013

Tu m’étonnes vraiment en me disant qu’avant ce n’était pas le cas. En fait, cela a toujours fonctionné ainsi : au premier affichage, on a toujours l’article en exergue en double dans la liste en dessous. Et dès que tu cliques sur l’un ou l’autre des articles de la liste, il n’y a plus de doublons.

Et vu la façon dont est monté cet affichage, je n’ai pas trouvé comment empêcher ce petit souci.

affichage des derniers articles en une
Wontolla - le 6 août 2012

Bonjour Jean-Christophe,

je bloque (c’est le cas de le dire) sur une déclaration CSS pour l’affichage à la Une.
Les x articles qui s’affichent en dessous de celui mis en valeur de façon aléatoire sont gérés par cette règle :

.laune ul.anchors li a {
        margin: 0px 10px 10px 0;
        display: block;
        height: 45px;
}

J’aimerais voir ce que donne mon site en affichant les articles sur une colonne plutôt que deux.
Si je ne m’abuse c’est display : block ; qui gère l’affichage ’normal’ d’Escal en page sommaire.
J’ai tenté display : inline ; sans succès (enfin, je n’ai plus l’effet ’bloc’)
de même que display : inline-block ; qui me donne la même chose que block.

Je suis donc un peu paumé. A moins qu’il y ait un autre paramètre qui m’échappe.

Ch.

affichage des derniers articles en une
Jean Christophe Villeneuve - le 6 août 2012

Nan, la largeur des blocs est définie dans les fichiers layoutXXX.css.html

Il faut donc que tu adaptes cette largeur avec un

.laune ul.anchors li a {
        width: 500px;
}

dans /squelettes/styles/perso.css

affichage des derniers articles en une
ai - le 7 août 2012

Ooooh, je n’avais pas songé à aller voir de ce côté-là ( layoutXXX.css.html).
Je devrais explorer ces fichiers qui devraient - peut-être - m’aider à comprendre certaines choses (par exemple comment ’styler’ le titre de l’article qui est mis en tête en Une).
Je teste en ce moment mon site avec cet affichage sur une seule colonne (j’ai diminué la hauteur des blocs).

affichage des derniers articles en une
Jean Christophe Villeneuve - le 7 août 2012

L’essentiel reste dans laune.css dans ce cas.

Onglet supplémentaire de présentation
Wontolla - le 29 juillet 2012

Je me suis basé sur cet article pour créer un onglet supplémentaire en page d’accueil (sur mon espace de test).

J’ai testé sur une rubrique déjà existante avec des articles (et même des sous-rubriques) et j’ai l’affichage typique de l’onglet "les derniers articles". C’est OK.

Très très naïvement, je m’en suis inspiré pour créer une page "présentation" comme sur ton site. Du coup, j’ai créé une rubrique avec un seul article de présentation...
Mais hélas, ne s’affiche alors que l’onglet. Ma logique doit foirer quelque part :-(

Onglet supplémentaire de présentation
Jean Christophe Villeneuve - le 29 juillet 2012

Ce que j’ai fait :
- dans inc-a_la_une.html, ajout de

<li><"a" href="#onglet" name="contenu_3" class="tab" title="Pr&eacute;sentation d'Escal">Présentation</"a"></li>

(supprimer les " autour des a)

et de

 <div class="contenu_3 content">
   <INCLURE {fond=inclusions/inc-edito2}>
 </div>

- création de /inclusions/edito2.html avec

<div class="cadre-onglet">
<BOUCLE_edito(ARTICLES){titre_mot=edito2}{par date}{inverse}{0,1}>
 <div class="#EDIT{texte}">
 #TEXTE
 </div>
</BOUCLE_edito>
</div>

Onglet supplémentaire de présentation
Wontolla - le 29 juillet 2012

Merci Jean-Christophe.
C’est parfait et mis en place.

Problème dans deux codes
D. berland - le 20 février 2012

Bonjour Jean-Christophe,

je reviens vers toi après un assez long moment depuis mon dernier message mais là je t’avoue que je n’arrive pas à gérer les deux problèmes de codes que je rencontre.

Premier problème : (site : www.clg-goussons-gif.ac-versailles.fr)
Sur la page d’accueil, lorsque je clique sur un article "à la une" un message Javascript "There is no such container" s’affiche.

Deuxième problème : (site : www.clg-peguy-bondoufle.ac-versailles.fr)
Sur la page d’accueil, impossible d’avoir un affichage correct du bloc "A la une". J’ai essayé de voir où le code clochait mais je ne comprends pas j’avoue.

Peux tu m’aider ?

Merci par avance

David

Problème de code
Jean Christophe Villeneuve - le 20 février 2012

Hello David

Je suppose que tu as essayé de modifier le fichier /inclusions/inc-une_derniers dans les 2 cas.

As-tu essayé de le renommer pour que ce soit l’original qui s’affiche et voir si le problème persiste.

Si le problème disparait, compare bien le fichier original et ton fichier.

Pour le collège Peguy, une partie du problème est lié au passage de <div id="laune" > à <div class="laune" > dans ce fichier lors d’une évolution du squelette.

Pour le reste, il faudrait que je voie ton fichier. Tu peux me l’envoyer en privé si tu veux.

Complément d’informations
D. berland - le 20 février 2012

Re, merci pour ta réponse rapide.

Pour le collège Peguy j’ai essayé diverses version de inc_a_la-une pour voir si ça venait de là et non, ce n’est pas le cas, ça me donne toujours un soucis d’affichage.
Ensuite j’ai comparé le fichier inc_unes_derniers avec l’original et je me retrouve à chaque fois avec une erreur (mais différente) dans l’affichage (y compris avec l’original).

Je t’envoie donc le fichier parce qu’effectivement je pense qu’il y a un soucis dedans et là, ça dépasse mes maigres compétences.

Merci beaucoup, encore une fois ;)

Problème de code
rodolphe - le 17 mars 2012

Bonjour,

Avez vous une solution à ce problème ?

En effet depuis la mise a jour j’ai un problème.

Chez moi au lieu d’avoir un seul extrait d’article en page centrale, j’ai les 10 extraits !

J’ai beau tout essayer je n’y arrive pas !

Problème de code
Jean Christophe Villeneuve - le 17 mars 2012

Bonjour

Peux-tu me donner une URL que je regarde mais je pense qu’il s’agit d’un problème lié au passage de <div id="laune" > à <div class="laune">

Mais vérifie si tu n’as pas :
- un fichier /squelettes/sommaire.html où il y aurait $('#laune').tabs({ qu’il faut changer en $('.laune').tabs({
- un fichier /squelettes/inclusions/inc-une_derniers.html où il y aurait <div id="laune" > qu’il faut changer en <div class="laune" >
- un fichier /squelettes/styles/perso.css où il y aurait plusieurs #laune ... qu’il faut changer en .laune ...

Problème de code
rodolphe - le 17 mars 2012

C’est parfait !!!

Il me manquait juste la première étape !!

Un grand merci !

Je compte passer à Escal V3 d’ici quelques temps, j’espère que ça se passera bien.

4 onglets pour 4 rubriques différentes
Cédric - le 23 janvier 2011

Bonjour et merci pour ce plugin et les explications très pédagogiques !
Étant toutefois débutant, je cale sur un pb : pour mon établissement je souhaite faire 4 onglets, chacun affichant les articles d’une et une seule rubrique (vie pédagogique, administration, cantine, ciné club). J’ai facilement créé ces onglets, mais comment rédiger la boucle qui ne sélectionne qu’une rubrique définie ?
Cédric

4 onglets pour 4 rubriques différentes
Jean Christophe Villeneuve - le 23 janvier 2011

Le plus simple et le plus souple, c’est de passer par les mots-clés :

- tu crées un groupe de mots-clés "onglets" par exemple
- dans ce groupe, tu crées les 4 mots-clés "pedagogie", "administration", "cantine", "cinema" par exemple et tu coches la case qui permet de les associer à des rubriques
- tu associes donc chaque mot-clé à sa rubrique
- ensuite, dans les fichiers appelés par les inclure de inc-a_la_une, tu mets une boucle du genre

<BOUCLE_selection(RUBRIQUES){titre_mot="pedagogie"}>
<BOUCLE_peda(ARTICLES){id_rubrique}>
affichage de ton choix
</BOUCLE_peda>
</BOUCLE_selection>

et tu adaptes pour les autres ...
et hop !

4 onglets pour 4 rubriques différentes
cedric - le 25 janvier 2011

Merci pour ta réactivité ! J’ai bien créé mes rubriques et les mots clés à associer. J’ai copié la boucle dans <div class="contenu_2 content"> de inc-a_la_une mais l’onglet reste vide.
1. faut-il modifier <BOUCLE_peda(ARTICLES){id_rubrique}> en <BOUCLE_peda(ARTICLES){administration}> par exemple ?
2. qu’entends-tu par "affichage de ton choix" ? j’ai tenté un simple <INCLURE {fond=inclusions/inc-article}>
Où est mon erreur ?

4 onglets pour 4 rubriques différentes
Jean Christophe Villeneuve - le 25 janvier 2011

Réponse 1

Non, ce serait plutôt

<BOUCLE_selection(RUBRIQUES){titre_mot="pedagogie"}>

qui devient

<BOUCLE_selection(RUBRIQUES){titre_mot="administration"}>

Réponse 2

l’affichage de ton choix, c’est ce que tu veux afficher ...
- la liste des titres des articles de la rubrique ?
- le plan de la rubrique avec les sous rubriques ?
- ... ?

Si tu veux me donner une URL que je regarde où tu en es, ce serait plus facile pour moi.

4 onglets pour 4 rubriques différentes
cedric - le 26 janvier 2011

J’avais bien fait le premier changement. C’est l’affichage que je ne sais pas gérer. En fait je voudrais le même affichage que dans l’onglet de base, savoir le dernier article mis en valeur et les autres miniaturisés dessous, avec l’effet de transition lorsqu’on les sélectionne.
Malheureusement je suis en local mais je pourrais t’envoyer des copies d’écran par mail.
Merci d’avance !

4 onglets pour 4 rubriques différentes
Jean Christophe Villeneuve - le 26 janvier 2011

Ok alors on va essayer autrement :
- tu crées un mot-clé RubriqueOnglet que tu attribues à tes 4 rubriques (on oublie les autres)
- tu mets ceci dans inc-a_la_une (à la place de l’original donc dans une copie du fichier qui se trouvera dans /squelettes/inclusions bien sur)

#CACHE{24*3600}

<div class="cadre-une">

<B_onglets>
 <ul class="onglets">
 
 <li><a href="#" name="contenu_1" class="tab active">Actus</a></li>
<BOUCLE_onglets(RUBRIQUES){racine}{par num titre}{titre_mot="RubriqueOnglet"}{doublons rubrique}>
 #SET{numero1, #COMPTEUR_BOUCLE|plus{1}}
 <li><a href="#" name="contenu_#GET{numero1}" class="tab">#TITRE</a></li>
</BOUCLE_onglets>
 </ul>
</B_onglets>

<BOUCLE_contenu(RUBRIQUES){!doublons rubrique}{par num titre}>
 #SET{numero2, #COMPTEUR_BOUCLE}
       <div class="contenu_[(#GET{numero2})] content">
       <INCLURE {fond=inclusions/inc-une_derniers}{id_rubrique}>
       </div>
</BOUCLE_contenu>

</div>


- tu me dis ce que ça donne

4 onglets pour 4 rubriques différentes
cedric - le 26 janvier 2011

Ce n’est pas encore l’effet escompté :
- un onglet "Actus" est créé qui regroupe tous les articles des 4 rubriques (avec l’effet javascript)
- 4 onglets sont créés (vie, administration, cinéma cantine) : là aussi tous les articles apparaissent mais sans l’effet javascript

4 onglets pour 4 rubriques différentes
Jean Christophe Villeneuve - le 26 janvier 2011

En effet, je viens de tester et c’est pas terrible.

Plus trapu que je ne le pensais... Je réfléchis, je teste et je te tiens au courant.

4 onglets pour 4 rubriques différentes
Jean Christophe Villeneuve - le 27 janvier 2011

Je pense avoir trouvé une solution qui te conviendra mais faut que je peaufine.

Pas le temps d’y regarder ce soir ni demain, sans doute ce WE.

Patience ...

4 onglets pour 4 rubriques différentes
cedric - le 28 janvier 2011

Pas d’urgence ! Mais merci pour ton implication !

4 onglets pour 4 rubriques différentes
Jean Christophe Villeneuve - le 29 janvier 2011

Bien, reprenons.

Comme je trouvais ton idée intéressante, je l’ai mise en situation.

Pour la mettre en place, tu vas devoir :

1- Mettre à jour le plugin Escal car j’ai fait une petite modif sur plusieurs fichiers pour que ça tourne (passage d’un id en class)

2- attribuer le mot-clé RubriqueOnglet aux rubriques que tu veux.

3- copier le fichier inc-une_derniers.html de /plugins/auto/escal/inclusions dans /squelettes/inclusions et rajouter le critère branche dans la boucle BOUCLE_selection(ARTICLES) de ce fichier

4- mettre le code suivant dans le fichier /squelettes/inclusions/inc-a_la_une.html

#CACHE{24*3600}

<div class="cadre-une">

<B_onglets>
 <ul class="onglets">
<BOUCLE_onglets(RUBRIQUES){racine}{par num titre}{titre_mot="RubriqueOnglet"}>
 #SET{numero1, #COMPTEUR_BOUCLE}
 <li><a href="#" name="contenu_#GET{numero1}"
 class="[(#COMPTEUR_BOUCLE|=={1}|?{'tab active','tab'})]">
 #TITRE</a></li>
</BOUCLE_onglets>
 </ul>
</B_onglets>


<BOUCLE_contenu(RUBRIQUES){par num titre}{titre_mot="RubriqueOnglet"}>
 #SET{numero2, #COMPTEUR_BOUCLE}
       <div class="contenu_[(#GET{numero2})] content">
       <INCLURE {fond=inclusions/inc-une_derniers}{id_rubrique}>
       </div>
</BOUCLE_contenu>

</div>

Petites explications :

#SET{numero1, #COMPTEUR_BOUCLE} stocke l’itération de la boucle dans "numéro1" qui sera utilisé pour numéroter le name et même procédé ensuite pour numéroter la class contenu

class="[(#COMPTEUR_BOUCLE|=={1}|?{'tab active','tab'})]"> permet d’activer le premier onglet au premier affichage en lui donnant la class tab acive au premier passage de la boucle, les autres ayant ensuite la class tab

Résultat de tout ça : peu importe le nombre de rubrique que tu veux mettre en oglets et peu importe leur nom, tout se fera automatiquement, il suffira de leur attribuer le mot-clé

6- Admirer le résultat (si je n’ai rien oublié ...) et se remettre au boulot pour le reste ;-)

Et hop !

4 onglets pour 4 rubriques différentes
cedric - le 31 janvier 2011

En effet j’admire ! Ça fonctionne sans problème, exactement comme je le souhaitais. Merci encore !

inc-a_la_une / pb affichage dans Internet Explorer
Laurence - le 29 décembre 2010

Bonjour,

Mon Inc-a_la-une s’affiche sur une seule colonne et avec un ascenseur sur IE ; il reste normal sur les autres navigateurs.
Quelqu’un a -t-il la solution ?
http://www.droit-immo.com/

Merci par avance

inc-a_la_une / pb affichage dans Internet Explorer
Jean Christophe Villeneuve - le 29 décembre 2010

Demander à tes visiteurs d’utiliser un navigateur moderne ou au moins d’utiliser la version 7 ou 8 d’Internet Explorer ! ;-)

En effet, Escal ne fonctionne pas parfaitement avec IE6 et je suppose que le problème vient de là

Ah, pour t’aider dans ta démarche de mise à niveau du navigateur de tes visiteurs, je te conseille le plugin "NoIE" B-)

inc-a_la_une / pb affichage dans Internet Explorer
Laurence - le 30 décembre 2010

Merci pour ta réponse rapide.
Malheureusement le problème doit venir d’ailleurs puisque j’ai la version 8...

inc-a_la_une / pb affichage dans Internet Explorer
Laurence - le 30 décembre 2010

Je viens de raccourcir la longueur des titres des derniers articles saisis, l’affichage est redevenu normal ; mais ça prouve quand même qu’il y a un petit pb avec IE...

inc-a_la_une / pb affichage dans Internet Explorer
Jean Christophe Villeneuve - le 30 décembre 2010

Un problème avec IE ? Tu m’étonnes ! En fait, IE est un problème à lui tout seul. La vie des concepteurs de site serait plus belle sans ce navigateur qui ne respecte pas les normes.

Sinon, tu peux essayer de réduire un peu la largeur des blocs en rajoutant dans ton fichier /squelettes/styles/perso.css (à créer si pas existant) cette propriété :

#laune ul.anchors li a {
        width: 240px;
}

(Diminuer éventuellement encore cette valeur jusqu’à retrouver les 2 colonnes.)

inc-a_la_une / pb affichage dans Internet Explorer
laurence - le 30 décembre 2010

J’ai essayé de diminuer la largeur des blocs mais ça ne change rien. En fait le seul paramètre qui fait revenir à un affichage normal, ce n’est pas la longueur des titres des articles comme je l’avais cru au début mais l’affichage d’un début d’article très court (2 lignes) en haut au-dessus des blocs (partie bleue).
Dès qu’il y a plus de 2 lignes qui s’affichent à cet endroit (c’est à dire pour la quasi totalité de mes articles), un ascenseur apparaît sur la droite et les blocs se mettent sur 1 seule colonne. Penses-tu qu’on peut modifier la longueur de ce début d’article pour remédier au problème ?

inc-a_la_une / pb affichage dans Internet Explorer
Jean Christophe Villeneuve - le 30 décembre 2010

ah ok, je vois mieux maintenant

essaie de rajouter

#laune {
        overflow: hidden;
}

dans ton fichier perso.css pour voir et dis-moi ce que ça fait car je ne reproduis pas le problème chez moi.

sinon, pour raccourcir le texte, c’est dans le fichier inc-une_derniers.html

(#INTRODUCTION|couper{300}|propre)

où tu peux couper à moins de 300 caractères

inc-a_la_une / pb affichage dans Internet Explorer
laurence - le 30 décembre 2010

merci beaucoup, ça marche avec :

#laune
overflow : hidden ;

Bonnes fêtes de fin d’année !

inc-a_la_une / pb affichage dans Internet Explorer
Jean Christophe Villeneuve - le 30 décembre 2010

Ok je corrige.

Attention à ton foie aussi !

onglet inactif
chris58 - le 3 décembre 2010

Bonjour,

J’ai pourtant cherché d’ou cela pouvait provenir mais je n’arrive pas à faire en sorte que les onglets de "inc-a-la-une" soient actifs...
Comment faire pour rendre actif l’onglet qui affiche le plan du site ?
pour info...
* sur ce site ça ne fonctionne pas : http://www.pronde.net/grundtvig
* sur ce site ça fonctionne : http://www.pronde.net

onglet inactif
Jean Christophe Villeneuve - le 3 décembre 2010

Etrange ... ça ressemble à un conflits de plugins ton histoire.

Essaie de désactiver les autres pour voir ?

Sinon, je ne vois pas.

onglet inactif
chriscor - le 4 décembre 2010

Exact !
J’ai désactivé tous les plugins qui ne me servaient pas pour l’instant et là c’est revenu à la normale ! Par contre je ne sais pas lequel a interagi avec escal...(plugin saisie je pense...)à Je réactiverais les plugins dont j’ai besoin au fur et a mesure et je serais vigilent a cela pour transmettre l’info...

Merci encore !
(effectivement le vrai fan aurait pu savoir ça !).

inc-a_la_une
André PILLON - le 29 novembre 2010

Pour afficher en page d’accueil un onglet Sénart Nord ( actif) suivi d’un autre onglet Pôle Brie Sénart et des deux autres
Derniers articles et plan du site

Dans rubrique technique J’ai créé un fichier Sénart Nord (article 17) qui s’affiche correctement dans la rubrique

Jai créé une inclusion (inc-sommaire)

J’ai créé une inclusion (inc-pole)


J’ai modifié in-a_la_une.html

Les deux premiers onglets s’affichent dans contenu sans style.
Par contre les deux derniers (qui sont d’origine) s’affichent proprement dans un cadre
J’ai le même problème avec une page plan du site que je veux afficher séparément
Je comprends que le problème est lié aux feuilles de style
Je n’arrive pas à trouver la solution
Naïvement je pense que

s’applique aux quatre contenus ?

Est-il possible de me sortir de cette galère ?

Un grand merci d’avance
André ( Le fleuriste !)

inc-a_la_une
Jean Christophe Villeneuve - le 29 novembre 2010

le style cadre-une permet juste de positionner le cadre.

Pour styler tes contenus supplémentaires, il faut définir tes styles "article" et "Pole".
Par exemple :

#article, #Pole {
background-color: #336699;
}

Evite aussi les liens absolus du style

a href="http://127.0.0.1/spip.php?article10"

Préfère plutôt des liens du genre

a href="#URL_PAGE{article10}"

inc-a_la_une
André PILLON - le 30 novembre 2010

Eh ben ! ça marche,
J’ai placé les définitions pour sommaire et pôle en les différenciant dans style alaune css
Voir ci-dessous

Merci, je commence à comprendre cette fameuse histoire de feuilles css
André,le vieux gamin

inc-a_la_une
Laurence - le 12 novembre 2010

help !
Mon inc-a_la-une ne fonctionne plus avec Internet Explorer (j’ai la version 8)

http://www.droit-immo.com/?var_mode=calcul

Merci d’avance

inc-a_la_une
Jean Christophe Villeneuve - le 12 novembre 2010

Alors ça, c’est louche !

Essaie de réduire fortement le texte de ton descriptif du site dans l’espace privé car j’ai l’impression que ça vient de là.

Si c’est ça, on pourra toujours afficher le texte que tu voudras dans l’onglet présentation en passant par un article dédié. (je t’expliquerais si besoin)

inc-a_la_une
Laurence - le 12 novembre 2010

Oui, merci, bien vu, ça vient de là ! En plus j’avais dû inclure du html dans le descriptif du site pour que ça soit bien présenté donc l’article dédié va être plus pratique.

Pour le 3ème onglet, j’avais mis le code suivant dans inc-a_la_une directement après " div class="contenu_3 content" :

#DESCRIPTIF_SITE_SPIP

Je viens bien que tu m’indiques comment faire pour l’article dédié. Encore merci !

inc-a_la_une
Laurence - le 13 novembre 2010

C’est bon, j’ai vu que tu avais expliqué plus bas comment faire :
J’ai crée un article "descriptif" avec le mot-clé "descriptif" puis un fichier "inc-descriptif avec une boucle vers cet article et .... ça marche !!!

Encore mille mercis

inc-a_la_une
Laurence - le 5 novembre 2010

Bonjour,

Merci beaucoup pour ce squelette qui me facilite beaucoup la vie ! je vous montrerai le résultat dès que le site sera en ligne !
Concernant cette noisette, j’ai juste deux questions :
- Les rectangles en bleu clair sont trop petits par rapport au titre de mes articles, si bien que le nom de la rubrique apparaît souvent dans la partie bleu foncé. Est-ce que je peux y remédier ?
- j’ai bien compris comment on ajoute un onglet mais pas le nom qu’il faut insérer dans le code pour renvoyer à la description du site ou à un article qui la reprendrait si ce n’est pas possible.

Merci par avance

Laurence

inc-a_la_une
Laurence - le 6 novembre 2010

J’ai trouvé pour agrandir la hauteur des rectangles : il faut modifier la feuille de style "alaune" qui se trouve dans le dossier "Styles" d’Escal en augmentant la hauteur des blocs correspondants (je suis passée de 45 à 56px) :

#laune ul.anchors li a
width : 245px ;
margin : 0px 10px 10px 0 ;
display : block ;
color : #000 ;
background : #C1D6F1 ;
height : 56px ;

J’ai laissé le fichier à la même place car ça ne marche pas si on le copie dans un dossier "styles" à la racine du site.

inc-a_la_une
Jean Christophe Villeneuve - le 8 novembre 2010

En revanche ça marcherait si tu copiais un simple

#laune ul.anchors li a {
height: 56px ;
}

dans un fichier perso.css que tu mettrais dans un dossier /squelettes/styles

C’est ce fichier qui est prévu pour mettre toutes tes modifs de style et le dossier /styles doit se trouver dans un dossier /squelettes.

inc-a_la_une
Jean Christophe Villeneuve - le 8 novembre 2010

Pas sur d’avoir bien compris ton 2e souci mais tu peux faire apparaitre le descriptif du site (celui que tu peux indiquer dans l’espace privé) avec la balise #DESCRIPTIF_SITE_SPIP

inc-a_la_une
Laurence - le 10 novembre 2010

Merci à toi pour ces deux infos.
Voici l’adresse du site, maintenant en ligne :
http://www.droit-immo.com/

inc-a_la_une
Pierre 67 - le 3 mars 2010

Bonjour

Je reviens à la charge avec une autre demande. en fin de compte c’est un site statique http://cuen.fr/umvf/ que l’on me demande de mettre en ligne, consacré à la publication d’un livre. Les enseignants veulent garder ce squelette mais aimeraient que pour la page d’accueil seul l’onglet "et les autres" apparaisse. Je suis aller dans la noisette, j’ai changé" le titre de l’onglet en "sommaire" et j’ai viré l’autre, résultat à l’affichage seul la tête de l’onglet apparait, et il faut cliquer dessus pour voir le contenu.Merci de me dire comment régler cela, en intervertissant les deux onglets par exemple. J’ai tenté dans la noisette mais sans résultat.
Merci pour ton aide.

inc-a_la_une
Jean Christophe Villeneuve - le 3 mars 2010

Il faut modifier la noisette inc-a_la_une.html (après l’avoir copiée dans /squelettes/inclusions)
ainsi :

#CACHE{24*3600}

<div class="cadre-une">

 <ul class="onglets">
   <li><a href="#" name="contenu_1" class="tab active" title="Sommaire">Sommaire</a></li>
 </ul>

 <div class="contenu_1 content">
   <INCLURE {fond=inclusions/inc-plan}>
 </div>

</div>

et hop !

inc-a_la_une
Pierre 67 - le 3 mars 2010
inc-a_la_une
Jean Christophe Villeneuve - le 3 mars 2010

PS : j’en ai profité pour revoir les couleurs des liens de ce plan qui étaient assez ... moches !

rehop !

inc-a_la_une
Raph - le 26 février 2010

Bonjour,

Une question de débutant sous Spip : comment modifier le texte des titres des onglets ?

J’ai modifié le fichier inc-a_la_une.html et rien ne se passe, je bloque un peu...

Merci de votre aide

inc-a_la_une
Jean Christophe Villeneuve - le 26 février 2010

J’espère que tu as copié le fichier dans ton dossier squelettes avant de le modifier, sinon, à la prochaine lise à jour d’Escal, il sera écrasé.

Sinon, c’est bien dans ce fichier qu’il faut apporter des modifications.

As-tu pensé à recalculer la page ? Tant que ne l’as pas fait, c’est la page mise en cache qui est servie ... jusqu’à demain (cache réglé à 24 h).

inc-a_la_une
Raph - le 26 février 2010

Oui j’ai copié le fichier dans le répertoire squelettes et je l’ai modifié à cet endroit.

J’ai bien recalculé la page. J’ai le même souci avec le fichier inc-menu.html, j’ai enlevé la première balise <li>
qui affiche "Accueil" dans le menu horizontal. Rien à faire il y reste.

Merci pour cette réponse si rapide et bravo pour le travail accompli.

inc-a_la_une
Jean Christophe Villeneuve - le 26 février 2010

hmmm hmmm ! donc les fichiers ne sont pas pris en compte ...

Quelques questions bêtes :

Ton répertoire squelettes est bien à la racine de ton spip ?

Il s’appelle bien "squelettes" avec un "s" à la fin ?

As-tu essayé en vidant le cache spip et le cache navigateur avant de recalculer ?

On peut voir ça en ligne ?

inc-a_la_une
Raph - le 26 février 2010

Je développe ce site en local donc je ne peux pas pas le montrer en ligne pour l’instant.
Le répertoire est bien à la racine et correctement nommé, le site s’affiche très bien et la plupart de mes modifs sont prises en compte.

Dans mon dossier squelettes j’ai mis certains fichiers comme sommaire.html, article.html, etc. qui sont bien pris en compte, idem pour le fichier perso.css dans \squelettes\styles\

Il n’y a donc que les fichiers inc-*.html qui ne prennent pas les modifs en compte, j’ai même essayé de les modifier directement dans escal\inclusions\ et rien n’y fait.

J’ai vidé tous les caches ... entre mon premier message et celui-ci je ne travaille plus depuis le même poste et j’essaye tant bien que mal de démarrer apache avec xampp depuis ma clé ... le service démarre puis s’éteint et je ne vois qu’une belle page blanche.

Mais je vais persévérer car Escal me semble particulièrement adapté à mes besoins.

inc-a_la_une
Jean Christophe Villeneuve - le 27 février 2010

Il faut respecter l’arborescence et mettre les fichiers de type inc-nom_du_fichier dans /squelettes/inclusions et non pas directement dans /squelettes

Quant au problème avec xampp, c’est autre chose.

inc-a_la_une
rodolphe - le 13 janvier 2010

Bonjour,

j’ai créé un nouvel onglet nommé "sondages", dans lequel je souhaite qu’apparaisse la rubrique "sondages".

Etant novice, j’avoue aue je tourne un peux en rond !

Pouvez vous m’aider ?

Par avance merci.

inc-a_la_une
Jean Christophe Villeneuve - le 15 janvier 2010

Ne sachant pas où tu bloques, je te mets la totale.
C’est parti :
- tu copies inc-a_la_une.html dans ton dossier /squelettes/inclusions
- tu rajoutes un 3e élément de liste

<li><a href="#" name="contenu_3" class="tab">Sondages</a></li>


- tu rajoutes un contenu

<div id="contenu_3" class="content">
<INCLURE {fond=inclusions/inc-sondages}>
</div>

ou, si tu as la toute dernière version du plugin

<div class="contenu_3 content">
<INCLURE {fond=inclusions/inc-sondages}>
</div>


- tu te crées un fichier inc-sondages.html, toujours dans ton dosier /squelettes/inclusions, avec dedans tes boucles pour afficher ce que tu veux

C’est à peu près ce que fait la variante Gamma d’Escal qui affiche le contenu des rubriques (choisies avec un mot-clé).

inc-a_la_une
rodolphe - le 15 janvier 2010

Merci pour toutes ces infos.

En fait j’avais déjà plus ou moins réussi à faire tout cela. Par contre je suis totalement bloqué sur ce que je dois mettre dans le inc-sondages.html

Cordialement

inc-a_la_une
Jean Christophe Villeneuve - le 16 janvier 2010

Tout dépend de ce que tu veux afficher.
- l’arborescence des sous-rubrique de cette rubrique ?
- avec le titre des articles et un lien vers l’article ?
- une intro de l’article ?
- son auteur ... ?

une première piste pour afficher l’arborescence des sous-rub avec un lien vers la sous-rub :
1- dans inc-a_la_une

<div class="contenu_3 content">
<INCLURE {fond=inclusions/inc-sondages}{id_rubrique=XX}>
</div>

où XX est le numéro de ta rubrique "Sondages"

2- dans inc-sondages.html

<B_rubriques>
 <ul class="rubrique">
   <BOUCLE_rubriques(RUBRIQUES) {id_parent} {par num titre, titre} {doublons}>
     <li>
     <a href="#URL_RUBRIQUE">[(#TITRE)]</a>
       <!-- on refait tourner la boucle pour les sous-sous...-rubriques -->
       <BOUCLE_sous_rubriques(BOUCLE_rubriques)>
       </BOUCLE_sous_rubriques>
     </li>
   </BOUCLE_rubriques>
 </ul>
</B_rubriques>

Restera à présenter ça comme il faut avec les css

inc-a_la_une
vbossard - le 29 septembre 2009

Je voudrais que sur un de mes onglets, ce soit toujours le même texte qui apparaisse, et pas un article au hasard parmi les derniers (en l’occurence un mot d’accueil : comment fixer cela ?)

inc-a_la_une
Jean Christophe Villeneuve - le 30 septembre 2009

Tu fais comme expliqué dans cet article et dans le fichier inclus inc-autrechose, tu fais une boucle vers un article avec un mot-clé.

Si tu veux qu’il apparaisse à l’affichage de la page d’accueil, tu le mets en premier onglet.

Tu peux mettre cet article dans une rubrique cachée pour qu’il n’apparaisse pas ailleurs.

L’avantage de passer par un article, c’est qu’il est facilement modifiable par l’espace privé.

C’est justement ce que j’ai l’intention de faire sur ce site, dès que j’ai un peu de temps.

inc-a_la_une
Jean Christophe Villeneuve - le 30 septembre 2009

Ben voilà, c’est fait. C’est bien ce que tu voulais ?
Là, je l’ai mis en troisième position pour garder le premier onglet à l’affichage mais c’est facile à mettre en premier

Des questions ? :-))

inc-a_la_une
vbossard - le 30 septembre 2009

c’est exactement cela ! par contre, pour le mot clé, il faut que je le crée, non ?

inc-a_la_une
Jean Christophe Villeneuve - le 1er octobre 2009

ah ben voui bien sur !

inc-a_la_une
claude - le 14 septembre 2009

Je rencontre un petit soucis avec ma "une", visible ici : http://massafelipe.free.fr/

Evidemment, en local, tout fonctionne bien... J’ai vidé le cache du site, celui du navigateur à plusieurs reprises, vidé le cache totalement par ftp, rien à faire : au lieu d’un article, c’est 5 qui s’affichent (j’ai modifié la boucle parce qu’avec 11 articles affichés comme ça, c’était très moche).

Le lien sur le deuxième onglet ne fonctionne pas non plus :(

J’ai dû désactiver le menu vertical (celui en jquery) car il est inactif également : il affiche la totalité des rubriques/articles, point-barre (ce qui est très moche aussi - mais ce menu est toujours visible sur les pages rubrique & articles :) Peut-être un pb commun ?

Ayant rechargé les fichiers par ftp plusieurs fois, je ne vois vraiment pas ce qui peut poser problème... Une idée ?

inc-a_la_une
Jean Christophe Villeneuve - le 15 septembre 2009

Pour enlever le menu des pages rubriques et articles, il faut enlever le INCLURE de rubrique.html et article.html comme tu l’as fait pour sommaire.html

Pour le reste, si ça fonctionne en local c’est que tous les fichiers sont là et que le code est bon.

Ce qui est bizarre, c’est qu’en ligne, tout se passe comme si le javascript était désactivé car les scripts sont bien là. Et pourtant, le javascript pour le changement de taille des caractères dans les articles fonctionne.

Je n’y crois guère mais as-tu essayé de désactiver les plugins pour voir ?

Je regarde ça de plus près de mon côté ...

inc-a_la_une
claude - le 16 septembre 2009

Tous plugins désactivés (sauf cfg), le second onglet devient actif et affiche bien le plan (même si la mise en page est un peu foireuse ;)

Donc, à priori, une incompatibilité avec spip-bonux (Version : 1.8.1 SVN [31090] — stable).

Reste le soucis de la boucle article qui affiche les 5 articles sélectionnés au lieu du premier seulement.

inc-a_la_une
claude - le 16 septembre 2009

Le menu vertical (pas actif sur la page d’accueil) fonctionne aussi correctement. Mais, j’ai parlé trop vite : ce n’est pas spip-bonux qui semble en cause mais le plugin social-tags (Version : 0.7 [31131] — stable). Au passage, je n’y avais pas prêté attention, mais il ne fonctionnait pas sur free.

Je vais réactiver mes plugins un à un pour voir s’il est le seul à mettre en cause (bonux est réactivé sans changement visible, déjà)...

inc-a_la_une
- le 16 septembre 2009

Ca fonctionne correctement maintenant (menu vertical compris) sans que je comprenne trop bien pourquoi.

En désespoir de cause (et parce que j’attendais un peu pour voir si tu avais une idée sur ce qui pourrais clocher - je passe sur les multiples tests/uploads que j’ai fait sans que cela change quoi que ce soit), j’ai corrigé quelques erreurs dans les css : /margin : au lieu de margin : et un curieux :

@
/* styles importants  pour l'impression */
media print {
.anchors {
        display: none;
}
}

que j’ai changé en

@media print {
/* styles importants  pour l'impression */
.anchors {
        display: none;
}
}

Il y avait 2/3 autres bricoles en css que me signalait webdevelopper sur firefox et j’ai corrigé, mais je ne me souviens plus trop de ce que c’était... Ah si, le "hack" pour safari :

/* hack pour Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
ul#menu ul img {
        margin: 5px 5px 0px 0px;
}
}

Webdevelopper râlait sur le "and"... Après essais, la formule gagnante (plus d’erreur signalée) est :

@media screen {
ul#menu ul img {
-webkit-min-device-pixel-ratio:0;
        margin: 5px 5px 0px 0px;
}
}

Tu crois que ça peut venir de là ?

inc-a_la_une
Jean Christophe Villeneuve - le 17 septembre 2009

Merci beaucoup pour tous ces retours.

pour les incompatibilités avec les plugins, ce serait donc une incompatibilité entre certains scripts js et ces plugins. Là , c’est au-delà de mes compétences. Voir plutôt avec le concepteur de social_tags.

Pour les css, je ne vois pas trop ce que le déplacement d’une ligne de commentaire peut changer ?

Pour le hack pour Safari, merci de l’info, je vais updater ça de suite. Maintenant, savoir si ça vient de là ... quoi ça ?

inc-a_la_une
Jean Christophe Villeneuve - le 15 septembre 2009

Une autre idée pour voir : désactive le plugin Escal, télécharge le squelette sur ce site et installe-le. C’est peut-être un couac au niveau du plugin ?

Ou alors c’est un problème avec Free ?

inc-a_la_une
Jean Christophe Villeneuve - le 30 septembre 2009

Je viens d’avoir le même problème en passant en spip2.09 sur un autre site. En désactivant le couteau suisse et en le réactivant, tout est rentré dans l’ordre. Mais je n’ai pas d’explication.

Mots-clés associés



Plan du site Contact Mentions légales Espace rédacteurs squelette

RSS Valid XHTML 1.0 Strict

2009-2017 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.87.26