Bandeau

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.

Utilisé à ce jour dans 1408 sites
Jouer avec Escal
Article mis en ligne le 12 mars 2009
dernière modification le 3 janvier 2017

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Avec EscalV3 et sa page de configuration, la plupart des explications suivantes sont devenues inutiles.

Avec EscalV2, une fois tout en place en local, on peut personnaliser l’affichage du jeu de squelettes Escal de plusieurs manières avant de tout balancer en ligne.

Pour cela, il vous faudra un éditeur HTML comme PSPad ou Notepad++ (NVU et Komposer sont à proscrire... Y’en a qu’on essayé, mais ...).

Tout d’abord, je le répète encore, on ne touche pas aux fichiers du plugin mais on se crée un dossier squelettes qu’on met à la racine du site. C’est lui qui contiendra les personnalisations qui vont surcharger Escal.

Ce dossier ne sera donc pas écrasé par les mises à jour et on ne perdra pas ses modifications.

Voyons maintenant cela de plus près :

 Jouer avec la mise en page

Si vous voulez modifier la mise en page en changeant l’ordre ou le nombre de colonnes, allez donc lire cet article.

 Jouer avec le bandeau

voir cet article

 Jouer avec les noisettes

Toutes les noisettes disponibles dans Escal sont visibles sur ce site, à un endroit ou à un autre. Ce qui donne des pages parfois un peu surchargées, notamment la page d’accueil.

A vous de choisir les noisettes que vous voulez afficher. Pour cela, je vous renvoie vers cet article.

Si vous voulez modifier le contenu des noisettes et que vous n’arrivez pas à vos fins ... contactez-moi.

Avec EscalV3, la page de configuration dans l’espace privé permet de choisir les noisettes que l’on veut, leur place et leur ordre

 Jouer avec les css

Très simplement, il suffit de créer un dossier styles dans le dossier squelettes avec dedans un fichier perso.css qui contiendra vos modifications. L’appel de ce fichier est déjà prévu dans le head.

 Jouer avec les couleurs

voir cet article

 Jouer avec les logos

Vous avez vu les petits logos dans le coins des cadres et les logos des rubriques. Là aussi, vous préfèreriez les vôtres.

 Les logos de rubriques

Pour associer un logo à une rubrique, c’est du SPIP pur. On joint le logo à la rubrique dans l’espace privé et il sera affiché.

 Les logos des cadres

Pour changer ou rajouter un logo de cadre, il faut aller dans le code et repérer ou rajouter à l’intérieur de la noisette correspondante une ligne de ce genre juste avant la balise fermante </h1>

  1. <img src="#CHEMIN{images/acces-direct.png}" width="36" height="36" alt="accès direct" />

en remplaçant (toujours après copie dans /squelettes/inclusions) acces-direct.png par le nom de votre fichier-logo que vous aurez placé dans le dossier /squelettes/images, en adaptant les valeurs pour la largeur et la hauteur et en remplaçant le texte de la balise alt par celui que vous voulez.

Si vous voulez que ce logo soit à droite, rajouter la class "a-droite" à la balise h1 comme sur cet exemple

  1. <h1 class="cadre a-droite">
  2. #TITRE
  3. <img src="#CHEMIN{images/acces-direct.png}" width="36" height="36" alt="accès direct" />
  4. </h1>

Télécharger

 Jouer avec les fichiers

Pour modifier un fichier d’Escal, il faut toujours et encore le copier dans le dossier squelettes en respectant bien l’arborescence et d’y apporter ses modifications.

 Exemple

on veut supprimer des cadres de la page d’accueil

  • on copie sommaire.html de /plugins/auto/escal vers /squelettes
  • on supprime les inclusions des cadres qu’on veut supprimer
  • on recalcule la page et voilà !

Avec EscalV3, une page de configuration dans l’espace privé permet de choisir ses noisettes en quelques clics

P.S. :

Mise en page, bandeau, choix de noisettes, couleurs, logos, voilà déjà de quoi personnaliser votre site.

Amusez-vous bien !


Forum
Répondre à cet article
Haut de page masqué quand cadre menu hz figé
Y. Bourgeois - le 22 octobre 2015

Bonjour,

Lorsque l’on choisi de mettre le cadre figé en haut de page lors de son défilement et que l’on appelle, par exemple, un article,

le haut de la page de celui-ci se trouve masqué par le cadre de menu horizontal figè, ce qui est dommage.

Que peut- on faire pour éviter cela ?
Je n’ai pas encore de site en prod pour donner en exemple.
Peut être dans peu de temps ;-)

Merci par avance,
CDLKT,
Yanik

Haut de page masqué quand cadre menu hz figé
Jean Christophe Villeneuve - le 22 octobre 2015

Hello

En effet, le haut de la page est caché par le menu mais là, je ne vois pas ce que je peux faire.

Tu peux toujours tenter un

#entete .menu.floatable {
   opacity: 0.7;
}

dans un fichier perso.css à créer dans un dossier /squelettes/styles (à créer également)

Jouer avec Escal : date modification (suite)
Charles De Clercq - le 24 août 2014

Je viens de voir que la modification n’est pas à réaliser dans article.html mais dans in-article.html qui doit faire l’objet de moins de modifications.

Si ma demande ci-avant est trop complexe, je puis déjà travailler avec la modification que je viens de réaliser.

Belle journée,

Charles

Jouer avec Escal : date modification (suite)
Jean Christophe Villeneuve - le 24 août 2014

Hello

On peut très facilement enlever cette date de modification en faisant cela :

  • création d’un dossier "squelettes" à la racine du site si pas existant
  • création d’un dossier "styles" dans ce dossier "squelettes"
  • création d’un fichier perso.css dans ce dossier "styles"
  • et dans ce fichier, on met ce code
    #date-modif-article{
    display: none;
    }

    et hop !

Jouer avec Escal : supprimer la date de modification dans article
Charles De Clercq - le 24 août 2014

Bonjour Jean-Christophe,

J’aimerais supprimer dans un nouveau site que je crée la mention "dernière modification le ...." de mes articles.

Je puis bien entendu travailler directement sur le fichier article et l’intégrer dans mes squelettes mais le travail sera à refaire lors de futures modifications de cette page dans Escal.

Ma question : est-il possible d’intégrer cette option dans Escal, soit sous forme d’option d’affichage, soit par mot clé pour réserver ce choix à une rubrique (et ses articles) ou à des articles spécifiques ?

Merci.

Jouer avec Escal
Luc - le 10 juillet 2014

Bonjour,
Merci pour ce bel outil.
Je travaille en local avec un extrait de mon site pour tester un basculement sous Escal. J’utilise la dernière version de spip SPIP 3.0.16 et la dernière version d’escal V3.
Si je modifie les couleurs de l’architecture du site par l’interface privée... (évidemment trés pratique) où sont donc stockées ces modifications ?
Plus précisément, est-il possible de sauver l’ensemble de ces paramètres modifiés pour pouvoir ensuite les injecter sur un site en ligne. En utilisant Firefox je vois apparaître comme feuille de style sur les éléments modifiés un spip.php ? qui se superpose aux feuilles CSS.

Etant inquiet de ne pas pouvoir sauver mes modifications longues... et laborieuses, j’en conclu qu’il est préférable de ne pas faire ces paramétrages par cette interface et de revenir sur la bonne vieille méthode de la modification par les feuilles CSS... avec ma perso.css

J’ai essayé hier, mais cela ne fonctionne pas trés bien.
Je vois apparaître mes modifications grâce à l’inspecteur de firefox... mais les changements n’apparaissent pas à l’écran comme si les paramétrages par défaut étaient prioritaires. J’ai dû visiblement raté quelque chose.

Si certains ont buté comme moi sur ces questions... je suis preneur des réponses.

Jouer avec Escal
Jean Christophe Villeneuve - le 10 juillet 2014

Hello

Tous les réglages faits dans les pages de configuration d’Escal sont enregistrés dans la base de donnée. Donc pour faire ce que tu veux, tu dois :
- par précaution, sauver ta base en ligne
- faire tous tes réglages en local
- aller dans la base de données en local et repérer dans la table "spip_meta", le champ "escal"
- copier la valeur de ce champ
- ouvrir la base de données en ligne et coller la valeur copiée dans le même champ

Ainsi, tu retrouveras en ligne tous tes réglages faits en local.

Jouer avec Escal
Luc - le 12 juillet 2014

Merci pour ces éléments indispensables pour passer du local aux sites en ligne.
Je reviens sur une partie de ma question.
Qu’est-ce qui est prioritaire dans la V3 d’escal entre ce qui est mis dans la perso.css et ce qui est parametré dans la configuration dans la partie privée ?
J’ai peu être mal compris, mais il me semble que le spip.php qui apparait dans l’inspecteur de firefox montre que c’est bien lui qui surcharge l’ensemble ? Problème de cache ?
Merci beaucoup.
je vais investir un peu de temps sur la mise en forme. (je ne suis pas un spécialiste), mais si je peux contribuer à capitaliser des éléments pour aider d’autres, je suis disponible dans la limite de temps dont je dispose.
Cordialement

Jouer avec Escal
Jean Christophe Villeneuve - le 14 juillet 2014

Hello

Toutes les règles css que tu mets dans perso.css prendront la main sur tout le reste car ce fichier est lu en dernier et avec les css, le dernier qui parle a toujours raison B-)

L’intérêt c’est que l’on peut, par exemple, définir une couleur pour tous les blocs latéraux dans la config d’Escal et personnaliser un bloc précis avec une autre couleur grâce à perso.css

Jouer avec Escal
Luc - le 15 juillet 2014

Effectivement... dès qu’on touche aux images, si on ne pense pas de vider le cache... on croit que rien ne fonctionne... et on s’embourbe dans les modifications en cascade en perdant son latin et le peu de maîtrise qu’on peut avoir du CSS...
Merci...

inc-article en fonction d’un mot-clé lié à un auteur ?
Fabrice - le 12 avril 2013

D’abord bravo pour ce super squelette et la qualité exceptionnelle du service après don !

Je cherche la super boucle conditionnelle qui afficherait un "inc-article" différent en fonction d’un mot-clé lié, ou pas, à un auteur.

Dans "article", dans "inc-article" ? Avec ou sans les "#Set", les "#Get" ? Je n’arrive à rien, je sèche cher Jean-Christophe

inc-article en fonction d’un mot-clé lié à un auteur ?
Fabrice - le 12 avril 2013

D’autant plus compliqué que dans le head de "article"

<BOUCLE_titre(ARTICLES){id_article}>
   <title>[(#TITRE|textebrut) -] [[(#NOM_SITE_SPIP|textebrut)]]
   </title>
   </BOUCLE_titre>

et que je souhaite, si mot-clé x lié à un auteur, afficher autre chose que l’article, son titre et son texte.

Dur, dur

inc-article en fonction d’un mot-clé lié à un auteur ?
Jean Christophe Villeneuve - le 12 avril 2013

Exercice intéressant. Je me penche dessus et je te tiens au courant.

inc-article en fonction d’un mot-clé lié à un auteur ?
Fabrice - le 12 avril 2013

OUF ! MERCI... je n’avais pas avancé...

inc-article en fonction d’un mot-clé lié à un auteur ?
Jean Christophe Villeneuve - le 12 avril 2013

Attends, je n’ai pas dit que j’y arriverai ... :-P

inc-article en fonction d’un mot-clé lié à un auteur ?
Fabrice - le 12 avril 2013

Pour moi Zorro est arrivé :-) et j’ai hâte de connaître la solution

inc-article en fonction d’un mot-clé lié à un auteur ?
Jean Christophe Villeneuve - le 12 avril 2013

Bon, précisons les données de l’exercice.

Chaque auteur aura-t-il un mot-clé différent ou aura-t-il un mot-clé correspondant à un groupe d’auteurs ?

Si un auteur à un mot-clé, quelle différence devra-t-on avoir par rapport à la page article par défaut ?

Tu veux aussi une différence dans le titre de la page affiché dans l’onglet du navigateur ?

inc-article en fonction d’un mot-clé lié à un auteur ?
Fabrice - le 12 avril 2013

Le grand Zorro, le beau Zorro... Ah ! l’espoir renaît !

Chaque auteur aura-t-il un mot-clé différent ou aura-t-il un mot-clé correspondant à un groupe d’auteurs ?

Un seul mot-clé : passifs pour différencier auteurs actifs et auteurs devenus passifs

Si un auteur à un mot-clé, quelle différence devra-t-on avoir par rapport à la page article par défaut ?

Titre article : Article obsolète - Texte article : (pour exemple) Article trop ancien pour être publié

Tu veux aussi une différence dans le titre de la page affiché dans l’onglet du navigateur ?

Oui, aussi, sans vouloir abuser de ton temps, l’un n’allant pas sans l’autre. Titre article : Article obsolète

inc-article en fonction d’un mot-clé lié à un auteur ?
Jean Christophe Villeneuve - le 12 avril 2013

Vu la boucle annoncée, tu es avec EscalV2. Pas sur d’avoir tout compris à ta demande car ça me parait trop simple :

D’abord, on crée le mot-clé "passif qu’on colle aux auteurs concernés (mais ça, je suppose que c’est déjà fait)

Pour le titre de la page dans l’onglet

  • copie de article.html de /escal vers /squelette
  • dans ce fichier on remplace

   
<BOUCLE_titre(ARTICLES){id_article}>
   <title>[(#TITRE|textebrut) -] [[(#NOM_SITE_SPIP|textebrut)]]
   </title>
</BOUCLE_titre>

par


<BOUCLE_titre(ARTICLES){id_article}>
<BOUCLE_test_auteur(AUTEURS){id_article}{titre_mot=passif}>
 article obsolète
</BOUCLE_test_auteur>
<title>[(#TITRE|textebrut) -] [[(#NOM_SITE_SPIP|textebrut)]]
   </title>
</BOUCLE_titre>

Pour le titre de l’article

  • copie de inc-article.html de /escal/inclusions vers /squelettes/inclusions
  • dans ce fichier, on remplace

<div id="titre-article" class="#EDIT{titre}">[(#TITRE)]</div>

par

<div id="titre-article" class="#EDIT{titre}">
<BOUCLE_test_auteur(AUTEURS){id_article}{titre_mot=passif}>
article obsolète
</BOUCLE_test_auteur>
[(#TITRE)]
</B_test_auteur>
</div>

Je te laisse faire ta sauce à partir de ça. N’hésites pas à demander des précisions si nécessaire

inc-article en fonction d’un mot-clé lié à un auteur ?
Fabrice - le 12 avril 2013

Je touille, je touille, mais la mayonnaise ne prend pas.

Avant d’oser te solliciter encore sur des précisions je vais rester quelques temps en cuisine.

Merci pour ton aide,
bonne soirée Jean Christophe

inc-article en fonction d’un mot-clé lié à un auteur ?
Jean Christophe Villeneuve - le 13 avril 2013

Le principe, c’est

<BOUCLE_test_auteur(AUTEURS){id_article}{titre_mot=passif}>
code si auteur passif
</BOUCLE_test_auteur>
code si auteur actif
</B_test_auteur>

Le code pouvant être une ligne ou tout un bloc de code. Il faut juste que la boucle AUTEURS soit dans une boucle ARTICLES.

inc-article en fonction d’un mot-clé lié à un auteur ?
Fabrice - le 14 avril 2013

Bonjour Jean Christophe,

Navré d’avoir à te solliciter encore.

J’ai essayé la boucle dans "inc-article" de toutes les façons possibles, jusqu’aux plus improbables, son contenu ne s’affiche pas, mot-clé lié ou pas à un auteur.
J’ai essayé dans "article" en remplaçant entre autre les lignes #SET, #GET par <INCLURE {fond=inclusions/inc-article}{lang}>  : page blanche

J’y ai passé des heures, j’ai recherché sur les forums, testé d’autres solutions, rien n’y fait... je ne comprends pas :-((

inc-article en fonction d’un mot-clé lié à un auteur ?
Jean Christophe Villeneuve - le 14 avril 2013

Bon, contacte moi par la page contact de ce site, comme ça j’aurais ton adresse et on pourra dialoguer plus facilement et s’échanger des fichiers que je regarde ça.

Je ne vois pas de quel #SET et #GET tu parles.

inc-article en fonction d’un mot-clé lié à un auteur ?
Fabrice - le 14 avril 2013

Je ne vois pas de quel #SET et #GET tu parles.

Fichier "article" ligne 85...

<!-- on recupere le chemin de la noisette associee -->
                 #SET{inclusion, (#CHEMIN{inclusions/inc-article_(#GET{type}|concat{.html})})}
                 <!-- s'il y a une noisette associee, on l'affiche -->
                 [(#GET{inclusion}|oui)[(#INCLURE{fond=inclusions/inc-article_#GET{type}}{env})]]
                 <!-- s'il n'y a en a pas, on affiche la noisette normale -->
                 [(#GET{inclusion}|non)[(#INCLURE{fond=inclusions/inc-article}{env})]]

Je te contacte par la page contact de ce site :’-))

Abaisser le titre du site
Thomas - le 16 mars 2013

Salut,
Je n’arrive pas à descendre un peu le titre de mon site parce-que j’ai inséré mon propre logo mais celui-ci est un peu haut et mon titre se retrouve en haut tout moche. comment puis-je donc régler la hauteur du titre de mon site ?
Est-il aussi possible de paramétrer la largeur à réserver au slogan ?
Et enfin pour avoir un truc parfait, est-ce que je peux mettre le slogan selon une taille prédéfinie aligné à droite, le logo aligné à gauche et le titre centré sur le reste ?

Merci par avance.

Abaisser le titre du site
Jean Christophe Villeneuve - le 16 mars 2013

Pour jouer avec les CSS, il faut créer, s’il n’existe pas encore, un fichier perso.css dans /squelettes/styles

Dedans tu peux y mettre ceci, par exemple

squelette agenda
Wontolla - le 21 août 2012

Il est bien possible que j’aie rêvé à propos de ce squelette agenda.html...

J’ai l’impression qu’il y a deux semaines environ, je pouvais afficher dans les cases du calendrier les divers éléments programmés avec une date de rédaction antérieure (dans le langage SPIP). Entendons, le mois en cours et les mois suivants.

Ce matin, j’ai voulu montrer cela à ma "chef" et, zut, je ne pouvais plus afficher que le mois en cours (comme par le passé, avec le calendrier avant... le mini-calendrier).

J’ai bien entendu fait un test en enlevant les plugins (sauf minicalendrier !) mais cela ne change rien.

Alors il est tout à fait possible que j’aie eu la berlue (à travailler sur ce site depuis fin juin en migrant du squelette Ahuntsic à Escal !) mais comme il est possible qu’un petit changement quelque part dans agenda.html ou un autre fichier utilisé conduise à ce bug, je me permets de faire remonter cet éventuel problème.

Et si j’ai rêvé, est-ce que tu vois une piste pour l’affichage des mois autres que celui en cours ?

La page en question sur le site.

squelette agenda
Wontolla - le 21 août 2012

Et sur le lien que je publie ci-dessus, on remarque qu’il affiche le calendrier d’août... mais aussi sur la même page un événement du 2 septembre... qui n’apparaît pas sur la page de septembre. Bizarre !

squelette agenda
Jean Christophe Villeneuve - le 24 août 2012

Désolé mais moi je peux naviguer d’un mois à l’autre sans aucun souci !

De toutes façons, le mini-calendrier n’a rien à voir avec l’agenda, même s’ils utilisent tous les 2 les dates de rédaction antérieure et le mot-clé agenda.

squelette agenda
wontolla - le 25 août 2012

J’ai fait un test avec mes rubriques d’archives d’articles avec une date de rédaction antérieure. j’ai mis le mot-clé agenda sur ces rubriques et je peux les voir avec l’appel du squelette agenda. En fait il semble bien que je puisse voir le passé (donc les mois antérieurs) en revanche, je ne vois pas les événements à partir du mois suivant.
Test effectué sur Mac et sur Windows virtualisé sur mon Mac. Je ferai des tests la semaine prochaine sur un "vrai" PC sous Windows. Par ailleurs sur un IPAD aucun événement ne s’affiche.

En l’état, j’ai supprimé le lien pour l’affichage de ce calendrier. Mes visiteurs ont déjà le (mini)calendrier Escal avec la noisette événement.

Donc, laissons cela de côté (je chercherai plus tard... ou pas :-) )

squelette agenda
Wontolla - le 29 août 2012

Curieusement, ce matin, après la dernière mise à jour d’Escal, je puis afficher le mois de septembre (le mois suivant donc). Bizarre.
Est-ce que la modification 65361 peut jouer un rôle ?
Bizarre en tout cas.

squelette agenda
Jean Christophe Villeneuve - le 29 août 2012

En effet, très bizarre ... joker !

Version PDF d’un article ou d’une rubrique
Wontolla - le 20 août 2012

J’ai modifié deux squelettes :
1. inc-article.html
2. inc-rubrique_normal.html
Pour pouvoir utiliser le petit plugin Article PDF
Dans le premier squelette j’ai ajouté la balise #ARTICLE_PDF{id_article} après les lignes réservées à l’affichage du post-scriptum.
Dans le second, la balise #RUBRIQUE_PDF{id_rubrique} avant de clôturer la div logorub.
Si le plugin n’est pas installé ou est désactivé, rien ne se passe. En revanche, avec le plugin on a une icône qui permet de générer un pdf.

Me suis dit que cela pourrait profiter à certains utilisateurs d’Escal qui me liront.
(Pour les rubriques ce n’est à envisager que si, comme moi, vous avez des rubriques avec un texte assez important, sinon, vous aurez l’icône pour faire un PDF pour un titre seulement...)

Version PDF d’un article ou d’une rubrique
Jean Christophe Villeneuve - le 20 août 2012

Excellente idée !

J’ai donc intégrer ça à Escal.

Jouer avec Escal : CSS du menu horizontal
Wontolla - le 18 août 2012

Après avoir buté sur les CSS du menu vertical dépliant, je bloque encore une fois sur les CSS du menu horizontal.

Les couleurs sont gérées par l’interface. OK. Mon problème est que les couleurs du menu sont (couleurs 3 : bandeau et menu horizontal, liens survolés du menu vertical déroulant à droite, bloc à la une et onglet actif, encart des entetes pour les rubriques et les articles, plan, forum).

Sensible à la question de l’accessibilité du web, j’ai été interpellé par quelques internautes - avec des problèmes de vue - qui, pour mon site, ont des difficultés visuelles pour voir la différence entre le menu horizontal déroulant et le bloc ou l’onglet actif à la Une. Aussi j’aimerais sortir le menu horizontal et ses items déroulants des couleurs 3 en lui assignant une autre couleur.

Benoitement j’avais tenté ceci dans perso.css :

/* modification de la couleur des onglets du menu horizontal */

#menu ul.menu li, #menu ul.menu ul, #menu ul.menu li a {
background-color : #FF0000 ;
color : #000000 ;
border-color : #FFFFFF ;
}

mais j’ai dû me fourrer le doigt dans l’oeil... qui n’a vu aucune différence...

Peux-tu me donner les items de la CSS que je dois modifier (les couleurs ci-dessus sont à titre d’exemple uniquement) ?

Jouer avec Escal : CSS du menu horizontal
Jean Christophe Villeneuve - le 18 août 2012

#menu, ul#menu ul, ul#menu li {
 background: #FF0000;  
}
ul#menu li a {
 background: #FF0000;
 color : #000000 ;
 border-color : #FFFFFF ;
}

Jouer avec Escal : CSS du menu horizontal
Wontolla - le 18 août 2012

Merci Jean-Christophe.
Bon WE.
Ch.

Amélioration du calendrier
Wontolla - le 17 août 2012

Source de l’info

Dans le squelette jour.html, on peut ajouter une boucle après la ligne 49 qui affiche directement l’article s’il n’y a qu’un seul événement pour la date choisie.

Après :
...ef="[(#URL_ARTICLE|parametre_url{lang,#ENV{lang}})]" title="[(#DESCRIPTIF|textebrut)]"><strong><:escal:lire_article:></strong>

Voici la boucle à ajouter :
(j’ai testé ici et ajouté le fichier modifié dans /squelettes) :
[(#TOTAL_BOUCLE|>{1}|sinon_interdire_acces{#URL_ARTICLE|parametre_url{id_evenement,#ID_EVENEMENT}})]

Amélioration du calendrier
Jean Christophe Villeneuve - le 17 août 2012

Merci

en fait j’ai mis
[(#TOTAL_BOUCLE|>{1}|sinon_interdire_acces{#URL_ARTICLE|parametre_url{lang,#ENV{lang}}})]
au début de la BOUCLE_evenements

sympa ce filtre "sinon_interdire_acces"

Amélioration du calendrier
Wontolla - le 17 août 2012

Voilà, je viens de faire la mise à jour et de tester, sur des jours à un seul événement et d’autres avec plusieurs.
C’est parfait :-)

Les brèves...
wontolla - le 15 août 2012

Je viens de publier une "brève" (un format d’article particulier dans SPIP ; les rédacteurs peuvent rédiger une information sans avoir d’accès aux fonctions d’annonces, etc. )... mais je ne vois rien apparaître. Je suppose qu’elles ne sont pas implémentées dans Escal ?

(s) Charles qui a parfois l’impression d’être comme un vilain caillou dans la chaussure...

Les brèves...
Jean Christophe Villeneuve - le 15 août 2012

Tu as tout compris, Escal ne gère pas les brèves. Je n’en ai jamais vu l’intérêt. Pour moi, une brève est un article court.

Les brèves...
Wontolla - le 16 août 2012

OK. Je m’en passerai :-)
Toutefois j’écris ce qui suit est écrit à titre pédagogique.
Au moins jusque SPIP 2.x, une brève était plus qu’un article court.
La brève était un peu comme dans les articles en accès direct sous Escal (autrement dit on pouvait faire apparaître une noisette dans une colonne). En revanche, la brève n’apparaissait que dans le secteur (rubrique de niveau 1) concerné et pas dans les autres.

Par exemple, hier, je voulais publier une brève qui concernait la librairie pour signaler sa réouverture après les congés. Dans ce cas, l’article court "brève" ne "contamine" pas l’ensemble du site (ici institutionnel avec près de 4000 articles).
Dès que la brève n’est plus d’actualité, on la passe en statut "brève refusée" après l’avoir affichée dans le secteur concerné (quelle que soit la rubrique ou sous-rubrique du secteur dans laquelle la brève est publiée elle apparaîtra partout tant que est dans ce secteur).

Les brèves...
Wontolla - le 16 août 2012

Sorry pour les phrases alambiquées dans mon message ci-dessus : je n’étais pas encore bien réveillé ce matin :-(

Les brèves...
Jean Christophe Villeneuve - le 16 août 2012

C’est le principe des blocs "annonce" mais qui n’apparaissent que dans la page sommaire.

Menu vertical déroulant vers la droite
Wontolla - le 14 août 2012

Jean-Christophe,

Rebonjour.
Est-il possible, même en mettant les mains dans le code, de paramètrer le temps d’interaction avec le Menu vertical déroulant vers la droite ?

Pour certaines personnes et en particulier sous Windows, le déroulement vers la droite se passe trop vite pour qu’elles puissent accrocher (je n’avais pas remarqué cela sur mon mac avec safari !) un item. Elle doivent donc s’y reprendre à plusieurs reprises.

Menu vertical déroulant vers la droite
Jean Christophe Villeneuve - le 14 août 2012

Ah oui, en effet et c’est du à un mauvais réglage css de ma part. En fait si on na passe pas assez vite d’une rubrique à ses sous-rubriques, le pointeur passe dans une zone vide entre les 2 et le menu se referme.

Je viens de corriger et de livrer. Mets à jour Escal d’ici 1h (version 3.40.3) et tout devrait rentrer dans l’ordre.

Merci de me l’avoir signalé.

Menu vertical déroulant vers la droite
Wontolla - le 15 août 2012

Et merci d’avoir si rapidement trouvé une solution.

Le mini-calendrier toujours...
Wontolla - le 2 août 2012

Jean-Christophe, ne passe quand même pas trop de temps là-dessus. Si je puis garder ce que j’ai actuellement sur ce site avec ce squelette inc-calendrier.html dans /squelettes/inclusions - quitte à bidouiller pour que cela ne disparaisse pas lors de l’évolution d’Escal 3, je serai heureux et mon rêve ne sera pas un cauchemar.

Le mini-calendrier toujours...
Wontolla - le 3 août 2012

Je viens de faire la mise à jour d’un autre site de test.
Même procédure pour les articles à l’agenda dépublication/republication.
Les cases deviennent actives : OK.
Mais les articles ne s’affichent pas lors d’un clic sur la case calendaire.

J’ai fait de nouveau d’autres tests. Tous les nouveaux articles que je crée ont bien une case active mais ne s’affichent pas lors d’un clic sur la case.

Je me demande si la question ne serait pas plutôt : "pourquoi certains articles s’affichent-ils lors d’un clic dans la case du calendrier ?"

Le mini-calendrier toujours...
Wontolla - le 3 août 2012

En attendant une solution pour ce problème du mini-calendrier (ou de refermer définitivement cette page *) j’ai pu résoudre mon problème. J’ai fait la dernière mise à jour d’Escal et j’ai enlevé du squelette calendrier l’appel au mini-calendrier (et bien entendu placé le fichier modifié dans /squelettes/inclusions/

(*) Soit le problème est difficile à traiter (déjà en 2007 j’avais de gros problèmes avec le plugin calendar - me semble que c’était le nom à l’époque) soit c’est un truc tout simple dans le squelette jour. Je l’examine mais ma faiblesse dans la gestion des boucles ne me permet pas de voir où se situerait un (éventuel) problème...

Tant que j’y suis : merci aussi pour la possibilité de modifier les champs author et keywords dans head.html.

Le mini-calendrier toujours...
Jean Christophe Villeneuve - le 3 août 2012

hmmm, je crois que j’ai trouvé la solution grâce à Laurent sur la liste spip. C’était un problème lié à l’heure qui devait être à 00:00:00 pour que ça marche. Maintenant, peu importe. Version 3.35.5 à tester.

Le mini-calendrier toujours...
Wontolla - le 3 août 2012

Cela semble une bonne piste. Vérifications faite, les articles qui s’affichaient avaient comme heure 0h00 ! Cela je n’avais pas pensé à vérifier !!!
A +
Ch.

Le mini-calendrier toujours...
Wontolla - le 4 août 2012

Les choses s’améliorent sur ce calendrier :-)
J’ai dû bien entendu dépublié/republié les articles à l’agenda.
La majorité d’entre eux apparaissent correctement.
Quelques-uns pas (encore ?). La case calendaire est en surbrillance mais lors d’un clic celle-ci disparait.
Un recalcul de la page ou un retour à la page accueil fait revenir la surbrillance qui disparait lors d’un clic...

Le mini-calendrier toujours...
Jean Christophe Villeneuve - le 4 août 2012

oui, j’ai vu ça aussi mais un double clic et hop !

Le mini-calendrier toujours...
Wontolla - le 4 août 2012

OK. Merci. Tu a compris pourquoi dans un cas un simple clic est suffisant et que dans d’autres il faut un double-clic ?

Le mini-calendrier toujours...
Jean Christophe Villeneuve - le 4 août 2012

Non, pas encore.

Peux-tu essayer de vider /local/cache-js pour voir ?

Le mini-calendrier toujours...
Wontolla - le 4 août 2012

Done !
Je pense que c’est OK.
Ce fil peut être clos :-)

Mise à jour 3.34, le point sur la noisette calendrier.
Wontolla - le 2 août 2012

Je commence un nouveau fil de discussion.

Au niveau du look, c’est vraiment au top (enfin c’était mon rêve et il se concrétise).

Au niveau de la mise en œuvre, un élément pose problème.
A l’affichage de la page sommaire, les cases "actives" ne sont pas affichées. En revanche, si l’on retourne d’un mois avec les flèches, c’est OK (idem avec les mois déroulants) mais pas de façon constante ! Parfois il faut s’y reprendre à deux ou trois reprises. Si, dans le site, on revient au sommaire, les choses ne changent pas, même après recalcul et rafraichissement de la page dans le navigateur. Idem quand on fait un retour arrière avec le navigateur.

Petit souci également, certains événements ne s’affichent pas (uniquement une date mais pas l’article). Voir, par exemple sur mon site de test. les dates des 14, 15 et 27 août, les 22 et 29 septembre, 6 octobre (je ne suis peut-être pas exhaustif), alors qu’ils s’affichent bien à partir de la liste d’événements.
Le 6/9, il y a deux événements mais un seul d’entre eux s’affiche.

Je ne vois pas trop où se situe le problème.
Le cas échéant je puis de donner un accès webmaster à ce site de test.
Ch.

Mise à jour 3.34, le point sur la noisette calendrier.
Jean Christophe Villeneuve - le 2 août 2012

Oui, j’ai eu aussi des surprises en local et j’ai remarqué que pour les articles qui ne s’affichent pas dans le calendrier, il faut remettre les articles "en cours de rédaction" et les republier... bon courage

En revanche, pour la liste, moi je vois tout.

Mise à jour 3.34, le point sur la noisette calendrier.
Wontolla - le 2 août 2012

pour la liste, je vois également comme je l’avais précisé ci-avant.
Je vais tester ta solution.

Mise à jour 3.34, le point sur la noisette calendrier.
Wontolla - le 2 août 2012

La dépublication/republication des articles concernés par le mot-clé agenda fait bien apparaître les cases actives. :-)
Ce problème-là est résolu.

En revanche, je ne comprends pas (encore ?) d’où vient le bug sur certains articles par exemple les 14, 15 et 27 août, les 22 et 29 septembre, 6 octobre...
Tests :
- J’ai regroupé les sous-rubriques dans un secteur avec le mot-clé agenda. J’ai même ajouté le mot clé agenda aux articles... Rien n’y fait.
- J’ai enlevé puis remis la date de rédaction antérieure...
- J’ai même fait un essai avec un article (27/08/2012) d’écrire un nouvel article après avoir mis le récalcitrant à la poubelle... l’article ne s’affiche pas.
- Déplacement de l’article en question dans la même rubrique que les articles qui s’affichent... rien, nada !

NB : J’ai même fait des tests avec la cache désactivée.

Bizarre donc...

Mise à jour 3.34, le point sur la noisette calendrier.
Jean Christophe Villeneuve - le 2 août 2012

Et un bon nettoyage de /tmp ?

Mise à jour 3.34, le point sur la noisette calendrier.
Wontolla - le 2 août 2012

Hélas, non. J’ai créé un tout nouveau répertoire, frais de chez frais. Effacé la cache SPIP (bien que désactivée), rechargé la page, réactualisé le navigateur, changé de navigateur : j’ai toujours une page sans article. Très bizarre !

Mise à jour 3.34, le point sur la noisette calendrier.
Jean Christophe Villeneuve - le 2 août 2012

Je ne sais pas quoi te dire.
Moi je vois ça

Mise à jour 3.34, le point sur la noisette calendrier.
Wontolla - le 2 août 2012

Oui, je vois cela aussi.
C’est le clic sur la date dans le calendrier au-dessus qui pour certains articles ne les affiche pas.
Mais ne te casse pas la tête. En cas d’impasse je personnaliserai la noisette pour ne pas afficher le calendrier mais uniquement les événements.

Mise à jour 3.34, le point sur la noisette calendrier.
Jean Christophe Villeneuve - le 2 août 2012

Ah, d’accord. Et ces articles ont bien été dépubliés puis republiés ?

Mise à jour 3.34, le point sur la noisette calendrier.
Wontolla - le 2 août 2012

Oui, c’est donc bien sur le site test.
Certains articles s’affichent à partir du mini-calendrier et d’autres pas. En revanche, tous s’affiche à partir de la liste des événements (celle qui est paginée).
Ce WE, je ferai d’autres tests. Voir si ce sont les jours qui posent problèmes et, au besoin, supprimer tous les articles et repartir de 0 en testant plusieurs hypothèses. Comme il n’y a qu’une trentaine d’événements (dans ce site test) cela n’est pas trop fastidieux.
C’est tout pour ce soir :-)

Mise à jour 1/8 (rev. 64322)
Wontolla - le 2 août 2012

Petit souci à la mise à jour. Heureusement que j’avais une copie du plugin précédent :-)

- En gros, le mini-calendrier affiche les événements avec leur date de rédaction mais pas la date de rédaction antérieure (mais j’ai vu que tu as posé la question le 27 juillet au développeur du plugin).
- Ensuite, le calendrier (dont la charte graphique : affichage des titres en police normal et pas bold- mis bon, je peux mettre les mains dans la CSS :-) ) et surtout la pagination me plaisaient beaucoup.
- Maintenant, il faut, si je comprends bien, opter pour le calendrier dans les événements + les événements. Dans mon cas, cela en fait déjà une trentaine et d’ici la rentrée il y en aura une centaine... du coup le bas de la page descend très très bas... :-(

Je vais mettre Escal à jour dans un répertoire de test... Je testerai là avant de passer au site officiel.

Bon courage en tout cas.

Charles

Mise à jour 1/8 (rev. 64322)
Jean Christophe Villeneuve - le 2 août 2012

Oui, pour le mini-calendrier, c’est un choix que j’ai fait d’utiliser maintenant la date de publication plutôt que la date de rédactioa antérieure. Je trouve ça plus simple, non ? Mais c’est peut-être une erreur. Qu’en penses-tu en tant qu’utilisateur ?

Pour les évènements, tu as vu qu’un clic sur le jour renvoie à une page qui liste les évènements du jour ?

Sinon, je peux remettre la liste des évènements en dessous du calendrier, avec une pagination, et rendre l’affichage de cette liste optionnelle.

Et le lien qui permettait d’ajouter un évènement te parait-il pertinent ?

Enfin, de quels titres parles-tu ?

Mise à jour 1/8 (rev. 64322)
Wontolla - le 2 août 2012

Oui, pour le mini-calendrier, c’est un choix que j’ai fait d’utiliser maintenant la date de publication plutôt que la date de rédactioa antérieure. Je trouve ça plus simple, non ? Mais c’est peut-être une erreur. Qu’en penses-tu en tant qu’utilisateur ?

Bonjour Jean-Christophe,
merci pour cette prompte réaction.

"mon" site officiel est ici. J’y suis revenu à l’avant-dernière version d’Escal 3 (NB : très curieusement la favicon d’Escal est revenue alors que j’avais intégré la mienne dans /squelettes/images/).
Tu verras que j’avais déjà enlevé le mois-calendrier dans la noisette (l’écho que l’on me faisait avant-hier : nous sommes le 31 et on ne peut pas voir le mois d’août). Tu verras aussi la taille/graisse de la fonte des événements, par comparaison avec mon site de test.

Dans ce site de test, tu verras mon gros problème : vu que nous encodons des événements de nombreux mois à l’avance, nous devons leur donner une "date de rédaction antérieure" (en fait ultérieure, mais c’est la convention SPIP ici). Donc, plus rien n’apparaît... Dans ce cas, le calendrier ne m’st pas utile, bien plus il est contre-productif. Je ne peux pas non plus mettre comme date de publication la date de l’événement, sinon j’aurai toujours en "une" les articles pour 2013... par exemple.
Bin sûr, mon cas personnel ne vaut pas école (si je puis jouer sur les mots par rapport à l’origine du squelette !).

Mon rêve serait donc : ce mini-calendrier, mais avec les événements selon leur date de rédaction antérieure, intégré en haut dans la noisette calendrier, paginée, comme sur mon site officiel.

Pour les évènements, tu as vu qu’un clic sur le jour renvoie à une page qui liste les évènements du jour ?
Oui... mais... comme c’est la date d’encodage... et si un de mes auteurs encode quarante événements dans l’agenda :-(

Sinon, je peux remettre la liste des évènements en dessous du calendrier, avec une pagination, et rendre l’affichage de cette liste optionnelle.
En tout cas, en l’état du plugin cela m’aiderait fameusement :-)

Et le lien qui permettait d’ajouter un évènement te parait-il pertinent ?
Tu veux dire parce que tu l’as enlevé ?
J’ai constaté qu’il fallait (jusqu’à l’avant-dernier plugin) qu’il y ait le mot clé agenda sur une rubrique pour faire apparaître ce lien (si plus d’une, le lien revenait plusieurs fois, en tout cas il y a une dizaine de jours). Mais ce lien s’il peut être pertinent n’est pas indispensable pour moi (j’ai prévu une page d’inscription que je puis mettre en valeur).

Enfin, de quels titres parles-tu ?
J’en ai traité un peu plus haut...

Quoiqu’il en soit, merci pour ces avancées dans ton plugin, même si la dernière m’a désarçonné. :-)

Mise à jour 1/8 (rev. 64322)
Jean Christophe Villeneuve - le 2 août 2012

Pour le favicon, en effet, pour respecter les normes en usage, je l’ai déplacé à la racine. Donc mets le tien à la racine de /squelettes.

Pour le reste, je vais tenter de réaliser ton rêve ;-)

Plusieurs rubriques avec le mot "agenda" ? On n’a donc pas la même logique. Pour moi, c’est UNE rubrique réservée, dont les articles n’apparaissent pas ailleurs que dans le calendrier ou l’agenda. Avec possibilité de rajouter dans ce calendrier quelques articles venant d’ailleurs avec ce même mot-clé. En tout cas, c’est conçu ainsi.

Mise à jour 1/8 (rev. 64322)
Wontolla - le 2 août 2012

Pour le favicon, en effet, pour respecter les normes en usage, je l’ai déplacé à la racine. Donc mets le tien à la racine de /squelettes.

OK. Je fais cela.

Pour le reste, je vais tenter de réaliser ton rêve
Un tout grand merci.

Plusieurs rubriques avec le mot "agenda" ? On n’a donc pas la même logique. Pour moi, c’est UNE rubrique réservée, dont les articles n’apparaissent pas ailleurs que dans le calendrier ou l’agenda. Avec possibilité de rajouter dans ce calendrier quelques articles venant d’ailleurs avec ce même mot-clé. En tout cas, c’est conçu ainsi.

En fait mon site compte près de quatre articles dont 80% sont des événements programmés (ou qui ont été programmés et dont on a estimé qu’il était bon de les garder en archives (un rubrique est prévue pour cela).

Il y a deux genres d’événements : les ’nôtres’ (officiels, ceux de la "l’entreprise") et ceux qui viennent de la "base" que nous répercutons sur le site. Pour des raisons pratiques (ne pas avoir une rubrique avec des milliers d’articles) il y avait deux rubriques. Je les ai donc toutes deux mises dans un secteur avec le mot-clé agenda.

Mise à jour 1/8 (rev. 64322)
Jean Christophe Villeneuve - le 2 août 2012

La version 3.34.0 réalise-t-elle ton rêve ?

Mise à jour 1/8 (rev. 64322)
Wontolla - le 2 août 2012

Pour le moment je n’ai accès (et encore, en FTP pas avec la mise à jour via SPIP) qu’à la version 3.33.
Donc à ce stade, nous n’avons pas encore atteint le bon niveau de rêve comme dans Inception de Ch. Nolan :-).
Dès que 3.34 est accessible je teste, et j’installe sur le site officiel si c’est opérationnel et, quoiqu’il en soit, je te fais un retour.

Mise à jour 1/8 (rev. 64322)
Jean Christophe Villeneuve - le 2 août 2012

Oui, les zip sont générés une fois par heure sur Spip-Contrib

Mise à jour Escal v3 du 31/7/2012
Wontolla - le 1er août 2012

Bravo/merci pour les améliorations de noisettes et page rubrique.
Je vois aussi le changement de la page inc-head.html.
C’est un fichier que l’on modifie rarement et j’ai donc failli passer à côté, vu que le fichier se trouve chez moi dans /squelettes car j’ai dû adapter le champ author et remplacer les keywords.

Noisette : A découvrir
Wontolla - le 1er août 2012

J’ai dans mon site fait volontairement le choix de certaines rubriques sans articles (en particulier pour des questions d’accès grâce au menu, d’une part, et esthétiques d’autre part). Je gère l’affichage grâce à la lame "afficher tout" du plugin couteau suisse.

Ma question est relative à la noisette "A découvrir". Est-il possible dans SPIP d’ajouter une condition dans la boucle, à savoir ne pas afficher la noisette s’il n’y a pas d’article dans la rubrique ?

Noisette : A découvrir
Jean Christophe Villeneuve - le 1er août 2012

j’essaierais de modifier la noisette ainsi :

<BOUCLE_contexte(RUBRIQUES){id_rubrique}>
<BOUCLE_condition(ARTICLES){0,1}>
</BOUCLE_condition>
contenu de inc-decouvrir_article
</B_condition>
</BOUCLE_contexte>

la CSS du menu vertical 2
Wontolla - le 31 juillet 2012

J’ai voulu modifier la couleur des onglets du menu vertical 2 pour dissocier la couleur de celle des titres des autres blocs.
Quelle est la règle CSS pour ces onglets ?

J’ai tenté ceci - sans succès - dans perso.css :
/* modification de la couleur des onglets du menu vertical*/
#menuV2 ul.menulist li (
background-color : #B9EFDA ;
color : #000000 ;
border-color : #FFFFFF ;
)

NB, j’ai remplacé pour ce message les accolades - utilisées par SPIP - par des apostrophes.

la CSS du menu vertical 2
Jean Christophe Villeneuve - le 31 juillet 2012

Ah oui, c’est un menu avec des ul et des li, c’est donc un peu plus compliqué :
- pour les entrées du menu

#menuV2 ul.menulist, #menuV2 ul.menulist ul, #menuV2 ul.menulist a {
background-color : #B9EFDA ;
color : #000000 ;
border-color : #FFFFFF ;
}


- pour les entrées survolées

#menuV2 ul.menulist a:hover, #menuV2 ul.menulist li.smenu:hover, #menuV2 ul.menulist li.smenu>a:hover {
tes propriétés css
}

NB : pour afficher du code, il faut l’encadrer entre les balises code et pour ça, tu peux sélectionner ton code puis passer ta souris sur le B de la barre d’outils et cliquer sur les chevrons rouges

la CSS du menu vertical 2
Wontolla - le 31 juillet 2012

Un tout grand merci. Je me basais (mal, probablement) sur Firebug.
Je commence à y voir un peu plus clair.
Ch.

Jouer avec Escal : afficher sur/sous titres
Wontolla - le 17 juillet 2012

Je constate que les surtitres et sous-titres des articles ne s’affichent pas alors que les options sont cochées dans l’interface privée.

Vois-tu comment puis-je les afficher (j’en fais un très grand usage sur certaines rubriques) ?

Jouer avec Escal : afficher sur/sous titres
Wontolla - le 17 juillet 2012

Je viens d’analyser le code. Si je comprends bien, cela se joue au niveau de inc-article.html ? Je vais aller poster là-bas :-)

Jouer avec Escal : afficher sur/sous titres
Jean Christophe Villeneuve - le 17 juillet 2012

Je te suis ... :-))

Jouer avec Escal
Wontolla - le 14 juillet 2012

Bonsoir et merci pour cet excellent squelette que tu proposes.

Je suis pour le moment en train de "jouer" (comme tu le proposes) mais sur un site test en ligne avant de modifier le squelette actuel du site de mon employeur (et, en même temps le faire passer de SPIP 2 à 3).

J’ai donc cloné fin juin le site en question et je suis sous SPIP 3 et Escal comme squelette. Mais je voudrais aller plus loin dans la personnalisation (à moins que tu n’aies prévu certaines choses pour l’avenir) :
- modification des paramètres de police (en particulier utiliser des tailles em plutôt qu’en pixels)
- étudier la possibilité d’une boucle incluant par mot clé des rubriques dans le menu horizontal (plutôt que l’inverse excluant). Il peut être intéressant d’avoir les trois menus mais plutôt deux en fonction du type de site.
- Et donc, en plus possibilité d’une boucle excluant des rubriques du menu vertical.
- La possibilité de modifier d’autres pages que Sommaire ; Rubrique, Article
- et, pour les pages Articles et Rubrique, un traitement plus "fin", un peu comme Sommaire.

J’ai aussi une difficulté sur la fonction diaporama. J’ai testé le plugin Galeria mais j’ai une erreur de CSS ? pour une question de hauteur (multiples messages d’erreur en anglais). En tout cas, avec un autre squelette (ZSPIP, sous SPIP 3) je n’ai pas de problème avec le diaporama. Mais ce n’est pas mon problème le plus urgent.

Si j’ai bien compris, les modifications des CSS et des pages de squelettes doivent se faire dans
/squelettes/
/squelettes/inc/
/squelettes/styles/
puisque la cascade CSS se terminera par le répertoire squelette ?

Je dois donc y dupliquer les fichiers html, noisettes, etc. que j’aurai modifiés.
Idem pour les CSS ou pas ?
Autrement écrit, dois-je dupliquer dans /squelettes/styles/, par exemple general.css après avoir changé certains paramètres des polices (em, par exemple) ou bien dois-je dupliquer les règles modifiées dans /squelettes/styles/perso.css
ou encore dans /perso.css du plugin escal ?

Merci de ton aide.

Jouer avec Escal
Jean Christophe Villeneuve - le 14 juillet 2012

Hello

Pour toutes tes modifs de css, il suffit de mettre dans /squelettes/styles/perso.css et elles surchargeront les css d’Escal. Inutile de duppliquer les fichiers.css d’Escal.

En revanche, pour modifier un fichier ou une noisette, il faut en effet la duppliquer dans /squelettes ou /squelettes/inclusions (pas inc) et faire les modifs que tu souhaites.

Pour le menu vertical,dans inc-menu_vertical, change le mot-clé "pas-au-menu" par "pas-au-menu-vertical" et tu pourras avoir 2 menus différents.
Je ne vois pas trop l’intérêt d’une boucle incluant les rubriques. A priori, un menu reprend toutes les rubriques sauf quelques-unes mais il suffit de virer la boucle d’exclusion et de mettre le critère titre_mot="XXX" à la BOUCLE_secteurs

Pour la galerie, c’est bizarre, elle fonctionne bien en test sur un Spip3

Maintenant, si tu as des idées précises d’évolution d’Escal, je suis toujours preneur. Quelles autres pages voudrais-tu pouvoir modifier ? Quels autres paramètres voudrais-tu pouvoir changer dans les pages rubrique et article ?

Et si tu coinces pour réaliser ce que tu veux, n’hésites pas à demander.

Jouer avec Escal
Wontolla - le 15 juillet 2012

"Je ne vois pas trop l’intérêt d’une boucle incluant les rubriques. "
Je me suis probablement mal expliqué.
J’aimerai mettre en exergue dans un menu horizontal supérieur quelques éléments (rubriques ou sous-rubriques) que j’exclurais du menu vertical.

MenuH : aaa - bbb - ccc - eee - fff - yyy
menuV
ddd
ggg
hhh
iii
jjj

Je songeais donc à mettre un mot clé pour mettre telle rubrique dans le menuH
et un autre pour exclure ces rubriques du menuV.

"Pour la galerie, c’est bizarre, elle fonctionne bien en test sur un Spip3"

Je "travaille" aujourd’hui mais je te fournirai un lien vers une copie d’écran à l’occasion. Plus tard un lien vers le site de test (mais pour le moment, les couleurs sont du n’importe quoi pour tester !). Au besoin, je te contacte en MP pour te donner les indications du projet et au besoin un compte sur le site de test).

"Maintenant, si tu as des idées précises d’évolution d’Escal, je suis toujours preneur. Quelles autres pages voudrais-tu pouvoir modifier ? Quels autres paramètres voudrais-tu pouvoir changer dans les pages rubrique et article ?"

Je te précise cela à l’occasion.

Merci de ta réponse rapide (et un jour de fête nationale ; la nôtre c’est dans une semaine, en Belgique :-) )

Jouer avec Escal
Wontolla - le 15 juillet 2012

Problème avec Galeria ?

"Pour la galerie, c’est bizarre, elle fonctionne bien en test sur un Spip3"

Je viens de faire un nouveau test et cela fonctionne. J’ai de nouveau eu un message d’erreur à deux reprises mais non reproductible ou, du moins, je n’ai pas retrouvé les conditions d’apparition de l’erreur. On peut clore ce point.

Bug d’affichage Mac/Safari

Tant que j’y suis, sur Mac OSX Lion, avec Safari 5.1.7, il y a un problème d’affichage du menu horizontal. L’encadré arrondi n’a pas son côté droit (et les arrondis) sur les divers items (sauf le premier, Accueil). Et donc sur le présent site également.

Jouer avec Escal
Jean Christophe Villeneuve - le 15 juillet 2012

Pour le menu, j’avais bien compris : si le menuH exclut les rubriques avec le mot-clé "pas-au-menu" et si le menuV exclut celles avec le mot-clé "pas-au-menu-vertical", tu pourras bien avoir 2 menus différents en fonction des mots-clés attribués à chaque rubrique. Maintenant, comme je te le disais, si tu vires la boucle d’exclusion et que tu mets le critère titre_mot="menuH" à la BOUCLE_smenuspipr de inc-menu et titre_mot="menuV" à la BOUCLE_secteur de inc-menu_vertical, ça marche aussi.

Pour Safari, je pensais avoir réglé le problème courant juin mais je fais mes test sur un PC. As-tu bien une version plus récente de EscalV3 ?

Jouer avec Escal
Wontolla - le 15 juillet 2012

OK pour le menu (je souhaitais simplement préciser la raison pour laquelle je préférais deux menus).

NB : Si l’on utilise le menu vertical avec déroulement vertical, il doit être possible de ne pas lister les articles ?

Pour Safari, je pensais avoir réglé le problème courant juin mais je fais mes test sur un PC. As-tu bien une version plus récente de EscalV3 ?

Je fais les mises à jour régulièrement avec le Couteau Suisse. Je suis à la version 3.19.2

***

- J’ai vu sur certains sites avec ton squelette un onglet "Présentation" en Une. Mais je dois encore chercher dans la doc de ton site pour voir comment y arriver.

- Pour l’onglet "... et les autres", on arrive à quelque chose d’équivalent à "Plan".
C’est lourd quand on a plusieurs milliers d’articles dans la base. Est-il possible de supprimer cet onglet (ou de paginer Plan) et de paginer en dessous des articles mis en avant ?

- Je constate que s’il y a plusieurs articles avec le mot-clé "annonce" ceux-ci apparaissent à tour de rôle ou de façon aléatoire. C’est bien cela ?

Pour le bloc "événements à venir", il s’agit de ceux avec le mot-clé "agenda". Je suppose qu’il doit être possible de faire une page qui liste les articles en colonne centrale avec ce mot-clé.

D’autres idées, suggestions, questions viendront... mais je dois encore parcourir ce site et avancer dans mes essais.

Jouer avec Escal
Jean Christophe Villeneuve - le 15 juillet 2012

menu vertical : pour supprimer les articles, il faut supprimer la BOUCLE_articles_racine et la BOUCLE_articles de inc-menu_vertical (tiens je pourrais le rendre optionnel ça !)

Pour Safari, tout est ok sur Safari PC pour ce site avec EscalV2 et pour le site de test avec EscalV3. Tu me confirmes que ça coince pour ces 2 sites sur Safari Mac ?

Pour jouer avec les onglets, tout est expliqué dans cet article. Si ça ne suffit pas, demande des précisions.

Pour inc-annonce, c’est l’article le plus récent avec le mot-clé "annonce" qui s’affiche. (Tiens je pourrais proposer une noisette avec annonces déroulante comme pour "actus")

évènements : rien ne t’empêche de mettre la noisette inc-evenements dans la partie "contenu" d’un fichier. Tu pourras enlever la partie <h1 class="cadre">...</h1> ou pas. Pas besoin de refaire les boucles !

Jouer avec Escal
Wontolla - le 15 juillet 2012

Pour Safari, tout est ok sur Safari PC pour ce site avec EscalV2 et pour le site de test avec EscalV3. Tu me confirmes que ça coince pour ces 2 sites sur Safari Mac ?

Je viens de tester sur le site de... test et c’est OK.
Pour celui-ci, nada... mais après avoir vidé la cache de Safari et rechargé la page, tout est OK. Nickel. :-)

Tant que j’y suis, cette après-midi je naviguais sur ton site pendant que j’allais en train chez des amis. J’avais aussi un problème d’affichage sur l’Ipad II (new) : je n’avais pas de courbe à droite mais une barre droite. Je recharge la page et tout est OK !

Je suppose que tu as mis à jour le plugin Escal et que nous aurons bientôt quelque chose pour remplacer la Rév. 63458  ?

Jouer avec Escal
Wontolla - le 15 juillet 2012

Pour inc-annonce, c’est l’article le plus récent avec le mot-clé "annonce" qui s’affiche. (Tiens je pourrais proposer une noisette avec annonces déroulante comme pour "actus")

... et qui pourrait être affichée dans une des colonnes, justement comme "actus" (plutôt que en haut et orange, par défaut) ?
Si c’est le cas, ce serait génial :-)

Jouer avec Escal
Jean Christophe Villeneuve - le 15 juillet 2012

Pour ce site, je n’avais pas mis Escal à jour depuis plus d’un mois :-O (une honte !) Donc ça doit être bon aussi pour ton site ?

Pour inc-annonce dans une colonne latérale, ça n’apporterait rien de plus que inc-actus !?

Jouer avec Escal
Wontolla - le 15 juillet 2012

Pour ce site, je n’avais pas mis Escal à jour depuis plus d’un mois (une honte !) Donc ça doit être bon aussi pour ton site ?

Cela fonctionne ! De fait, j’utilisais une version antérieure d’Escal lors de mes premiers tests. J’avais rapidement abandonné le menu horizontal qui se déployait sur quatre lignes (d’où mon souhait de n’en avoir qu’une seule et mes questions ci-avant) et je n’avais plus testé lors des mises à jour d’Escal.

Pour inc-annonce dans une colonne latérale, ça n’apporterait rien de plus que inc-actus !?

De fait, pour la colonne latérale ce serait redondant ! :-)

Merci de tes conseils et aide.

Jouer avec Escal
Jean Christophe Villeneuve - le 15 juillet 2012

Alors on est Ok !

Dans la version d’Escal disponible d’ici moins d’une heure, tu trouveras dans la configuration :

  • possibilité de choix du bloc annonce fixe (dernier article avec mot-clé "annonce") ou défilant (tous les articles avec le mot-clé "annonce-defilant")
  • menu horizontal indépendant du menu vertical, l’un exclunat les rubriques avec le mot-clé "pas-au-menu", l’autre ceux avec le mot-clé "pas-au-menu-vertical
  • possibilité d’afficher ou non les articles dans le menu vertical dépliant

PS : pendant que tu étais dans le train, je sautais à l’élastique d’un pont de 65m de haut ... géant ! B-)

Jouer avec Escal
Wontolla - le 16 juillet 2012

Je recommence mon message pour la quatrième fois (blocage antispam parce que j’ai inclus du code). Impossible de récupérer le texte que j’ai introduit !!! grhhh !

J’ai donc avancé dans mes tests.

Précision sur le projet. Je gère le site confessionnel (sorry) de mon "employeur". Créé en 2007 par une société privée en SPIP, je l’ai modifié et changé de squelette pour celui d’Ahuntsic en 2009. Je profite de ce temps creux pour repartir sur de nouvelles bases, ou plutôt un nouveau squelette.

Le site a été cloné sur un espace personnel. J’ai fait le passage de SPIP 2 à 3 et testé une demi-dizaine de squelettes pour faire escale... :-) avec celui-ci !

J’ai été très sensible à son codage strict dans la mesure où il facilite l’accessibilité. Atteint de SEP, je suis très sensible à cette question.

Voilà donc où j’en suis.

1. Merci de ne pas tenir compte de mes essais couleurs ; ils ne sont là qu’à titre de test. Nous allons voir avec notre infographiste si l’on garde la charte actuelle (orangé/vert) si on la décline autrement ou si l’on change un peu... beaucoup !

2. J’ai un problème avec la div espace. Il me semble que la hauteur est un peu trop élevée. Comme il n’y a que le champ "recherche" à l’intérieur, cela fait très vide.

3. Problème avec la noisette annonce (en déroulant ou en fixe). Contrairement à ce site, elle remonte d’une quinzaine de pixel au-dessus du point haut du menu. Et, pour certains articles, la noisette ne rempli par toute la largeur de l’espace. Pas encore trouvé pourquoi.

4. J’ai ajouté le mot clé "pasauplan" sur pas mal de rubrique mais l’onglet "et les autres", c’est encore le foutoir ; il y a beaucoup trop. Je songe à remplacer cet onglet par un autre de présentation et à ajouter une barre de pagination en-dessous.

5. Le même problème se posera pour la noisette calendrier. Il faudrait également que je prévoie une pagination et affichage par 10 ou 15. En septembre, il y aura 150 à 200 événements programmés !!!

6. Un rêve pour le calendrier (un cauchemar pour le programmeur ??) : pouvoir naviguer de mois en mois...

7. J’ai ajouté à gauche des liens sous forme d’icônes. A défaut d’une noisette vierge, j’ai ajouté un ’include’ en haut (avant le code d’habillage’ de la noisette stats, celle qui devrait changer le moins à l’avenir.

8. Il y a des liens de navigation supplémentaires que j’ai ajouté dans le pied. Celui-ci doit encore être amélioré pour éviter les redondances. Il me faut aussi centrer la dernière ligne.

9. Je bute sur ’plan’ qui m’envoie une erreur. Celle-ci est peut-être si évidente que je ne la vois pas.

10. et c’est tout pour aujourd’hui. Ma tête est emplie de code et je code même durant mon sommeil !!!!

Jouer avec Escal
Jean Christophe Villeneuve - le 16 juillet 2012

C’est le code avec des liens qui ne passe pas !

Pour la div espace, tu mets dans perso.css

#espace {
    height: 25px;
}

et hop !

Pour les annonces, je corrige pour la largeur. Pour la hauteur, c’est plus compliqué car il faut absolument définir la hauteur et si tu as beaucoup de retours à la ligne en début de texte, ça dépasse ! J’essaye d’arranger ça.

Pour le bloc central, c’est le mot-clé « pas-au-plan » (avec les tirets) mais tu peux supprimer l’onglet ou le remplacer. Le fonctionnement est expliqué dans l’article cité dans mon commentaire précédent.

Tu peux aussi supprimer la partie « évènements » de la noisette inc-calendrier. Et oui, j’essaye d’intégrer un calendrier qui passe de mois en mois.

Tout me semble centré dans le pied.

La page plan (ou la noisette inc-plan) n’existe pas dans Escal ! Donc erreur 404. Il faut la créer en t’inspirant des pages existantes.

Jouer avec Escal
Wontolla - le 17 juillet 2012

Merci !

Pour le bloc central, c’est le mot-clé « pas-au-plan » (avec les tirets) mais tu peux supprimer l’onglet ou le remplacer. Le fonctionnement est expliqué dans l’article cité dans mon commentaire précédent.

Oui, le mot clé est OK et c’est bien celui qui est utilisé. C’est moi qui ai sucré les tirets (j’étais énervé par le fait que je réécrivais mon message pour la 4e fois).

Tout me semble centré dans le pied.
C’est le lien en bas à droite vers ton site qui me donne l’impression d’un décentrement.

La page plan (ou la noisette inc-plan) n’existe pas dans Escal ! Donc erreur 404. Il faut la créer en t’inspirant des pages existantes.

Je croyais que la page était fonctionnelle car je vois dans le plugin Escal/inclusions un fichier inc-plan.html daté du 18/02/2012.

Jouer avec Escal
Jean Christophe Villeneuve - le 17 juillet 2012

Oui en effet, autant pour moi, inc-plan existe mais c’est une noisette à inclure dans une page. Tu peux donc faire une page plan.html identique à la page sommaire ou tu vires tout ce qui est dans la partie "contenu" et à la place tu mets juste

<INCLURE {fond=inclusions/inc-plan}{env}>

Je te propose de commencer un autre thread car celui-ci est très très long et va devenir illisible. Essaye aussi de faire un thread par question, tout le monde s’y retrouvera mieux.

Jouer avec Escal
Francois Deplaine - le 17 juin 2012

Bonjour,

Un grand merci pour cet excellent squelette.

J’ai un petit souci je souhaite ouvrir une fenêtre popup sur la page sommaire. Avec le script popup pour spip. Le petit souci, c’est qu’il existe déjà la balise onload dans le body qui fait afficher le menu.(body onload="setHover(’menu’)" id="top")

Actuellement la popup ne s’affiche pas car configuré en onclick. Juste le lien s’affiche.

Avez-vous une idée ? Mon patron fulmine, je pense qu’il oublie que bien souvent, les développeurs ne sont pas seul dans l’équipe.

Le site de développement pour la refonte du site associatif.

J’ai aussi un petit problème avec la colonne même rubrique dans les articles et rubriques.

En vous remerciant par avance.

François Deplaine

Jouer avec Escal
Jean Christophe Villeneuve - le 17 juin 2012

Bonsoir

Quel est le lien qui devrait ouvrir une pop-up ?

Quel souci as-tu avec la noistte "Dans la même rubrique" ?

Jouer avec Escal
Francois Deplaine - le 18 juin 2012

Bonjour,

Pour le moment, la popup se situe dans l’onglet a propos de la page d’accueil. Le lien aidez-nous. Normalement, cela doit ouvrir un popup avec onclick et un lien pour éviter lé navigateur sans JavaScript.

Je souhaiterai que la popup s’ouvre directement avec onload.

Le souci avec la colone extra des articles et rubriques. J’ai vidé entièrement la colonne navigation et il y a inc-mot qui s’affiche sur certains articles comme celui-ci.

Et depuis ce matin impossible de me connecter. Il faut dire que le serveur est gérer par une société qui pensait pouvoir mettre à jour le site de l’association. Il m’est impossible d’installer SPIP, sans l’aide de l’administrateur du serveur, un serveur dédié OVH, arrangé pour faire fonctionner leur solution.

Jouer avec Escal
Francois Deplaine - le 18 juin 2012

Bonjour,

J’ai été obligé de changer le répertoire et faire une réinstall avec un MDP plus court.

Le nouvel espace de dev.

Jouer avec Escal
Jean Christophe Villeneuve - le 18 juin 2012

Pour la pop-up, essaye de virer le on load de la page sommaire qui n’est là que pour faire fonctionner le menu horizontal sur les anciennes versions d’Internet Explorer. Comme ça tu verras si c’est bien lui qui empêche la popup de fonctionner.

Pour le bloc inc-nav_mot, s’il s’affiche c’est que dans article.html, tu dois avoir un

<div class="cadre-bleu"><INCLURE {fond=inclusions/inc-nav_mots}{id_article}{lang}></div>

qu’il faut supprimer

Jouer avec Escal
Francois Deplaine - le 18 juin 2012

Bonsoir,

Merci pour l’article.html.

Pour le popup, j’ai essayé le script de cet article. Et miracle, cela ouvre le popup. Le hic, actuellement c’est que cela ouvre le site avec la page de l’article. Je vais de ce pas faire une petite page HTML pour cette popup.

Un grand merci. Sans Escal, cela n’aurait pas fonctionné. J’ai tout tenté avec le SPIP normal. Si l’on ne maitrise pas assez les arcanes des #chemins et autres, c’est peine perdue.

Et comme cela, je vais alléger le système d’un plugin SPIP popup. Qui fait hurler en silence les log PHP, qui me disent qu’il y a beaucoup de code plus à jour avec PHP 5.3.4 et supérieur.

J’ai du temps de libre, si vous avez besoin de personnes pour vous aidez, je suis votre homme.

Encore un grand merci

François

Jouer avec Escal
Jean Christophe Villeneuve - le 18 juin 2012

Tant mieux si tout est ok

Juste une petite remarque : à ta place
- je diminuerais un peu la taille des caractères du menu pour que tous tes items rentrent sur une seule ligne et pour que certaines flèches des sous-menus ne soient pas rejetées sur la ligne suivante
- je ferais en sorte que les numéros des rubriques disparaissent avec le filtre |supprimer_numero

Jouer avec Escal
Francois Deplaine - le 20 juin 2012

Merci Beaucoup pour votre soutien. Le site de dev se trouve ici.

Concernant les numéros de rubrique, ils n’apparaissent uniquement lorsqu’il y a une erreur dans le squelette.

A bientôt,

François

Jouer avec Escal
Robert Caron - le 21 mai 2012

Bonjour,

J’essaie de prendre en main ce squelette.

J’ai deux petits problèmes :

1) Dans la page sommaire, je n’arrive pas à centrer verticalement les titres des autres articles en bas des onglets.

2) Je voulais que les 11 articles sur la page sommaire soit affichés dans l’ordre chronologique inverse (y compris celui qui est affiché en premier...

Je ne sais pas si je suis clair...

Merci en tout cas.

Robert Caron

Jouer avec Escal
Jean Christophe Villeneuve - le 21 mai 2012

Ah, le centrage vertical ... pas simple ! et je n’ai pas vraiment de solution ...

Pour afficher tes articles en ordre chronologique inverse, ça c’est plus facile :
- tu copies le fichier /escal/inclusions/inc-une_derniers.html dans /squelettes/inclusions
- dans ce fichier, tu remplaces le critère {par hasard} dans les 2 boucles BOUCLE_dernier_endate et BOUCLE_autres_articles_une par les critères {par date}{inverse}
et hop !

PS : j’avais choisi le tri "par hasard" pour que l’article mis en exergue change régulièrement dans les sites avec peu de nouveaux articles, histoire de ne pas avoir toujours le même.

Couleur en pied de page
vivi-max - le 26 mars 2012

Bonjour,

Je souhaite modifier la couleur du texte dans le pied de page. J’ai donc modifier #pied #credit dans perso.css.

Mais tous les textes ayant un lien gardent leur couleur bleu (pour le reste c’est ok).
Donc comment changer ce paramètre uniquement pour le pied de page ?

Ensuite, une petite explication de cette formule souvent utilisée :
[(#CONFIGescal/config/xxxx|non)
[(#CONFIGescal/config/xxxx|==oui|oui)

Je ne comprend pas trop son utilité.

Merci !

Couleur en pied de page
Jean Christophe Villeneuve - le 27 mars 2012

Pour la couleur des liens dans le pied de page tu rajoutes dans perso.css

#pied a {
  color: #XXXXXX
}

et hop !

Les codes dont tu parles n’existent que dan la version 3 d’Escal
[(#CONFIG{escal/config/xxxx}|non)quelque chose]
vérifie que la valeur xxxx n’existe pas et dans ce cas applique le "quelque chose" qui est le code que l’on veut

[(#CONFIG{escal/config/xxxx}|=={mavaleur}|oui)autre chose]
vérifie que la valeur xxxx est égale à "mavaleur" et dans ce cas applique le "autre chose"

Ces valeurs sont définies dans la page de configuration d’Escal grâce à des formulaires que tu trouveras dans la dossier /formulaires

Si ces explications succinctes ne te suffisent pas je peux développer.

Couleur en pied de page
vivi-max - le 2 avril 2012

Impec pour la couleur des liens. Il fallait donc spécifier les liens avec la balise "a".

Merci pour l’explication des codes, j’utilise Escal V3 mais j’attend la version officile de Spip3 pour l’installer.
J’attendrais donc un peu avant de me pencher sur cette "fonction SI".

Ordre des onglets de la page d’accueil
Caroline - le 2 septembre 2011

Bonjour !
Je reprends le site de mon lycée qui a été mis en place l’an dernier. L’onglet qui apparaît en 1er est l’onglet "bienvenue" et je voudrais que ce soit l’onglet "les derniers articles", mais je ne sais même pas à quoi toucher. D’ailleurs c’est bizarre : ce ne sont pas vraiment les derniers articles qui apparaissent tout en haut, c’est un peu embêtant. Quelqu’un pour m’aider ? Merci !
Je mets l’adresse du site en dessous.
Caroline

Ordre des onglets de la page d’accueil
Jean Christophe Villeneuve - le 2 septembre 2011

Bonjour.

Onglet "Bienvenue" ? Une adresse du site ?

Sinon, le nombre et l’ordre des onglets est géré dans le fichier inc-a_la_une.html dont tu dois dois avoir une copie remaniée dans /squelettes/inclusions je suppose.

Pour les articles ce sont les 11 derniers articles qui sont présentés mais rangés au hasard comme expliqué sur cette page

Ordre des onglets de la page d’accueil
Jean Christophe Villeneuve - le 26 mars 2012

Pour la couleur des liens en pied de page, tumets

#pied a{
color: #XXXXXX
}

[(#CONFIG{escal/config/xxxx}|non)
vérifie que la valeur xxxx (définie dans la page de config) n’existe pas et si c’est le cas, applique la suite du code sinon ne fait rien

[(#CONFIG{escal/config/xxxx}|=={oui}|oui))
vérifie si la valeur xxxx est égale à oui et si c’est le cas, applique la suite du code sinon ne fait rien

Ces n’existe que dans la version 3 du plugin.

Ces explications succinctes te suffisent-elles ? Sinon, je peux développer.

Jouer avec Escal
André PILLON - le 5 novembre 2010

Bonjour,

Je voudrai insérer une image de fond en couleur dégradée que j’ai créé et enregistrée dans squelettes/images

Dans la feuille de style général css
Les couleurs
J’ai remplacé

body
background-color : #FFFFFF ;
par

body
background-image : url(...images/Fond-bleu.jpg) ;

Fond-bleu étant le titre de l’image

Cela ne veut rien savoir et pourtant je suis certain d’intervenir sur la bonne ligne puisque si remplace la couleur #FFFFF par une autre couleur du code hexadécimal’ elle est prise en compte

Et encore plus rageant si j’interviens dans conteneur

div#conteneur
background-color : #FFFFFF ;

Et que je remplace par


background-image : url(...images/Fond-bleu.jpg) ;

Mon image s’affiche dans en fond de sommaire ou des articles

Je pense que la syntaxe

background-image : url(images/Fond-Bleu.jpg) ; est correcte

Est-il possible de m’indiquer ce que j’oublie ou ce que je fais comme erreur ?

Pour l’instant je travaille en local avec EasyPHP sous SPIP 2.1.0

J’envisage sous peu de passé sur la base de données de l’hébergeur

Le vieux site ringard tourne sous SPIP depuis 2005 voir
http://paroissesenartnord-meaux.cef.fr/

Un grand merci d’avance
Bien cordialement
André PILLON

Jouer avec Escal
André PILLON - le 7 novembre 2010

Bonjour,
On ne cherche plus j’ai trouvé,
Il y a longtemps lorsque je travaillé,( 21ème année de retraite) un collègue disait toujours « il y en à le minimum mais il faut tout lire »

Ce que je n’avais pas fais car dans Jouer avec les css il est dit :

Très simplement, il suffit de créer un dossier styles dans le dossier squelettes avec dedans un fichier perso.css qui contiendra vos modifications. L’appel de ce fichier est déjà prévu dans le head.

Ce que j’ai fait et maintenant j’ai un beau body en couleur dégradée du bleu du bandeau à blanc qui est appelé par head
Je pense mettre le site en ligne dans la deuxième semaine de novembre avec l’accord de l’équipe communication où je sévis

Le plus drôle c’est qu’un fond blanc sera peut-être préféré

Je te remercie pour ce site à l’aspect pro. qui est vraiment souple à configurer
André

Jouer avec Escal
Jean Christophe Villeneuve - le 8 novembre 2010

Merci pour les fleurs !

Jouer avec Escal
- le 1er septembre 2010

Bonjour,

J’ai voulut jouer avec Escal et, mais il semblerait que cela soit aussi le cas avec le squelette d’origine..., j’ai des problème d’affichage sous IE et Safari 5 avec la page d’accueil. Il est possible que cela vienne du code du sommaire. J’ai corriger un

oublié qui m’a permis de supprimer les menu en bas à gauche. D’autres erreurs de code doivent être à l’origine de cette impossibilité d’affichage. J’ai compté 21

ouvert et 20

cela pourrait venir de cela mais je ne parviens pas à mettre la main sur l’erreur.

Si quelqu’un pouvait m’aider je suis preneur et cela ferait avancer la compatibilité du squelette.

Vous remerciant par avance pour le temps consacré.

Cordialement,

Cédrik

Jouer avec Escal
Jean Christophe Villeneuve - le 2 septembre 2010

D’abord, si tu veux que ton code apparaisse, il faut l’insérer entre des balises "code"

Ensuite, sans doute as-tu fait une modification qui met le bazar car au départ, ça fonctionne bien sous IE7 ou 8 ou sous Safari 4 ou 5

Une url pour voir ?

Jouer avec Escal
orlynet - le 2 avril 2010

Bonjour,
J’aurais une question sur le titre du site [(#NOM_SITE_SPIP|
Je ne veux pas le virer mais le modifier, et malheureusement je ne trouve pas où... Pas directement ici quand même ?

Merci d’avance pour la réponse

Jouer avec Escal
Jean Christophe Villeneuve - le 2 avril 2010

Quelle modification ?
Qu’entends-tu par "ici" ?

Sinon, c’est dans inc-titre_page que tu peux jouer sur le titre du site.

Fichier à copier du répertoire /plugins/escal/inclusions vers ton répertoire /squelettes/inclusions, comme indiqué plus haut dans l’article ;-=

Ou alors, je n’ai pas compris le problème ?

Jouer avec Escal
orlynet - le 2 avril 2010

Alors en fait je veux changer le nom du site (ne pas avoir dans ma page "Mon site SPIP").

Donc dans inc_titre_page il y a la balise #NOM_SITE_SPIP à ce moment là je peux carrément mettre le nom de mon site à la place de #NOM_SITE_SPIP mais je voulais savoir où cette balise allait chercher l’info en fait.
Je n’ai retrouvé nulle part ce "#NOM_SITE_SPIP"...

D’où ma question

Merci !

Jouer avec Escal
Jean Christophe Villeneuve - le 2 avril 2010

Ah oui d’accord ... rien à voir avec Escal alors.

Il faut changer le nom du site dans l’espace privé, onglet "configuration" puis "Nom de votre site". Là, tu mets le nom que tu veux et il apparaitra dans le bandeau.

Et hop !

Jouer avec Escal
Fabrice - le 13 mars 2010

Bonjour !

Super squelette ! Super boulot ! Bravo ! Et MERCI !

Si je puis me permettre ;-)

quand un répertoire "style" et un fichier perso.css ont été créés dans "squelettes" :

Jouer avec les css

Très simplement, il suffit de créer un dossier styles dans le dossier squelettes avec dedans un fichier perso.css qui contiendra vos modifications. L’appel de ce fichier est déjà prévu dans le head.

inclusions/inc-head.html fonctionne beaucoup mieux avec ligne 37

link href="#CHEMIN{ squelettes/styles/perso.css}" rel="stylesheet" type="text/css" />

Heureux d’apporter une modeste contribution à ce chef d’oeuvre

Jouer avec Escal
Jean Christophe Villeneuve - le 13 mars 2010

Oh Oh ... tu n’aurais pas une ancienne version où ce mécanisme n’était pas encore prévu ?

Parce que normalement, dans le plugin Escal, le fichier /inclusions/inc-head contient déjà ligne 19

<link href="#CHEMIN{styles/perso.css}" rel="stylesheet" type="text/css" />

et il est inutile de mettre "squelettes" dans le chemin.

En tout cas, merci pour les compliments.

#CHEMIN{ squelettes...
Fabrice - le 17 mars 2010

Eh bien non ; pourtant j’ai bien la dernière version et les répertoires suivants, dans cet ordre : www/plugins/auto/escal/squelettes/styles/perso.css... sans l’ajout de "squelettes" aucun modif. de css n’est prise en compte...

"Pire" : idem pour une modif. du sommaire ou d’une rubrique ou d’un article avec www/plugins/auto/escal/squelettes/sommaire.html par exemple je n’arrive à rien modifier... (?)

Cache vidé, tmp vidé...

Une idée ?

#CHEMIN{ squelettes...
Jean Christophe Villeneuve - le 17 mars 2010

Attention, le dossier /squelettes ne doit pas se mettre dans le plugin mais à la racine de ton spip !

Jouer avec Escal
Pseudo Nîmes - le 18 octobre 2009

Bonjour,

je suis en train de modifier le css, j’ai presque tout réussit à changer sauf deux détails qui persistent et que je ne trouve pas...

Il s’agit de la bordure du titre des noisettes (par exemple "Accès direct" a une légère bordure bleue un tout petit peu plus foncée que son background.
Il y a aussi la bordure horizontale bleu/blanc qui sépare sur la page d’accueil l’article présenté des autres articles.

Je continue mes recherches, mais si quelqu’un sait où je peux les trouver, ça m’aiderai beaucoup !
merciii

Jouer avec Escal
Jean Christophe Villeneuve - le 18 octobre 2009

les couleurs des cadres sont définies dans general.css. Par exemple pour le cadre bleu, on a

div.cadre-bleu h1.cadre {
        background-color: #82ADE2;
}
div.cadre-bleu .texte {
        background-color: #DAE6F6;
        border-color: #82ADE2;
}

Il n’y a donc pas de bordure au cadre du titre de bloc ...

Pour la barre, c’est une simple balise hr. A toi de la styler comme tu veux avec #laune hr

Voir l’article de Romy à ce sujet

Jouer avec Escal
Pseudo Nîmes - le 18 octobre 2009

Merci pour ces explications, je vais pouvoir changer tout ça... je ne connaissais pas du tout ce


Jouer avec Escal
Pseudo Nîmes - le 19 octobre 2009

Bonjour,
j’ai réussit à changer le hr avec #laune hr (d’ailleurs il faut deux lignes, une pour le background du hr et une pour une bordure qui correspond à la deuxième bande de pixels).

Par contre j’ai du faire une erreur pour les titre de bloc, puisqu’en fait chez moi, quand je change
/* div#conteneur
background-color : #e1b900 ;
*/
cela change aussi le background des titres de bloc. Ce n’est vraisemblablement pas la même chose qu’ici, puisque le fond des titres est en bleu et le fond de la page en blanc...

En fait, j’avais laissé trainer un "" juste en dessous de "Les cadres latéraux" qui supprimait ce fond.

Pour le moment j’ai donc un cadre noir avec du texte noir mais ça devrait vite s’améliorer !

merci beaucoup =)

Jouer avec Escal
Jean Christophe Villeneuve - le 19 octobre 2009

J’ai pas tout compris. Une histoire d’accolades, sans doute. Attention, pour mettre du code dans un message, le mettre entre balise "code".

Ton site est-il en ligne ? Ce serait plus simple pour aider.

Sinon, si tu suis bien les indications données dans cet article et dans les articles en lien, il n’y a pas de raison que ça ne marche pas.

Mais n’hésite pas à demander.

Jouer avec Escal
Pseudo Nîmes - le 19 octobre 2009

oui ça a marché, en effet le code rend le message un peu confus...

il s’agit bien d’une histoire d’accolade en trop, c’est résolu, merci pour les conseils.

Voilà le lien, c’est peut-être une url provisoire :
http://same-apiculture.colinweb.fr/
(futur site sur les abeilles)

Je ferai un beau lien vers le site d’Escal quand j’aurai terminé, je n’oublie pas !

J’ai encore quelques problèmes avec le calendrier, je vais poster dans l’article approprié.

Jouer avec Escal
joseph - le 16 septembre 2009

Bonjour,

Félicitation pour le squelette. Pour réagir à l’article, je voudrais dire que l’on reste bloqué sur la page 1 et qu’il n’est pas possible de lire la suite, ce qui est bien dommage.

Cordialement

Jouer avec Escal
Jean Christophe Villeneuve - le 17 septembre 2009

Ah oui, la découpe en page du couteau suisse fonctionnait dans l’espace privé mais pas dans l’espace public. Pas le temps de creuser la chose. On va donc simplifier et ne laisser que le sommaire.

Merci pour le retour en tout cas et voilà, maintenant, tu peux jouer avec Escal.

Jouer avec Escal
joseph - le 18 septembre 2009

Bonjour et merci.

Non seulement je vais jouer mais je l’ai adopté.

@+

Jouer avec Escal
Jean Christophe Villeneuve - le 19 septembre 2009

Ravi que tu utilises mon humble contribution au monde du libre.

Dès que tu as quelque chose en ligne, préviens-moi que je regarde ça.

Et la découpe en page fonctionne maintenant : il manquait le critère "env" à l’inclusion de inc-article dans article.html pour que tout roule.



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