Ici & Là

Mettre une « pseudo-bordure » aux images insérées dans le texte d'un article

François Daniel Giezendanner — 2016-12-16T10:06:01Z

Sommaire

Une méthode simple et rapide

Une méthode simple, rapide mais approximative pour mettre une « pseudo-bordure » aux images insérées dans le texte d'un article consiste à :

mettre une bordure à la div qui encadre l'image ;
insérer l'image dans un tableau à une ligne (utiliser les pipes).

« Cette méthode sera obsolète lorsque la communauté SPIP créera un modèle adapté à cet usage (permettant de créer un cadre aux images). »

Il suffit d'encadrer l'image avec l'instruction :

Pour obtenir une bordure grise de largeur 2 px en trait continu.

Voici divers exemples :








Ou en utilisant le format explicite :








 Style de bordures border-style (CSS 2.1)
Huit styles sont possibles en CSS 2.1 avec border-style (la valeur par défaut étant none) :
 dotted (pointillé)
 dashed (tirets)
 solid (solide)
 double (double)
 groove (rainurée)
 ridge (relief)
 inset (relief intérieur)
 outset (relief extérieur)
 Fixer la largeur maximale avec max-width
Par exemple pour une image de largeur 285 pixels, nous fixons la largeur du cadre à par exemple 287 pixels :




[->http://css.mammouthland.net/border-css.php]







Rendu avec border-style
(Source : http://css.mammouthland.net/border-css.php)



Cette instruction permet de conserver la propriété responsive aux images ainsi traitées.
 Exemple avec une copie d'écran pour les couleurs grises
Voici le résultat de l'encadrement avec le code :


[->http://www.letoileauxsecrets.fr/couleurs/couleurs-web.html]




Nuances de gris extraites d'un tableau
(Source : http://www.letoileauxsecrets.fr/couleurs/couleurs-web.html)


... et si l'on tient compte de la largeur de l'image, ici 342 pixels, nous fixons la largeur du cadre à par exemple 344 pixels :




[->http://www.letoileauxsecrets.fr/couleurs/couleurs-web.html]







Nuances de gris extraites d'un tableau
(Source : http://www.letoileauxsecrets.fr/couleurs/couleurs-web.html)



Et voici ce que l'on obtient avec les pipes pour un tableau :
|[->http://www.letoileauxsecrets.fr/couleurs/couleurs-web.html]|





Nuances de gris extraites d'un tableau
(Source : http://www.letoileauxsecrets.fr/couleurs/couleurs-web.html)



L'utilisation du tableau fait perdre la propriété responsive aux images ainsi traitées.
 Images Border dans SPIP
 Styles des logos, images et documents

Juin 2006 — mis à jour le : Décembre 2007

http://www.spip.net/fr_article3379.html
 comment mettre une bordure aux images insérées dans le texte d'un article ??

par alinea - 30 mars 2006 14:07 - Réponse(s) : 6

http://forum.spip.net/fr_181781.html
 Comment mettre une bordure aux images de SPIP ?

3 mai 2006, par Romy Têtue

À bas les style='border-width : 0px ;' !

http://romy.tetue.net/comment-mettre-une-bordure-aux-images-de-spip
 Quelques filtres SPIP - Exemples de filtres personnels

http://www.elastick.net/Astuces-SPIP#filtres
 Sites pour codes des couleurs
 Color Names Supported by All Browsers (All modern browsers support the following  140 color names).

http://www.w3schools.com/colors/colors_names.asp
 Les couleurs HTML et CSS

Les normes HTML et CSS permettent de définir les couleurs de 3 façons différentes.

http://www.css-faciles.com/couleurs-css.php
 Couleurs Prédéfinies

http://www.lehtml.com/scripts/memoire/csscolor.htm#color
 L'étoile aux secrets

http://www.letoileauxsecrets.fr/couleurs/couleurs-web.html
 Les couleurs

http://formation.upyupy.fr/html-xhtml/couleurs-html/
 Codes couleur HTML

http://html-color-codes.info/Codes-couleur-HTML/



Plugin Partageur : recopier facilement des articles d'un site SPIP partageur à l'autre
François Daniel Giezendanner — 2016-06-14T02:27:13Z

		   Sommaire 
   Présentation
Galop d'essai
Description, téléchargement (...)
 
 
 
 Présentation
Ce plugin est né d'un besoin de partager des articles entre sites SPIP.
Contrairement aux plugins SPIP2SPIP, Flux RSS en articles le principe d'import n'est pas basé sur la syndication automatique mais sur une sélection manuelle. Une fois installé, le plugin permet de « piocher » dans les articles des bases documentaires que l'on a préalablement inscrites.
 Galop d'essai
Cet excellent plugin fonctionne parfaitement, à l'exception de deux anomalies que j'ai relevées :
 Les images qui ne sont pas dans le portfolio dans le site distant sont déposées dans le portfolio dans le site d'accueil.
 Tous ce qui est placé entre les balises  et  (y inclues les balises) dans le site distant disparait dans le site d'accueil.
 Description, téléchargement et source
Le plugin Partageur est présenté sur SPIP-Contrib selon les cinq étapes suivantes :
 Installation
 Configuration
 Clé d'authentification
 Exemple d'utilisation
 Avertissement
Sur Spip-Contrib :
 Partageur

29 janvier 2011 – par erational

http://contrib.spip.net/Partageur

http://plugins.spip.net/partageur.html


odt2spip : création d'articles à partir de fichiers OpenOffice Writer
François Daniel Giezendanner — 2016-06-13T03:05:12Z

		Ce plugin permet de générer un article SPIP à partir du téléchargement d'un fichier au format .ODT (OpenOffice ou LibreOffice Writer). Il gère la majorité des raccourcis typographiques, détecte les différents niveaux de titre et fait l'intégration des images automatiquement.
		   Sommaire 
   Important
Utilisation
Eléments non-gérés ou supprimés
Exemple d'utilisation du (...)
Conclusion
Sources, suite et téléchargemen
 
 
 
 Important
La transformation des fichiers ODT impose que l'extension XSL de PHP soit active sur le serveur web
 Utilisation



Une fois le plugin activé, dans la page de gestion d'une rubrique vous trouverez une boite de dialogue qui permet de choisir le fichier à télécharger depuis votre ordinateur : « Créer un article à partir d'un fichier ODT ».
Une fois validé l'article est automatiquement créé avec le statut « proposé à la publication », si nécessaire le fichier ODT original est attaché comme document à l'article et le plugin vous bascule sur la page de cet article.

La transformation opérée par le plugin
Ce plugin ne fait qu'une transformation du contenu du fichier en code SPIP : il n'assure aucun miracle si votre fichier initial est construit de façon non-conforme aux règles de l'utilisation d'un traitement de texte et ne fera rien que vous ne puissiez reproduire avec les raccourcis typographiques de SPIP...
Plus de précisions :




Il est nécessaire d'avoir utilisé les styles pour définir les titres dans le fichier OpenOffice si vous voulez que le plugin les détecte. La conversion se fait selon les règles suivante :
 si il existe au moins un paragraphe avec le style Titre, son contenu est utilisé pour générer le titre de l'article. Sinon c'est le Titre de niveau le plus important qui est utilisé : Titre 1 > Titre 2 > Titre 3... .
 Le premier niveau de Titres est transformé en intertitres SPIP {{{Titre niveau 1 intertitre}}} (si Titre 1 n'existe pas, Titre 2 est utilisé à sa place, Titre 3 à la place de Titre 2, et ainsi de suite).
 Le deuxième niveau est mis en gras et séparé du restant par des sauts de lignes {{Titre niveau 2 en gras}}.
 Tous les autres niveaux de titre sont passés en italique et séparés par des sauts de ligne {Titres de niveau 3, 4, 5... en italique}.
 Si d'aventure vous aviez décidé d'utiliser le plugin Enluminure typographique ou le plugin Intertitres hiérarchisés qui définissent et utilisent des niveaux de titres supplémentaires (vade retro satanas !), odt2spip détecte leur présence et, automatiquement, utilise les raccourcis « enrichis » tels que {2{titre niveau deux}2} ou {4{titre niveau quatre}4} (ces raccourcis sont interprétés par ces 2 plugins).
 Le plugin récupère les images intégrées dans le fichier d'origine à condition qu'elles soient au format jpg ou png ou gif (n'espérez rien si vous avez des fichier BMP ou TIFF intégrés !), les retaille pour approximer du mieux possible la taille qu'elles avaient dans le texte, les intègre comme documents SPIP et les place avec un raccourci de la forme  ou  ou  en fonction de la position à laquelle se trouvait l'image dans le texte d'origine.
 Attention ! pour que cette fonctionnalité soit opérationnelle, il faut que les images aient été intégrées dans le texte en utilisant les fonctions d'insertion d'image (menu « Insertion » > « Image » > « A partir d'un fichier... ») et non pas via un copié/collé du contenu de l'image dans le texte (qui génère un bitmap non récupérable).
 Les formules mathématiques (rédigées à l'aide de l'éditeur d'équation natif d'OOo Writer ou des outils complémentaires tels l'excellent Cmath) sont en principe complètement gérées : le plugin génère le code LateX et le place dans une balise math :  $$\frac{\sqrt{2x+9}}{4y-6}=\frac{\alpha 3}{\beta 2}$$ .
 Les notes de bas de page sont gérées sans problèmes ni restrictions.
 Pour les tableaux, pas de problème tant que vous n'essayez pas de faire des tableaux imbriqués (c'est à dire un tableau dans une cellule de tableau) : les fusions de cellules horizontales et verticales sont gérées en principe correctement.
 Les listes à puce et numérotées, imbriquées ou non, sont en principe correctement gérées tant qu'elles ne sont pas interrompues par d'autres éléments (donc pas de reprise de numérotation d'une liste à la suivante).
 Eléments non-gérés ou supprimés
 Pour les tableaux et les listes le plugin ne gère pas les contenus ayant un style de Titre.
 Les fioritures de style de texte sont limitées à celles autorisées par les raccourcis typographiques : gras et italique donc pas de texte de couleur ni avec des fonds colorés (beurk !), pas de variations de police ni de taille de texte (ce qui évitera que les rédacteurs pourrissent la charte graphique du site !)
 Les en-têtes, pieds de page, index ou table des matières sont purement et simplement supprimés.
 Les dessins (flèches, bulles et autres formes crées avec l'outil de dessin d'OOo Writer) ne sont pas (encore ?) supportés.
 Exemple d'utilisation du plugin odt2spip
L'article Ergonomie logicielle (odt2spip) a été créé avec le plugin odt2spip à partir du fichier odt attaché à l'article. Ce document odt a été créé par copié-collé de l'article Ergonomie logicielle dans l'espace publique. Ensuite :
 Les images y ont été intégrées en utilisant les fonctions d'insertion d'image (menu « Insertion » > « Image » > « A partir d'un fichier... »).
 Les titres ont été définis avec les styles dans le fichier OpenOffice afin qu'ils soient détectés par le plugin.
Globalement la conversion fonctionne parfaitement : titres, paragraphes, gras, italique, images, tableaux, listes à puces, la plupart des liens, etc. sont parfaitement convertis en code spip.
Ce fichier odt n'est pas parfait car il est partiellement « contaminé » par la démarche du copié-collé par rapport à un fichier créé directement dans Open Office. Il engendre donc des problèmes de conversion, c'est par exemple le cas pour les notes de bas de page qui n'y sont pas gérées ou certains liens « mal » copiés.
 Conclusion
Pour des fichiers odt créés en natif dans Open Office ou dans Microsoft Word (puis convertis en odt dans Open Office) le plugin odt2spip fonctionne parfaitement.
Il constitue donc une aide précieuse pour la rédaction d'articles, en particulier par des gens dont l'activité est « externes » au CMS SPIP ou simplement à partir de documents disponibles au format odt ou doc ou tout autre format convertible dans Open Office ou Microsoft Word.
 Sources, suite et téléchargement
 odt2spip : création d'articles à partir de fichiers OpenOffice Writer

6 mars 2009 – par cy_altern

http://contrib.spip.net/odt2spip-creation-d-articles-a-partir-de-fichiers
 ODT2SPIP : générateur d'articles spip à partir de fichiers .odt  

http://plugins.spip.net/odt2spip.html


Recopier facilement des articles d'un site SPIP à l'autre
François Daniel Giezendanner — 2016-06-12T00:41:49Z

		Trois plugins permettant de recopier facilement des articles d'un site SPIP à l'autre et un plugin permettant la publication via email.
		 Spip2Spip



Version Plugin

21 février 2008 – par erational

http://contrib.spip.net/Spip2Spip

http://plugins.spip.net/spip2spip.html
 Partageur



29 janvier 2011 – par erational

http://contrib.spip.net/Partageur

http://plugins.spip.net/partageur.html
 Flux RSS en articles



29 juin 2009 – par erational, LudoRA

http://contrib.spip.net/Flux-RSS-en-articles

http://plugins.spip.net/rssarticle.html
 Publication par email



28 mars 2013 – par erational, Fa_b

http://contrib.spip.net/Publication-par-email

Style de bordures `border-style` (CSS 2.1)

Fixer la largeur maximale avec `max-width`

Exemple avec une copie d'écran pour les couleurs grises

Images Border dans SPIP

Sites pour codes des couleurs

Ici & Là

Mettre une « pseudo-bordure » aux images insérées dans le texte d'un article

Une méthode simple et rapide

Plugin Partageur : recopier facilement des articles d'un site SPIP partageur à l'autre

Présentation

Galop d'essai

Description, téléchargement et source

odt2spip : création d'articles à partir de fichiers OpenOffice Writer

Important

Utilisation

Eléments non-gérés ou supprimés

Exemple d'utilisation du plugin odt2spip

Conclusion

Sources, suite et téléchargement

Recopier facilement des articles d'un site SPIP à l'autre