PatCatNat’s
Faire de son négatif un positif !

Site personnel de Patrice MOREL.

Site depuis 2024
Article mis en ligne le 11 novembre 2024
dernière modification le 14 août 2026

par Patrice MOREL

Quelques aménagements informatiques.
Version stable du site : détails sur tableur à télécharger.


Annonces défilantes

  • Celle défilante, en bandeau, au dessus des articles

L’habillage a été modifié dans squelettes/styles/perso.css

/* RÉGLAGES ANNONCE DÉFILANTE */
.annoncedefil img {
background-color: #87c0000;
color: #ffffff;
margin-bottom: 2px;
margin-left: 0px;
max-width: 10%;
}
.une-annonce-defilante, .spip_surligne{
background-color: #7c0000;
color: #ffffff;
}
.annoncedefil{
background-color: #7c0000;
color: #ffffff;
}
.annonce-titre{
margin-bottom: 2px;
margin-left: 0px;
}

Fil d’Ariane

Mon problème était que je ne visualisais pas le Fil d’Ariane dans le squelette proposé par Escal...
En fait il manquait des petites flèches entre chaque bloc (à mon avis...).

La solution proposée (et qui fonctionne !)

  • Copier les fichiers /plugins/auto/escal/inclusions/inc-hierarchie_art.html et /plugins/auto/escal/inclusions/inc-hierarchie_rub.html*Pour les adhérents à SpipFactory, vous trouverez ces 2 fichiers en téléchargeant le plugin Escal]] dans le dossier /squelettes/inclusions
  • dans ces 2 fichiers, rajouter cette ligne
    <img src="#CHEMIN{images/fleche_droite_rouge.svg}" alt="<:escal:fleche:>" />

    juste avant la ligne commençant par <a href="...

  • rajouter dans ton fichier squelettes/styles/perso.css le code suivant
    .ariane img {
      height: 10px;
      width: 15px;
    }
  • Ajouter le fichier de l’image de la flèche dans squelettes/images*sa taille est dépendante des paramètres mis dans le fichier perso.css]].

Flip-book

Plugin permettant l’affichage des Pdf en 3D, comme un livre où l’on tourne les pages.

Exemple sur la page La mémoire - Travail scolaire - Restitution du travail des élèves

<flipbookxxx|affichage=ecran> affiche directement le pdf dans la page
<flipbookxxx|affichage=bouton> affiche un bouton ouvrant une popup
<flipbookxxx|affichage=vignette> affiche la vignette du pdf si elle existe sinon le logo PDF

couleurfond : (facultatif) couleur exa sans le # par défaut #ffffff

#exemples
<flipbookxxx|affichage=ecran|couleurfond=ccc>
<flipbookxxx|affichage=vignette|couleurfond=ddd>
xxx est l’ID du document

Source

Téléchargement : https://plugins.spip.net/flipbook.html


Onglet "Mises à jour"

Afin que les articles modifiés apparaissent ils faut copier le fichier inc-une_derniers-ter.html de /plugins/auto/escal/inclusions vers /squelettes/inclusions.
Dans ce fichier copié, supprimer les lignes 19 à 34 et enlever le critère {doublons exergue} de la BOUCLE_dernier_endate(ARTICLES)
ATTENTION : l’article ne doit pas être dans une rubrique "invisible".


Page d’accueil

Post-scriptum

Si l’on modifie la couleur de la page d’accueil, il faut modifier "manuellement" celle du post-scriptum dans son fichier squelettes/styles/perso.css :

/* Fonds PS Article page d'accueil */
.accueil #ps {
  background-color: rgba(124, 0, 0);
  border-width:3px;
  border-style:outset;
  border-color:rgba(218, 230,246);
  color:white;
}

Partenaires

Nous pouvons avoir à afficher des logos de partenaires ou d’évènements. Ceux-ci sont affichés en pied de page d’accueil. les fichiers squelettes/styles/perso.css et squelettes/inclusions/inc-pied.html.

Les images sont à mettre dans le dossier squelettes/images/ - 96Dpi et 1,50cm de hauteur.

perso.css

/* Logos partenaires */
.partenaires {
	margin: 10px;
	background-color : #ffffff ;
        padding: 5px;
}

inc-pied.html
Code à mettre en dessous de footer

<!-- bandeau partenaires -->
<div class="partenaires">
   <!-- Partenaire 1 : -->
      <a href="https://adresse"><img src="#CHEMIN{images/image.png}" alt="texte alternatif" title="descriptif qui sera en info-bulle"></a>
   <!-- Partenaire 2 (exemple sans lien) : -->
      <img src="#CHEMIN{images/image.png}" alt="texte alternatif"  title="descriptif qui sera en info-bulle">
</div>
<br>

Pdf (Logo) dans les rubriques

Un tout petit logo Pdf s’affichait en entête de rubrique, à côté du logo. Je ne souhaitait pas qu’il apparaisse, alors j’ai posé la question au Forum d’Escal.

Tu vas l’enlever tout seul 😎 en allant dans la configuration d’Escal, "Des plugins dans Escal", Onglet "ARTICLEPDF" et tu coches "Non" pour "Afficher l’icône dans les rubriques".


Plugins

  • Alerte d’urgence
  • Ancres Douces
  • Article PDF
  • Bigfoot (désactivé car bug en mettant les notes en double avec le squelette Escal. Pour remplacer, Escal a créé <note>Mon texte</note> (*Ceci est ma note.).
  • Blocs dépliables
  • Cistyle (doit être télécharger et déposer manuellement dans www/plugins/auto une fois le zip décompressé)
  • Cibloc (plugin Cistyle obligatoire)
  • Cisec
  • Coloration Code
  • Couleurs Spip
  • Crayons
  • Désinstallation de « Insertion avancée d’images »
  • Enluminures typographiques
  • ESCAL (avec les plugins et ses propres plugins)
  • FlipBook 3D à partir de Pdf
  • Frimousses
  • Galleria
  • Lister les logos
  • Mailcrypt (crypte les adresses courriels citées avec le @)
  • Manuel de rédaction
  • Newsletters (avec les plugins MailSubscribers et MailShot)
  • Objets virtuels
  • Onglets dans le texte
  • Porte Plume Partout
  • Social tags
  • Sommaire automatique
  • SpiPdf
  • Tarte au citron