SPIP

|image_recadre

peetdu, valery — 2015-09-17T18:13:21Z

Le filtre |image_recadre recadre une image selon des dimensions absolues ou des proportions.

Sommaire

Utilisations

Ce filtre s'applique aussi bien sur

le chemin de l'image (balise #FICHIER)
une balise html (Voir Les balises #LOGO_XXX ou encore le filtre |balise_img)

Recadrer selon des dimensions absolues

Les arguments sont :

|image_recadre{largeur, hauteur, position, couleur de fond}

largeur ;
hauteur ;
position (optionnel) :
- center, left, right, top, bottom ;
- ou combinaisons de plusieurs top left ;
- ou indication en pixels depuis une position top=50 ou composée top=40 left=50 ;
- ou nom d'une fonction spéciale qui calculera et retournera la position souhaitée. Le plugin centre_image permet par exemple le cadrage sur le focus de l'image, ce point de focus étant calculé automatiquement par le plugin ou positionné manuellement dans l'espace privé du site.
couleur de fond (optionnel), argument est utile si on agrandit l'image.

Exemples avec dimensions absolues

[(#FICHIER|image_recadre{800, 400})] [(#LOGO_ARTICLE|image_recadre{800, 400, center})] [(#LOGO_RUBRIQUE|image_recadre{800, 400, center, black})]

[(#FICHIER|image_recadre{90,90,center})]

|image_recadre{90,90,center}

recadre l'image originale en un carré de 90 px de largeur et hauteur en se basant sur le centre de l'image.

Il est possible d'avoir un paramètre largeur ou hauteur égal à 0. Dans ce cas, c'est l'autre paramètre qui est pris en compte uniquement.
|image_recadre permet également d'agrandir un fichier image, le fond est alors spécifié par une couleur ou 'transparent' en 4e argument :

[(#FICHIER|image_recadre{500,300,'top left','#663399'})]

|image_recadre{500,300,'top left','#663399'}

Recadrer selon des proportions

Les arguments sont :

|image_recadre{proportions, +|-, position, couleur de fond}

proportions : ratio largeur:hauteur demandé ;
+|- : '+' pour agrandir avec des bandes, '-' pour réduire. (si '-' est appliqué, c'est l'équivalent de |image_passe_partout) ;
position (optionnel) : Indication de position de la découpe :
- center, left, right, top, bottom ;
- ou combinaisons de plusieurs top left ;
- ou indication en pixels depuis une position top=50 ou composée top=40 left=50 ;
- ou nom d'une fonction spéciale qui calculera et retournera la position souhaitée.
couleur de fond (optionnel) : couleur de fond si on agrandit l'image

Exemples avec des proportions

[(#FICHIER|image_recadre{16:9, '-'})] [(#LOGO_BREVE|image_recadre{1:1, '-', center})] [(#FICHIER|image_recadre{16:9, -, top left})] [(#FICHIER|image_recadre{16:9, -, top=40 left=20})] [(#FICHIER|image_recadre{16:9, +, center, white})]

|image_recadre{16:9,'-'}

Permet d'avoir un logo au format 16:9 en recadrant l'image le moins possible.
Cela permet de conserver l'image la plus grande possible qui respecte une proportion.

Exemple

[(#LOGO_ARTICLE|image_recadre{1:1,-,center top})]

|image_recadre{1:1,'-','center top'}

Voir aussi

Les filtres

L'article sur le Traitement automatisé des images, détaillant également de nombreux autres filtres image.

{profondeur}

valery — 2015-06-17T13:13:49Z

{profondeur=3} : permet de sélectionner les rubriques du 3e niveau (les rubriques secteurs sont le niveau 0, puis les rubriques du dessous le niveau 1 etc.).

Une boucle RUBRIQUES avec le critère {profondeur=0} donnera le même résultat que {racine} ou {id_parent=0}

Un exemple d'utilisation est, dans un site multilingue organisé par secteurs (chaque langue correspond à une rubrique racine du site), de réaliser un menu de navigation :

 #TITRE

Avec l'arborescence ci-dessous :

Rubrique Racine A en français
- Sous-Rubrique A1
- Sous-Rubrique A2
Rubrique Racine B en anglais
- Sous-Rubrique B1
- Sous-Rubrique B2

La Rubrique Racine A est un secteur, donc a une profondeur de 0. Sous-Rubrique A1 correspond à la profondeur 1.

La boucle exemple retournera donc, si l'on est sur une page en anglais :

- Sous-Rubrique B1
- Sous-Rubrique B2

#CREDITS

valery — 2013-02-04T16:32:14Z

Affiche les crédits du document.
À partir de SPIP 3.0 un champ est disponible pour indiquer les crédits d'un document (par exemple le nom du photographe pour une photo).
Au sein d'une boucle DOCUMENTS la balise #CREDITS permet d'afficher ce texte.

- Balises / BOUCLE(DOCUMENTS), SPIP 3.0, #CREDITS

Insérer une note de bas de page

valery — 2011-12-13T07:38:06Z

Sommaire

Principe général

SPIP prévoit un raccourci typographique pour insérer une note de bas de page :

« Je ne suis pas d'accord avec ce que vous dites, mais je me battrai pour que vous ayez le droit de le dire. »[[Citation apocryphe attribuée à Voltaire.]].

Affichera ceci :

« Je ne suis pas d'accord avec ce que vous dites, mais je me battrai pour que vous ayez le droit de le dire. » [1].

SPIP génère alors automatiquement :

la numérotation
le lien vers la note
l'affichage de la note et le lien de retour vers l'emplacement de l'appel de note

Cas particulier

L'aide de SPIP [2] mentionne aussi une syntaxe permettant de forcer le libellé de l'appel de note :

Lorem ipsum dolor sit amet[[<*>faux texte.]].

affiche donc :

Lorem ipsum dolor sit amet [*].

Cette syntaxe peut être notamment utile pour appeler une note déjà existante [3] en indiquant le numéro de cette note entre les symboles < et > et en laissant vide le reste de la note :

Cette syntaxe peut être notamment utile pour appeler une note déjà existante[[<3>]] .

Le HTML généré

[2].

et plus bas :

[2] Citation apocryphe attribuée à Voltaire.

Dans les squelettes

Attention, les notes de bas de page s'affichent à l'emplacement de la balise #NOTES... et ne s'affichent pas en l'absence de cette balise. Il faut donc bien penser à l'insérer dans le squelette !

Voir aussi

- La balise #NOTES

Et pour aller plus loin :
- Les constantes _NOTES_OUVRE_NOTE et _NOTES_FERME_NOTE
- Les constantes _NOTES_OUVRE_REF et _NOTES_FERME_REF

[1] Citation apocryphe attribuée à Voltaire.

[2] Aide sur les raccourcis typographiques

[*] faux texte.

Selon Wikipedia [1], une note est une information qui approfondit un élément d'un texte au moyen d'un renvoi hors texte numéroté. Il peut s'agir :

soit d'une digression : une explication approfondie d'un point qui va au-delà du sujet de l'article [...] ;
soit d'une source : une indication de la référence d'où est extraite l'information.