Bandeau
Escal V3
Slogan du site

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.

flècheAccueil flèche Noisettes flèche Le corps
inc-article
Article mis en ligne le 4 février 2009
par Jean Christophe Villeneuve
Imprimer cet article logo imprimer Enregistrer au format PDF

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

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
  • 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
  • les notes de bas de page avec les images réduites également (s’il existe)
  • 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é.
P.S. :

A noter

que 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
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/

Répondre à ce message
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 !

Répondre à ce message
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.

Répondre à ce message
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 !

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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 !

Répondre à ce message
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 :-) ).

Répondre à ce message
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 ...

Répondre à ce message
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.

Répondre à ce message
Affichage sur-titre et sous-titre
Jean Christophe Villeneuve - le 18 juillet 2012

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

Répondre à ce message
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 ?

Répondre à ce message
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

Répondre à ce message
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.

Répondre à ce message
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%.

Répondre à ce message
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

Répondre à ce message
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

Répondre à ce message
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 !

Répondre à ce message
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

Répondre à ce message
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

Répondre à ce message
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 !

Répondre à ce message
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.

Répondre à ce message
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,

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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 !

Répondre à ce message
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" ;-)

Répondre à ce message
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

Répondre à ce message
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-)

Répondre à ce message
inc-article
pascal - le 22 février 2010

Bonjour,

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

Merci

Répondre à ce message
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.

Répondre à ce message
inc-article
pascal - le 23 février 2010

Merci beaucoup !

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message

Dans la même rubrique

0 | 5

inc-mon_article
le 5 mai 2013
par Jean Christophe Villeneuve
inc-rubrique_accueil
le 20 août 2012
par Jean Christophe Villeneuve
inc-article_archive
le 20 août 2012
par Jean Christophe Villeneuve
inc-article_accueil
le 6 août 2012
par Jean Christophe Villeneuve
inc-annonce_defilant
le 26 juillet 2012
par Jean Christophe Villeneuve

Évènements à venir

Pas d'évènements à venir


puce Plan du site puce Contact puce Espace rédacteurs puce squelette

RSS puce Valid XHTML 1.0 Strict puce Licence Creative Commons

2009-2013 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.70.65
Hébergeur : Académie de Lyon