Plugins SPIP

Mini calendrier

James — 2009-01-01T15:56:41Z

Cette balise affiche un calendrier au design issu de dotclear et donc compatible avec les styles issus de ce système de blog.

Lui sont adjoints d'autre éléments, tels que balises, critères, modèles...

Calendriers SPIP 1.9.2, SPIP 2.0, MySQL

Liens spip_out ouvrants

ARNO* — 2008-12-13T19:01:22Z

N'utilisez pas ce plugin ! Jamais. Il n'y a aucune bonne raison, objective ou subjective, pour utiliser un tel plugin. Les liens hypertextes qui ouvrent des fenêtres, c'est mal.

Mais...
— au début vous expliquez aux gens à qui est destiné le site que, non, faut pas le faire, c'est mal ;
— « oui mais pour nous c'est nécessaire », et de toute façon c'est comme ça ;
— alors vous expliquez que c'est pas possible avec SPIP, il n'y a pas de raccourci pour le faire ;
— et au final, le webmestre du site vous pourrit tous les articles avec des liens HTML codés en dur avec de splendides target="_blank" à tout bout de champ.

Alors, dans le cas très exceptionnel où vous préférez renoncer à convaincre les gens plutôt que de vous faire un ulcère à force de tenter d'enseigner les bons usages, ce plugin offre le compromis suivant : les liens hypertextes vers l'extérieur du site (spip_out dans le HTML) s'ouvrent dans une nouvelle fenêtre, mais :
— automatiquement (c'est pas « une fois oui une fois non ») et sans code HTML dans les articles,
— en Javascript, de façon à ne pas casser la compliance W3C (parce qu'en général, les gens qui veulent des liens ouvrants, sur leur papier, il y a aussi marqué que ça doit être compliant).

Mais si c'est un site pour vous, ou pour des gens sensibles à la nétiquette, n'utilisez pas ce plugin.

Supprimer l'enveloppe du mailto

ARNO* — 2008-12-12T16:51:28Z

En compétition pour le titre de plugin le plus idiot...

SPIP ajoute une petite enveloppe avant tous les liens hypertextes de type mailto. C'est astucieux et pratique, puisque ça permet d'identifier les liens qui ouvrent le logiciel de mail.

Mais à chaque fois que je développe un site, « on » me demande de supprimer la petite enveloppe (les gens, tout de même...). Alors plutôt que de retrouver la ligne de CSS responsable de cet effet à chaque fois, voici un petit plugin qui ne fait que cela.

Il suffit de l'activer, et d'utiliser le #INSERT_HEAD dans ses squelettes.

Nuage de mots-clés

BoOz, Fil, James — 2008-12-11T10:20:00Z

Version plugin avec modèles et filtres de la contrib nuage de tags.

Documentation

Ergonomie du site public SPIP 1.9.2, SPIP 2.0, Fonctions génériques, Pas de texte

Interface adoucie

ARNO* — 2008-12-10T23:13:50Z

« Interface adoucie » remplace les feuilles de style de l'espace privé, de façon à proposer un graphisme nettement moins contrasté, plus « doux ».

Notamment :
— la plupart des bordures noires sont remplacées par des gris moyens,
— les fonds grisés sont légèrement remaniés pour proposer un camaïeux de gris plus subtile,
— les formulaires sont éclaircis et allégés,
— le fond de page adopte la teinte (très claire) de la couleur choisie,
— à quelques endroits, l'entête de cadre adopte l'effet de relief doté d'une petite flèche,
— de nombreux petits détails sont retravaillés.

Coder pour CFG

Cyaltern, toggg — 2008-12-10T10:21:01Z

Ce plugin ne fait rien : il s'agit d'un exemple aussi simple que possible pour apprendre à utiliser CFG.

Documentation

Outils pour développeurs SPIP 1.9.2, SPIP 2.0, Fonctions génériques

Titre de logo

ARNO* — 2008-12-07T22:03:08Z

Il arrive parfois que l'on ait l'envie (ou l'obligation) d'indiquer des informations concernant l'image utilisée pour le logo (d'un article, d'une rubrique...) : titre, auteur, copyright...

Ce plugin répond à ce besoin : proposer des champs « titre » et « descriptif » dans le pavé du logo. Quand un logo est présent, un petit formulaire supplémentaire (similaire à celui des documents joints) apparaît.

Dans les squelettes, ces deux valeurs sont appelées par les raccourcis :

#TITRE_LOGO
#DESCRIPTIF_LOGO

Télécharger

Le titre est automatiquement passé par le filtre « typo ».
Le descriptif est automatiquement passé par « propre » (il est donc systématiquement contenu dans un paragraphe).
Si on a indiqué un titre ou un descriptif, avant de supprimer le logo, celles-ci ne sont pas supprimées de la base. On prendra donc soin à n'afficher ces valeurs, dans les squelettes, que si le logo existe bien.

Gravatar

Cédric Morin, Fil, Nicolas Hoizey, Thomas Beaumanoir — 2008-12-04T11:24:44Z

Permet d'utiliser un cache pour stocker les gravatars

À utiliser dans une boucle de cette manière : #GRAVATAR{email, taille, url image par défaut}

Exemple :

#GRAVATAR{#EMAIL,80,#URL_SITE_SPIP/defaut-gravatar.gif}

Étend la balise #LOGO_AUTEUR de manière à prendre en compte le gravatar d'un auteur s'il existe, y compris dans les forums et pétitions.

Fournit le filtre |gravatar, à utiliser par exemple comme [(#EMAIL|gravatar|image_reduire{80})].

NoSpam

Cédric Morin — 2008-12-03T14:47:11Z

Filtrez vos messages de forums

Documentation

Sessions, forums & pétitions SPIP 2.0, Français, Fonctions génériques

SPIP Bonux

Cédric Morin, marcimat, romy.tetue.net — 2008-12-03T14:43:31Z

Le plugin qui lave plus SPIP que SPIP, avec des chouettes cadeaux dedans ! Interface douce, boucles POUR et CONDITION, tableaux, compteur, etc.

Documentation

Outils pour développeurs SPIP 2.0, Fonctions génériques, Pas de texte

Enluminures typographiques

Bill, RealET — 2008-12-03T14:32:48Z

Paragraphes :
- Sous-titres {n{Texte du titre}n}, n variant de 2 à 5, la barre de raccourcis ne proposant que 2 et 3
- Centrer [|Paragraphe centré|]
- Aligner à droite [/Paragraphe aligné à droite/]
- Encadrer [(Paragraphe à encadrer)]
Caractères :
- Mise en évidence [*texte en évidence*]
- Mise en évidence variante [**texte en évidence (autre couleur)*]
- Mise en exposant texte en exposant
- Petites capitales texte en petite capitales
- Biffé texte biffé
- Bulle d'aide [GPL|Gnu Public Licence]

Et aussi sur les entrées de glossaire [?GPL|Gnu Public Licence]

Lien avec bulle d'aide [texte du lien|Le site officiel de SPIP->http://www.spip.net/]
Ancre et retour à l'ancre [definition_ancre<-] et retour à l'ancre

Paramétrage : vous pouvez modifier le fonctionnement du plugin par votre fichier ecrire/mes_options.php :

Attention : le plugin incorpore automatiquement dans vos pages les nouveaux styles (si #INSERT_HEAD est présent) !

Si vous n'en voulez pas :

$GLOBALS['BarreTypoEnrichie_Preserve_Header'] = true;

Exemple :

// Pour que les fausses puces soient transformees en vraie listes a puces
$GLOBALS['barre_typo_pas_de_fausses_puces'] = true;
// Pour commencer la titraille a h2 (et non h3 comme par defaut dans SPIP -- pour des raisons historiques)
$GLOBALS['debut_intertitre'] = '';
$GLOBALS['fin_intertitre'] = '';
$GLOBALS['debut_intertitre_2'] = '';
$GLOBALS['fin_intertitre_2'] = '';
$GLOBALS['debut_intertitre_3'] = '';
$GLOBALS['fin_intertitre_3'] = '';
$GLOBALS['debut_intertitre_4'] = '';
$GLOBALS['fin_intertitre_4'] = '';
$GLOBALS['debut_intertitre_5'] = '';
$GLOBALS['fin_intertitre_5'] = '';

Télécharger

Vous pouvez aussi installer le plugin cfg et utiliser ecrire/ ?exec=cfg&cfg=bte pour configurer ces options (les options de cfg sont priortitaires par rapport à celles de mes_options.php !)

Certaines icones proviennent de FamFamFam.

Barre typographique V2

Bill, Joseph, RealET — 2008-12-03T14:28:07Z

La barre est enrichie de plusieurs barres thématiques pour :

La gestion des liens hypertextes avec gestion des bulles
La gestion des tableaux
Une fonction chercher/remplacer dans le texte de l'article
L'insertion des caractères spéciaux
Changer la casse
Calculer les statistiques du texte (mots, signes, caractères)

Médiathèque

Cédric Morin, romy.tetue.net — 2008-12-03T14:22:02Z

Outils de gestion des documents : une page récapitulative de tous les documents.

Documentation

Ergonomie de l'espace privé SPIP 2.0, Français, Fonctions génériques

Étiquettes

RastaPopoulos — 2008-12-03T14:17:26Z

Il propose donc une balise avec paramètres qui va générer un champ de texte pour taper les mots-clés, et éventuellement une aide qui pourra être de différente sorte suivant les plugins disponibles :

Un nuage des mots les plus fréquents (si vous avez le plugin Nuage)
Une liste déroulante qui s'actualise en fonction de ce que vous tapez (si vous avez le plugin Sélecteur générique)
Aucune aide

Il existe deux versions de la balise : une qui va générer un formulaire complet avec le bouton d'envoi et le traitement de ce formulaire ; et une qui ne va générer que la portion de HTML du champ texte et de l'aide, afin que vous puissiez l'insérer dans un de vos formulaires personnels.

Dans ce second cas, ce sera alors à vous de traiter le résultat du champ texte. Il vous faudra donc connaîttre le plugin Tag-Machine.

Piwik

jsb — 2008-12-03T14:10:53Z

Ajoute le script piwik dans l'espace public en insérant le code perso de piwik dans l'espace privé

Configuration

Documentation

Statistiques et référencement SPIP 2.0, Pas d'accès SQL, Français

Agenda 2.0

Cédric Morin — 2008-12-03T14:03:35Z

Agenda Evénementiel

Documentation

Calendriers SPIP 2.0, Français, English, Español, Fonctions génériques, Deutsch, Nederlands

Thickbox v2

BoOz, Fil, Izo — 2008-12-03T10:27:28Z

Ajoute un effet thickbox sur les liens de type image ( ... ) ou de class="thickbox".

Documentation

Affichage multimédia SPIP 1.9.2, SPIP 2.0, Pas d'accès SQL, Pas de texte

Login avec Facebook

Cédric Morin — 2008-12-03T10:22:49Z

Permet aux internaute d'utiliser leur compte FaceBook pour s'inscrire et s'identifier sur le site

Documentation

Sessions, forums & pétitions SPIP 2.0, Français, Fonctions génériques

Tickets, suivi de bugs

ARNO* — 2008-11-28T11:10:43Z

Tickets est un système simple de suivi de bugs directement intégré à l'espace privé de SPIP. Sa vocation est avant tout de faciliter la phase de développement du site public (squelettes, graphisme, etc.) sur lequel il est installé.


La page principale de Tickets
Cette page récapitule les tickets en cours de rédaction, les tickets qui vous sont assignés, les tickets ouverts, les derniers commentaires de tickets, puis les tickets résolus et fermés.

Lors de la phase de création d'un site, de nombreux messages sont échangés pour signaler par exemple :
— des bugs d'affichage du HTML (« c'est tout cassé sous MSIE 6... »),
— des problèmes d'ergonomie (« la couleur des liens hypertexte, ma grand-mère arrive pas à bien lire... »),
— des morceaux d'Ajax qui ne fonctionnent pas bien dans certaines situations,
— des fautes d'orthographe systématiques à corriger (« monsieur Coulemole, notre PDG... »),
— certaines fonctionnalités manquantes (« il faudrait terminer la newsletter... »),
— etc.

Messages vaguement stockés, que tout le monde n'a pas forcément reçu, avec un suivi à la va-comme-j'te-pousse qui fait qu'une fois c'est corrigé une fois c'est oublié...

C'est typiquement dans ce genre de situation que l'on a besoin d'un système de suivi de bugs :
— pouvoir signaler les problèmes et les transmettre à toutes les personnes concernées,
— pouvoir centraliser ces signalement pour pouvoir les traiter de manière systématique,
— pouvoir gérer leur « statut » pour savoir lesquels sont toujours valables et lesquels ont été résolus,
— permettre d'attribuer à certains intervenants les questions qui les concernent (ce qui équivaut à « je m'en occupe »),
— signaler qu'une question est très importante ou pas du tout...

Il existe d'excellents systèmes de suivi de bugs diffusés sous GPL (Mantis, Trac...).


Une page d'un ticket

Tickets propose d'insérer un système de suivi de bugs directement dans SPIP. En effet :
— c'est le plus souvent dans l'espace privé du site en développement que se retrouvent toutes les personnes concernées ; Tickets évite ainsi de devoir gérer un espace séparé (que la plupart des utilisateurs finissent par oublier d'utiliser), et de devoir gérer une autre liste d'autorisations de connexions ;
— ce plugin propose une interface aussi simplifiée que possible, car il est clairement conçu pour le développement du site public, et non d'un logiciel informatique de grande ampleur. Le nombre de champs à renseigner est donc restreint et basé sur des choix explicites (pas de jargon, vocabulaire adapté à des non-techniciens).

Évolutions
— 1.0 : on peut assigner le ticket à un rédacteur.
— 1.1 : envoi d'un mail avertissant les rédacteurs et les administrateurs lors du changement de statut d'un ticket.

Interface « bonbons acidulés »

ARNO* — 2008-11-23T10:56:50Z

Ce plugin change les couleurs de l'interface et leur fait adopter des couleurs « bonbons acidulées ».

Graphisme de l'espace privé SPIP 2.0, Pas d'accès SQL, Pas de texte

Interface en couleurs « babies »

ARNO*, Diala — 2008-11-23T00:08:52Z

Ce plugin change les couleurs de l'interface et leur fait adopter des tonalités « babies ».

Graphisme de l'espace privé SPIP 2.0, Pas d'accès SQL, Pas de texte

Interface en couleurs « Nuit »

ARNO* — 2008-11-23T00:07:27Z

Ce plugin change les couleurs de l'interface et leur fait adopter des tonalités « Nuit ».

Graphisme de l'espace privé SPIP 2.0, Pas d'accès SQL, Pas de texte

Interface en couleurs éteintes

ARNO* — 2008-11-23T00:07:20Z

Ce plugin change les couleurs de l'interface et leur fait adopter des couleurs éteintes.

Graphisme de l'espace privé SPIP 2.0, Pas d'accès SQL, Pas de texte

Interface en couleurs vives

ARNO* — 2008-11-23T00:07:08Z

Ce plugin change les couleurs de l'interface et leur fait adopter des couleurs vives.

Graphisme de l'espace privé SPIP 2.0, Pas d'accès SQL, Pas de texte

Notation

b_b, JEM — 2008-11-02T12:08:18Z

Définition de la balise #FORMULAIRE_NOTATION permettant la saise et l'affichage de la note d'un élément de boucle.

Documentation

Sessions, forums & pétitions SPIP 2.0, Français, Fonctions génériques

Champs extra

Fil — 2008-11-02T09:59:27Z

Les champs extra étaient une fonctionnalité présente dans SPIP depuis la version 1.7, mais qui n'a jamais été officialisée. Elle est désormais « sortie du core » et distribuée sous forme de plugin.

Documentation

Outils pour développeurs SPIP 2.0, Fonctions génériques, Pas de texte

Boucles XML

Cerdic — 2008-10-27T08:06:38Z

Les critères disponibles sont

{xml=fichier.xml} pour aller chercher fichier.xml dans le path ;
{xpath} pour accéder à un nœud par son chemin à partir de la racine (fini par un /) ;
{racine} ;
{id_parent} ;
{statut=noeud} {statut=feuille} ;
{noeud=MonElement} pour accéder directement à un nœud independamment de son arborescence ;
{attributs==monAttr=['"]truc['"]} pour accéder directement à un nœud dont l'attribut monAttr vaut truc ;
NIY {id_enfant} ;

Les balises utilisées sont #XPATH, #NOEUD, #ATTRIBUTS (balise sur laquelle on utilisera le filtre |extraire{}), et #TEXTE pour les feuilles (vide pour les nœuds).

On pourra s'inspirer de la noisette xml.html, contenue dans le plugin, pour construire ses propres boucles.

Flickr CC

ARNO* — 2008-10-27T07:56:33Z

D'un côté, on a des auteurs de blogs, webzines et autres sites Web, sans doute très talentueux, mais dont les textes sont assez systématiquement dépourvus d'images (« icono », en jargon de la presse). D'un autre, on a des photographes amateurs, eux aussi très talentueux, qui postent leurs images sur Flickr, et qui aimeraient qu'elles soient vues plus largement (puisqu'ils les installent en Creative Commons).

Le plugin Flickr CC automatise la rencontre entre les auteurs d'articles sous SPIP et les photographes qui proposent leurs images en Creative Commons sur Flickr.

Le plugin ajoute un lien « Ajouter une image Flickr » dans la colonne de gauche lors de l'édition des articles (attention : une fois l'article déjà créé, avec son propre identifiant, et non en mode « new »).

Ce lien provoque l'ouverture d'un « popup » qui recouvre la page SPIP. Là, on effectue une recherche dans la base des photos de Flickr placées sous licence Creative Commons. On peut décider d'afficher, en plus, les licences qui autorisent des utilisations commerciales et/ou la modification. L'option « Pas de restrictions connues » correspond le plus souvent aux images très anciennes fournies par des collections publiques étatsuniennes (Library of Congress notamment).


L'interface de Flickr CC

On pourra aussi faire classer les images selon la pertinence (l'adéquation avec les termes recherchés), l'intérêt (une notion mystérieuse de Flickr qui permet de faire ressortir des photos de « meilleure qualité ») ou la date de leur publication sur Flickr.

Dans la liste d'images choisies, on peut cliquer sur le nom (penser à ouvrir une nouvelle fenêtre) de l'auteur de la photo pour accéder à la page d'origine sur Flickr, où l'on pourra voir l'image agrandie.

Une fois la photo sélectionnée, il suffit de cliquer sur sa vignette : l'image est rapatriée dans SPIP et jointe à l'article. Le titre et le nom de l'auteur sont automatiquement renseignés.

Notez bien : vous ne devez jamais supprimer la mention de l'auteur de la photographie. Selon la licence Flickr, si l'auteur vous le demande, vous devez supprimer la photographie dans un délai de 24 heures.

Changelog

1.0. Il y avait une (énorme) erreur dans le choix des licences.

Ancres douces

Fil, SarkASmeL — 2008-10-24T10:21:20Z

Partout sur le Web, lorsqu'on clique sur un lien qui mène vers une ancre dans la même page, le navigateur « saute » brutalement jusqu'à cette ancre. Le visiteur perd la notion de l'endroit où il se trouve et ne visualise pas la structure globale de la page. En termes d'ergonomie c'est assez mauvais, et on attend le navigateur qui trouvera la solution.

Dans l'immédiat, chacun peut améliorer cela sur son propre site SPIP. Le plugin Ancres douces fait une chose (et une seule) : il transforme toutes les ancres () des pages en « ancres douces », où le navigateur fait défiler doucement la page jusqu'à l'ancre. Ainsi le lecteur sait en permanence où il se trouve dans la page, et peut plus facilement remonter, etc.

On peut voir ce plugin en action sur le site des blogs du Monde diplo (cliquer sur « XX commentaires » ou sur les appels de note, par exemple).

Ce plugin est une intégration à SPIP de deux scripts jQuery d'Ariel Flesler, avec lesquels il est possible de faire plein d'autres jolies choses (voir les démos) :
— localScroll
— scrollTo

Typo : guillemets

Vincent Ramos — 2008-10-11T08:48:28Z

Ce plugin remplace automatiquement les guillemets droits (") par les guillemets typographiques (« »“”„) de la langue de composition. Le remplacement, transparent pour l'utilisateur, ne modifie pas le texte mais seulement l'affichage final.

Ce plugin est distribué sous licence GNU/GPL.

Documentation

Typographie et raccourcis SPIP 1.9.2, SPIP 2.0, Pas d'accès SQL

Typo : mise en exposant

Raphaël Meyssan, Vincent Ramos — 2008-10-11T08:46:51Z

Cet outil améliore le rendu typographique des abréviations courantes, en mettant en exposant les éléments nécessaires (ainsi, Mme devient M^me) et en corrigeant les erreurs courantes (2ème ou 2me, par exemple, deviennent 2^e, seule abréviation correcte).

Documentation

Typographie et raccourcis SPIP 1.9.2, SPIP 2.0, Pas d'accès SQL

Upload multiple

phil — 2008-10-09T16:16:04Z

Permet de télécharger des images dans le dossier upload sans accès FTP.

Téléchargement multiple.

Documentation

Ergonomie de l'espace privé SPIP 1.9.2, SPIP 2.0, Pas d'accès SQL, Français

Nombres de visiteurs connectés

phil — 2008-10-09T16:13:23Z

Un plugin gadget qui permet d'afficher le nombre de visiteurs connectés sur votre site.

L'installation se fait comme les autres plugins (voir doc.).

Pour afficher le nombre de visiteurs connectés sur votre site, il suffit d'insérer le code suivant dans votre squelette :

{fond=inc-visiteurs}>

Pour personnaliser l'affichage une class visiteurs_connectes peut être insérée dans votre feuille de style.

À noter qu'une lame le couteau suisse intègre cette fonctionnalité.

Spip-Jeux

maieul, Patrice Vanneufville — 2008-10-06T09:10:57Z

Ajoutez une touche éducative et ludique à votre site !

Deux solutions :
Des jeux codés en clair dans les articles entre les balises et .
Des jeux codés dans l'espace privé et accessibles grâce au modèle où XX est l'identifiant du jeu.

L'enregistrement et la gestion des scores n'est possible qu'en utilisant la seconde solution.

Syntaxe complète : http://www.spip-contrib.net/Des-jeu....

Ce plugin fonctionne de façon optimale sur les squelettes disposant de la balise #INSERT_HEAD et peut également être testé dans l'espace privé.

Si vous avez une version de Spip inférieure ou égale à 1.9.1, certains jeux nécessiteront l'activation du plugin jQuery.

Pour les jeux graphiques, il faut avoir les librairies GD installées sur votre server.

Ce plugin est encore en évolution, procédez régulièrement à vos mises à jours.

Afin d'éviter les mauvaises surprises de présentation (comme l'affichage des solutions dans les sommaires, rubriques, backends, etc.), pensez bien :
soit à placer une introduction dans votre article entre les balises et ,
soit à remplir le descriptif de l'article.

Une Loupe pour les Vignettes

Mortimer — 2008-10-05T10:18:39Z

Ce plugin ajoute un modèle pour afficher une loupe sur une image et offrir un agrandissement localisé : .

Encore mieux, on peut utiliser une image de plus forte résolution pour l'agrandissement, mais laisser une petite vignette pour l'image de base.

La page de configuration permet de spécifier un style pour la loupe et des styles personnalisés peuvent être créés avec la notation détaillé à la fin de cet article.

Le code est basé sur TJPZoom par Jànos Tòth.

Le plugin ne marche qu'avec les squelettes utilisant la balise #INSERT_HEAD

Si vous utilisez SPIP 1.9.2, il faut télécharger la librairie javascript TJPZoom et placer le contenu de l'archive dans un répertoire tjpzoom dans votre répertoire squelettes. Si vous utilisez SPIP 2, cela sera fait automatiquement pour vous.

Utilisation de la Loupe

La loupe est activée dès que la souris entre sur la vignette de l'image. Si l'image d'origine est très grosse, alors un message "loading..." apparaît et la loupe utilise la vignette pour le grossissement en attendant d'avoir la version haute résolution.

En gardant le bouton gauche de la souris pressé sur l'image et en déplaçant la souris de haut en bas, on peut changer le niveau de grossissement de la loupe.

En gardant le bouton gauche de la souris pressé sur l'image et en déplaçant la souris de gauche à droite, on peut changer la taille de la loupe.

Options du Modèle

Le modèle peut être aligner à droite ou à gauche avec, respectivement, et . Attention, contrairement à l'alignement de la balise img de SPIP, ce modèle ne permet pas de faire "couler" le texte autour de l'image.

La largeur maximale de la vignette insérée dans le texte peut être définie globalement depuis la page de configuration ou avec le paramètre

Format des styles personnalisés

La configuration d'un style personnalisé se fait à travers d'un fichier de configuration en javascript. Ce fichier doit être nommé tjpzoom_config_XXXX.js et être placé dans votre répertoire squelettes.

Le fichier définit un certain nombre de variables :

Variables de Configuration
variable	utilisation
var TJPzoomwidth=160;	largeur initiale de la loupe
var TJPzoomheight=120;	hauteur initiale de la loupe
var TJPzoomwindowlock=0;	si la variable est égale à 1, la taille de la loupe est fixée

var TJPzoomoffsetx=.5;	déplacement vertical de la loupe par rapport à la souris. 0.5 centre la loupe
var TJPzoomoffsety=.5;	déplacement horizontal de la loupe par rapport à la souris. 0.5 centre la loupe

var TJPzoomamount=4;	zoom initial de la loupe
var TJPzoomamountmax=12;	zoom maximum de la loupe
var TJPzoomamountmin=1;	zoom minimum de la loupe

var TJPborderthick=2;	largeur de la bordure
var TJPbordercolor='#cccccc';	couleur de la bordure

En plus de ces paramètre, on peut spécifier une bordure autour de la loupe. Pour personnalisé cette bordure, il faut créer un répertoire XXXX dans le répertoire squelettes qui contient les images pour la bordure. Le répertoire doit contenir huit images png : n.png, ne.png, e.png, se.png, s.png, sw.png, w.png, nw.png qui sont les coins et les bords.

Il faut aussi ajouter dans le fichier de configuration la moitié de la largeur des image :

var TJPshadowthick=8;

A Magnifier for the Thumbnails

Mortimer — 2008-10-05T10:18:30Z

This plugin provides a new model to display a magnifier on an image for localised zoom: .

The configuration page allows to choose a different style for the magnifier window or specify your own personal style. See the end of this article for styling options.

The code is based on the TJPZoom library by Jànos Tòth.

The plugin will only work with templates using the #INSERT_HEAD tag.

If you use SPIP 1.9.2, you need to download the javascript library from TJPZoom and put its content in a directory tjpzoom in the squelettes directory. If you use SPIP 2, this is done automatically.

Using the Magnifier

The magnifier is activated as soon as the mouse enters the thumbnails. If the original image is very large, a "loading..." message will appear while it loads.

By click and dragging up and down on the image, you can change the magnification level of the zoom.

By click and dragging left/right, you can change the size of the zoom window.

Model Option

The model can be aligned left and right with et . However, unlike the default img model, this does not float the text around the image.

The maximum width of the thumbnail can be specified globally from the configuration page or locally with the parameter:

Personalised Magnifier Style

The configuration of the style can be done through a javascript file named tjpzoom_config_XXXX.js and placed in the directory squelettes.

The file defines the following variables:

Configuration Variables
variable	use
var TJPzoomwidth=160;	width of the zoom window.
var TJPzoomheight=120;	height of the zoom window.
var TJPzoomwindowlock=0;	if this variable is equal to 1, the window size is fixed.

var TJPzoomoffsetx=.5;	horizontal offset of the zoom window to the mouse pointer. 0.5 puts the pointer in the center of the zoom window.
var TJPzoomoffsety=.5;	vertical offset of the zoom window to the mouse pointer. 0.5 puts the pointer in the center of the zoom window.

var TJPzoomamount=4;	initial zoom level.
var TJPzoomamountmax=12;	maximum zoom level.
var TJPzoomamountmin=1;	minimum zoom level.

var TJPborderthick=2;	width of the zoom border.
var TJPbordercolor='#cccccc';	colour of the border.

In addition to these parameters, you can specify an image for the the border of the zoom window. To personalise this border, you have to create a directory XXXX in the squelettes folder with eight png images for the border and corners: n.png, ne.png, e.png, se.png, s.png, sw.png, w.png, nw.png.

You also have to add the configuration variable

var TJPshadowthick=8;

to specify the half width of the border.

SpipBB

chryjs — 2008-10-05T10:17:09Z

Informations

SpipBB vous permet de disposer de :

l'affichage de vos forums à la façon de phpBB,
d'une interface d'administration de vos forums avec différents outils de modération, filtrage, etc
d'être opérationnel en quelques clics (pas d'édition de squelettes requis)

Démonstration

Un exemple fonctionnel vaut mieux qu'un long discours, consultez spipbb.spip-zone pour :

avoir un aperçu fonctionnel de l'interface publique (pour les visiteurs) et son intégration éventuelle dans un site,
vous inscrire et avoir une vue de l'interface privée (certaines parties ne vous seront pas accessibles).

Documentation

La documentation est disponible sur Spip-Contrib

Support

Le support est assuré :

sur Spipbb.spip-zone
sur la mailing-list de Spip

Ragged Image in the Text

Mortimer — 2008-10-04T07:52:24Z

Note This plugin requires GD2

An image is often better than a thousands words:


Modèle par défaut de SPIP


Image insérée avec le nouveau modèle

This plugin provides a new model to insert images in the text with SPIP. The default model will float the text around a box to insert the image; the new model will "cut-off" the background of the image to keep the text as close as possible of the image content.

Additional Options

for aligning the image (right or left),
to specify a margin around the image,
to specify the background colour to "cut-off", if no colour is specified, the transparent background will be "cut-off".

Download dump

phil — 2008-10-04T07:47:42Z

Ce plugin ajoute une fonctionnalité dans la zone de configuration du site permettant de télécharger le dump de la base de données du site sur son ordinateur, sans accès FTP.

Documentation

Ergonomie de l'espace privé SPIP 1.9.2, SPIP 2.0, Pas d'accès SQL, Français

Image détourée dans le texte

ARNO*, Mortimer — 2008-10-02T14:16:15Z

Attention Ce plugin nécessite GD2

Une image vaut souvent plus que milles mots et c'est ici le cas pour bien comprendre ce qu'offre ce plugin :


Modèle par défaut de SPIP


Image insérée avec le nouveau modèle

Ce plugin offre un nouveau modèle pour insérer des image dans les textes SPIP. Au lieu d'afficher l'image dans une boite, comme le fait, le modèle permet de faire « couler » le texte autour de l'image.

Le modèle ragged va « découper » selon la couleur de fond de l'image pour que le texte colle au plus près du contenu de l'image.

Options Suplémentaires

pour spécifier l'alignement (droite ou gauche),
pour spécifier la marge autour de l'image,
pour spécifier la couleur de fond à découper. Si on n'en spécifie pas, on détoure selon la transparence (format PNG).

BBCode shortcuts for SPIP

Mortimer — 2008-10-02T06:44:23Z

SPIP provides its own set of shortcuts for formating text. However, some visitors and authors might be more used to other shortcuts such as the BBCode that is widely used online for forum sites.

The current plugin provides additional shortcuts with the BBCode notation in addition to the existing SPIP codes.

Here is a table of the possible shortcuts:

Provided Shortcuts
BBCode	SPIP	Results
[b]bold[/b]	`{{bold}}`	bold
[i]italic[/i]	`{italic}`	italic
[u]...[/u]	—	underline text
[center]...[/center]	—	centre the text
[quote]...[/quote]	—	make a quotation
[img]...[/img]	—	display an image
[list]...[/list]	—	start a list
[list=1]...[/list]	—	start a numbered list
[list=a]...[/list]	—	start an alphabetized list
[]..[/]	`-* ...`	add items to a list
[scroll]...[/scroll]	`...`	display code in a frame
[url=url]link[/url]	`[link->url]`	link
[code]...[/code]	`...`	display code
[email]email[/email]	—	link for an email
[email=email]texte[/email]	—	link for an email with different text
[color=color]...[/color]	—	change text colour (avoid)
[size=size]...[/size]	—	change text size (avoid)
[url][img]url image[/img][/url]	—	insert an image with a direct link to it
[url=url][img]url image[/img][/url]		insert an image with a different link