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 1317 sites
Les articles
Article mis en ligne le 4 février 2009
dernière modification le 15 janvier 2017

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Cette noisette est, comme vous l’avez deviné, appelée dans les pages "article".

Nom du fichier inc-article.html
pages concernées page article
mots-clés article-sans-date

Elle affichera l’article demandé avec :

  • le chemin pour arriver à cet article
  • le logo de l’article s’il existe ou sinon celui de sa rubrique ou de sa rubrique parent ...
  • le titre de l’article, son descriptif (s’il existe), sa date de publication et son auteur
  • un bouton pour imprimer l’article
  • les liens vers les traductions de l’article si elles existent
  • 2 boutons pour augmenter ou diminuer la taille des caractères du texte
  • le chapeau de l’article (s’il existe)
  • le texte de l’article
    • éditable dans la partie publique si on est administrateur et si on a installé et activé le plugin "Crayons"
    • les images du texte sont réduites à 400px de largeur si elles sont plus grandes (taille est modifiable)
  • les notes de bas de page avec les images réduites également (s’il y en a)
  • le post-scriptum (s’il existe)
  • le site web associé (s’il existe)
  • les documents joints aux articles pour le téléchargement (s’il y en a) sauf ceux déjà affichés dans l’article
  • un bouton pour revenir en haut de page (pour les articles longs)
  • le forum de l’article (si vous l’avez activé dans l’espace privé) appelé par la noisette inc-forum_article. Rien ne s’affiche pour les articles dont le forum n’est pas activé.


Les dates de publication et de modification peuvent ne pas être affichés pour tous les articles (option de la configuration d’Escal) ou pour certains articles seulement (ceux avec le mot-clé article-sans-date)

On peut aussi choisir

  • la taille du logo
  • l’affichage ou non de l’auteur
  • la taille des images
  • l’affichage des réponses de forum dépliées ou repliées
  • l’affichage ou non du portfolio
P.S. :

A noter

Si l’article a plusieurs intertitres, un sommaire peut être créé automatiquement grâce à la lame "Un sommaire automatique" du plugin "Couteau suisse".

Forum
Répondre à cet article
Espace Chapo
Lael - le 11 février 2016

Bonjour,

En haut des articles, entre la barre d’outils (imprimer, pdf, taille)
et le texte de l’article, il y a un espace destiné au "chapo".

Je n’utilise que très peu le chapo et j’aimerais donc que cet espace soit réduit quand le chapo est vide.

J’ai bien repéré dans le fichier inc-article :
[<div id="chapo" class="#EDIT{chapo}">(#CHAPO)</div>]

mais je ne vois pas du tout quoi y mettre pour que cette div
s’adapte à la taille du chapo ou à sa présence/absence.

Merci pour l’aide
et encore chapo pour Escal !

Espace Chapo
Jean Christophe Villeneuve - le 11 février 2016

Bonsoir

Non, non, le chapeau n’est pas concerné.
Il te faut réduire la marge sous les icones en mettant dans le perso.css ce code

#outils-article {
   margin-bottom: 50px;
}

et mettre la valeur que tu souhaites à la place de 50px

Espace Chapo
Lael - le 11 février 2016

Merci, ça marche !
C’est fou tout ce qu’on peut gérer dans ce perso.css !

Enlever ; " dernière modification le ..."
christophe - le 1er avril 2014

Bonjour ,

Je continue de me réjouir d’avoir choisi Escal pour notre site .
. Je cherche à supprimer quelque chose qui n’est apparemment pas accessible à la configuraton dans l’espace privé :

Comment supprimer : dernière modification le de l’affichage en haut de chaque article comme ici ?

S’il faut passer par la modification du squelette , de quelle page s’agit-il ?

D’avance , merci .

Enlever ; " dernière modification le ..."
Jean Christophe Villeneuve - le 1er avril 2014

En effet, on ne peut pas l’enlever simplement ... pour l’instant.

Mais si tu attends un peu et que tu mets à jour Escal en version 3.78.5, un simple

#date-modif-article {
 display: none;
}

dans /squelettes/styles/perso.css et hop, plus de date de dernière modification !

Enlever ; " dernière modification le ..."
christophe - le 1er avril 2014

Merci ,

Imaginons que je sois impatient ;-) . Il s’agit donc d’une page SPIP à modifier , une ou deux lignes à commenter ?

Enlever ; " dernière modification le ..."
Jean Christophe Villeneuve - le 1er avril 2014

Un impatient copierait le fichier inc-article.html de /plugins/auto/escal/inclusions vers /squelettes/inclusions et supprimerait la ligne 40

[(#DATE_MODIF|affdate|!=={[(#DATE|affdate)]}|?{[<:escal:article_modifie:> (#DATE_MODIF|affdate)],''})]

Enlever ; " dernière modification le ..."
christophe - le 1er avril 2014

Merci bien ,

je regarde ça tranquillement avant de voir si je passe à l’action ou pas ...

À bientôt .

inc-article
Sylvain_LD - le 15 janvier 2014

Bonjour,
Est-il possible de n’afficher le chemin que lorsque la rubrique n’a pas les mots clés :

  • pas-au-plan ;
  • pas-au-menu ;
  • pas au-menu-vertical ?

Merci

inc-article
Jean Christophe Villeneuve - le 15 janvier 2014

Bonsoir

Tu voudrais un "et" ou un "ou" ?
Je pencherai pour un "et" car on peut avoir une rubrique au menu horizontal mais pas au menu vertical (sinon, pourquoi avoir 2 menus ?) et dans ce cas l’affichage du chemin me semble judicieux.

inc-article
Jean Christophe Villeneuve - le 15 janvier 2014

En y réfléchissant un peu, ça va pas être simple car imaginons

  • une rubrique de 1er niveau sans ces mots-clés
  • une rubrique de 2e niveau avec ces mots-clés
  • une rubrique de 3e niveau sans ces mots-clés
  • un article dans cette rubrique de 3e niveau

Quand on affiche cet article, comme il appartient à une rubrique sans les mots-clés, on affiche le chemin.

Ah oui mais la rubrique de 2e niveau a les mots-clés alors on n’affiche pas le chemin.

Ah mais la rubrique de 1er niveau n’a pas les mots-clés, alors on fait quoi ?

Bref, je ne vois pas comment faire le test pour savoir si une des rubriques d’un niveau supérieur a les mots-clés ou pas ...

Modèle d’article
R. Brocq - le 21 février 2013

Bonjour,

Je me demandai s’il était possible d’avoir deux types de modèles de pages d’articles.

Par exemple, une page article où il y aurait trois colonnes et une autre avec 2 colonnes afin d’optimiser la largeur quand on intègre des objets. En fait j’aimerai intégrer Pronote dans un article donc pour l’article Pronote deux colonnes, mais pour les autres articles, 3 colonnes.

Merci

Cordialement,

R. Brocq

http://www.college-tourette.fr/

Modèle d’article
Jean Christophe Villeneuve - le 23 février 2013

oui, on peut le faire mais pas pour un article précis, seulement pour les articles d’une rubrique. Il suffit donc de mettre cet article dans une rubrique spécifique.

Pour faire cela :
- tu copies le fichier /Escal/article.html dans le dossier /squelettes (à créer à la racine s’il n’existe pas)
- tu renommes cette copie en article=XX.html (où XX est le numéro de la rubrique contenant l’article)
- dans cette copie, tu rajoutes

<link href="#URL_PAGE{layoutPM.css}" rel="stylesheet" type="text/css" />

juste après

<INCLURE {fond=inclusions/inc-head}>


- dans /squelettes/styles/perso.css tu rajoutes

#extra div.cadre-bleu {
        margin-right: 0;
}

pour aligner les blocs

et hop !

PS : j’aime beaucoup ta personnalisation d’Escal !

Affichage sur-titre et sous-titre
Wontolla - le 17 juillet 2012

Comme je l’ai signalé ailleurs, l’affichage du sur-titre et du sous-titre n’est pas (encore ?) implémenté.

Je m’en sers beaucoup, aussi, je viens d’analyser le code. Si je comprends bien, cela se joue au niveau de inc-article.html.

- Après la ligne 22, je devrais ajouter deux div, une pour le sur-titre avant la ligne 23 (titre-article) et une après cette ligne, pour le sous-titre ?

- Toujours à l’examen du code, je me rends compte que je pourrais ajouter dans le squelette rubrique le code de cadre-article qui permet d’imprimer, diminuer ou augmenter la taille du texte.

Affichage sur-titre et sous-titre
Jean Christophe Villeneuve - le 17 juillet 2012

Ben tu as tout compris !

Et je pense que je vais rajouter sur-titre et sous-titre à Escal. Je n’utilise jamais mais Escal se doit d’être le plus généraliste possible.

Par contre, imprimer le texte d’une rubrique ? Bof !

Affichage sur-titre et sous-titre
Wontolla - le 17 juillet 2012

Par contre, imprimer le texte d’une rubrique ? Bof !
L’impression n’était pas le but premier mais la gestion des tailles des caractères.

J’utilise -notamment - la rubrique pour décrire, donner indications, précisions...
Elle aide à comprendre et gérer les article qu’elle contient.

Donc, pouvoir être plus "accessible" est important. Imprimer sera un petit plus.

Affichage sur-titre et sous-titre
Jean Christophe Villeneuve - le 17 juillet 2012

Les icones pour agrandir ou diminuer sont des gadgets. Pas mal d’internautes savent jouer du ctrl+ (si windows) pour agrandir.

Mais reien ne t’empêche de le rajouter sur les pages rubriques.

Affichage sur-titre et sous-titre
Wontolla - le 17 juillet 2012

Les icones pour agrandir ou diminuer sont des gadgets. Pas mal d’internautes savent jouer du ctrl+ (si windows) pour agrandir.

Tu as totalement raison sur le principe.
Cependant, j’ai dans ma "cible" des internautes moins habitués et compétents et qui utilisent encore le PC comme une machine à écrire.

Donc le gadget est de fait non prioritaire.
Si j’ai le temps, un jour peut -être !

Affichage sur-titre et sous-titre
Wontolla - le 18 juillet 2012

Et je pense que je vais rajouter sur-titre et sous-titre à Escal. Je n’utilise jamais mais Escal se doit d’être le plus généraliste possible.

OK. Déjà merci. Je ne modifie donc pas ce squelette et j’attends un prochaine mise à jour (j’ai déjà installé celle d’hier soir :-) ).

Affichage sur-titre et sous-titre
Jean Christophe Villeneuve - le 18 juillet 2012

Ok mais il va falloir patienter un peu, car je pars une semaine m’aérer un peu la tête ...

Affichage sur-titre et sous-titre
Wontolla - le 18 juillet 2012

OK. En attendant la version officielle, je l’ai implémenté (dans /squelettes) et j’ai stylé (sans fioritures).
Bonne semaine.

Affichage sur-titre et sous-titre
Jean Christophe Villeneuve - le 18 juillet 2012

On peut voir ce que ça donne avec un exemple ?

Affichage sur-titre et sous-titre
Wontolla - le 18 juillet 2012

Oui, bien sûr : (lien enlevé car plus disponible)

Ce n’est qu’une page de test. Je n’ai pas encore "stylé" le site (de test).

Tant que j’y suis, parce que je le vois-là en copiant l’adresse (mais que je pourrais aller vérifier avant :-( ) :
- l’affichage de "&lang=fr", je règle cela avec la gestion des URL dans le couteau suisse ou est-ce une option de ton squelette ?

Affichage sur-titre et sous-titre
Wontolla - le 18 juillet 2012

Mon lien ne marche pas. Le voici en "clair" :
http://www.wontolla.com/testspip/spip.php?article4361&lang=fr

Affichage sur-titre et sous-titre
Jean Christophe Villeneuve - le 24 juillet 2012

Ok, je vais implémenter ça prochainement.

Pour les adresses avec &lang=fr, tu ne peux pas l’enlever, c’est lié au fait qu’Escal gère le multilinguisme.

Affichage sur-titre et sous-titre
Jean Christophe Villeneuve - le 24 juillet 2012

Voilà, c’est dans Escal.

Pour la couleur du surtitre et du soustitre, je n’en ai pas défini mais j’ai joué avec une opacité de 80%.

Affichage sur-titre et sous-titre
Jean Christophe Villeneuve - le 26 juillet 2012

Pour les url, j’ai oublié de te dire que tu peux utiliser d’autres types d’urls avec spip, comme les urls_propres par exemple. Voir les détails sur spip.net

inc-article
rodolphe - le 22 décembre 2010

Bonjour,

Depuis que je suis passé à spip 2.1.2 je ne peux plus télécharger les fichiers joints à mes articles, ni les images... Par contre cela fonctionne dans la partie privée...

Voici une page de mon site pour exemple dans laquelle il est impossible de télécharger le fichier bulletin d’adhésion :

http://raptorsangers.fr/spip.php?article132

J’ai les erreurs suivantes :

Filtre #url_document non defini boucle _doc_joints

Filtre reduire_image non defini boucle _contexte

Auriez vous une solution ?

Merci

inc-article
Jean Christophe Villeneuve - le 24 décembre 2010

Pour la 2e erreur, mettre à jour le plugin Escal.

Pour la 1e erreur, une fois la mise à jour faite, alez voir dans le fichier inc-article.html et comme indiqué, remplacer

<li>
<a href="#URL_DOCUMENT" title="Cliquer pour voir ou telecharger">#LOGO_DOCUMENT</a>
</li>

par

<li>#LOGO_DOCUMENT{#URL_DOCUMENT}</li>

et hop !

inc-article
rodolphe - le 29 décembre 2010

Merci pour ces réponses.

J’étais encore à la version "squelette" et non pas au plugin. J’ai donc refais tout ça en local, par contre une seule chose ne fonctionne pas, c’est l’image de fond du site... Je suis débutant et je bloque surement sur quelque chose de simple...

voici ce que j’ai dans mon perso.css :

#ombre-gauche


background : url(../images/fond.jpg) no-repeat ;

background-repeat:no-repeat ;

background-position : top center ;

background-attachment:fixed ;

margin : 0 auto ;

#ombre-droite

background-color:transparent

Je n’ai pas l’impression qu’il y ai d’erreur...

Si vous avez une réponse pour ce problème merci, moi je continu de chercher de mon côté.

Cordialement

inc-article
Jean Christophe Villeneuve - le 29 décembre 2010

L’erreur que tu fais c’est de vouloir mettre un fond sur la propriété ombre-gauche qui ne sert qu’à faire un dégradé.

On va plutôt supprimer les 2 ombres et rajouter ton image de fond au "body", ce qui donne dans ton fichier squelettes/styles/perso.css ceci

#ombre-gauche {
background:none;
}
#ombre-droite {
background:none;
}

body {
background : url(../images/fond.jpg) no-repeat ;
background-position : top center;
background-attachment:fixed;
}

(inutile de mettre 2 fois le no-repeat ;-)

Bien sur, ton image de fond doit se trouver dans /squelettes/images

inc-article
rodolphe - le 29 décembre 2010

Alors là franchement un grand merci !!!

Comme vous avez pu le constater, j’ai un peu dénaturé votre squelette, mais c’est pour la bonne cause, le hockey sur glace ! ;)

En tout cas merci pour tout ces renseignements et pour votre excellente contribution !

Bonne fêtes de fin d’années !

inc-article
Jean Christophe Villeneuve - le 29 décembre 2010

Tu n’as rien dénaturé, tu t’en es servi, tu as joué avec et tu en as fait ce que tu en voulais. Tant mieux, il est fait pour ça !

Attention à ton foie.

Votre blog
Julie - le 15 février 2011

Allez op un site de plus dans mes marque pages !

Principaux sites de réseaux sociaux, tels Facebook et Viadeo. Depuis l’aéroport de Valence on arrive à la ville très bien avec une voiture de Location de voitures a Paris Gare de l’Est location. Valence a une longue histoire derrière la sienne. Louez une voiture de sport haut de gamme,

inc-article
Elisen - le 3 décembre 2010

J’aimerais que les documents joints aux articles (les PDF par exemple) s’ouvrent dans un nouvel onglet / une nouvelle page, un équivalent à target=_blank. Comment procéder ?
Merci encore pour ce squelette et ton aide précieuse.

inc-article
Jean Christophe Villeneuve - le 3 décembre 2010

A priori, je dirais que ce n’est pas possible.

Et pourquoi contraindre le visiteur à un tel comportement ?

C’est à lui de le décider en appuyant sur la touche Maj pendant le clic.

inc-article
Elisen - le 7 décembre 2010

Je crois que après avoir consulté le doc ouvert (PDF ou autre), le visiteur ferme le doc en question et "perd" le site. C’est le comportement moyen il me semble, je ne connaissais même pas l’utilisation de la touche MAJ dans ce cas.
On dirait que l’équivalent de target blank n’existe pas en CSS, tant pis. Merci pour ta réponse en tout cas.

inc-article
Pierre 67 - le 20 février 2010

Bonjour

votre excellent squelette sert la science (:-> ici http://cuen.fr/umvf/ , mais j’ai comme un problème, que faut il faire pour que le port folio ne s’affiche pas en bas de l’article, dans le cas de cet article http://cuen.fr/umvf/spip.php?article10 cela fait un peu trop doublon.
Merci pour votre réponse.

inc-article
Jean Christophe Villeneuve - le 20 février 2010

Ravi et flatté de servir la science B-)

Pour les images, cela vient sans doute de la façon dont tu as joint ces images à ton article.

Pour éviter qu’elles ne s’affichent dans le portfolio, il faut les joindre en passant par l’édition de l’article et utiliser le bloc en haut à gauche "Ajouter une image ou un document" alors que vous avez du les joindre en passant par "Joindre un document" en bas de l’article hors mode édition.

A noter que pour corriger, tu peux aussi passer par une modification dans ta base de données de la table spip_documents en passant tes documents du mode "document" au mode "image", ce sera plus rapide.

Autre chose : pourquoi mettre toutes ces images dans un tableau ? Si cela a un intérêt pour mettre un descriptif détaillé pour certaines, il n’y en a plus quand cette image est seule. Et il y a visiblement des "pipes" en trop dans la plupart des tableaux.

inc-article
Pierre 67 - le 22 février 2010

Merci beaucoup pour cette longue réponse, cependant elle ne répond malheureusement pas à ma question. J’ai introduit comme il fallait les images (en haut à gauche). J’avais besoin de leur format vignette, donc pour cela il fallait les mettre dans le portfolio. Je n’ai pas trouvé d’autre façon de faire.

J’ai choisi de mettre les images dans des tableaux afin d’unifier leur présentation. Je trouve ce cadre "classe", si ! si !

inc-article
Jean Christophe Villeneuve - le 22 février 2010

Ah oui, je n’avais pas fait gaffe que c’était des vignettes. La solution est de modifier la ligne 105 de inc-article.html en lui rajoutant le critère {vu=non}, ce qui donne ceci :

<BOUCLE_doc_joints(DOCUMENTS){id_article}{mode=document}{vu=non}>

Je corrige le plugin de mon côté. Merci pour ce retour.

Pour les tableaux, c’est comme tu veux mais il faudrait au moins enlever les colonnes et/ou lignes en trop dans certains pour faire vraiment "classe" ;-)

inc-article
Pierre 67 - le 23 février 2010

Merci, cela marche, juste pour dire que la ligne sur mon fichier apparaît comme étant la 209.vu l’intelligente simplicité de la correction, je comprends pourquoi je ne me suis jamais lancé là dedans, c’est hors de mon champ de compréhension, c’est bien pour cela que je vais laisser les cadres tels qu’ils sont. A part vous et moi personne ne sait qu’il y a des trucs en trop et moi...

Merci encore

inc-article
Jean Christophe Villeneuve - le 23 février 2010

Pour la ligne, c’est sans doute que ton éditeur de fichier fais des retours à la ligne si elles sont trop longues ? Peu importe, tant que tu retrouves la bonne ligne.

Pour le reste, tant que ça te convient ...B-)

inc-article
pascal - le 22 février 2010

Bonjour,

Super ce squelette.
Comment avoir l’icone et la fonction "enregistrer au format PDF"

Merci

inc-article
Jean Christophe Villeneuve - le 22 février 2010

En utilisant le plugin Article-PDF et en rajoutant [(#ARTICLE_PDF)] dans inc-article (après l’avoir copié dans /squelettes/inclusions bien sur ;-) ) entre les lignes 60 et 61 par exemple.

inc-article
pascal - le 23 février 2010

Merci beaucoup !

les photos dépassent le cadre du texte ?
nova06 - le 9 décembre 2009

Bonjour,
je rencontre un dernier problème avec les images ajoutées dans un article.
Lorsque je les ajoute sous forme de document, et que j’en place une à gauche par exemple du texte, ma photo-vignette (qui s’affiche à 180px) est collée sur le bord gauche du conteneur et ne se trouve pas dans le cadre de l’article, encore moins alignée avec le texte (voir la capture).
Je ne trouve pas l’endroit où modifier le code css.
Merci à nouveau de votre aide.

les photos dépassent le cadre du texte ?
Jean Christophe Villeneuve - le 9 décembre 2009

Oh ! Une jolie coquille dans mes css !!!

Merci de me la signaler.

Pour remédier au problème : supprimer dans le fichier general.css les lignes 635 à 638

#texte-article .spip_documents_center,
#texte-article .spip_documents_left {
 margin-left: -1.5em;
}

Reste à savoir pourquoi j’avais surchargé les marges des documents de la sorte ?

En attendant, c’est modifié dans la source du plugin Escal.

les photos dépassent le cadre du texte ?
nova06 - le 10 décembre 2009

Merci pour l’info parce que je commençais à m’arracher les cheveux.

Après la modif, la photo se repositionne normalement.



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