Éducation, société et technologie
SPIP

Images typo

mercredi 21 mai 2008 par André Vincent

Un modèle pour transformer automatiquement un texte en image typographique avec choix de la police, taille (corps), interlignage, couleur de la police, couleur de fond, alignement du texte, incrustation à gauche ou à droite, padding, etc...

  Sommaire  

 Installation

  1. Placer le modèle ecriture.html dans votre dossier /squelettes/modeles/ecriture.html
  2. Placer une ou des polices au format TrueType (.ttf) directement dans le dossier /squelettes/polices/
  3. Dans n’importe zone de Texte d’un article, d’une rubrique ou d’une brève, inscrivez :

Et voici le résultat


André vous dit Bonjour

Seul l’argument texte est obligatoire, les autres arguments sont optionnels. La taille sera par défaut de 16px, la couleur sera noire et la police utilisée sera la police livrée par défaut avec SPIP : Dustismo, (dans le dossier /squelettes-dist/polices). Ainsi,

Donnera ceci :

André vous dit Bonjour

 Options

  • L’option float positionne la boîte d’image typographique dans le paragraphe suivant (left ou right), de la largeur spécifiée.
  • L’option align aligne le texte à l’intérieur de la boîte d’image. Exemple :

Résultat...


“...une citation, par exemple”

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam urna dui, commodo at, viverra id, pulvinar egestas, eros. Phasellus cursus. Proin ullamcorper ligula in libero. Aliquam est dolor, cursus in, consectetur nec, accumsan ut, tortor. Etiam id est eu eros pulvinar gravida. Maecenas lacus purus, hendrerit quis, auctor quis, tempus a, neque. Mauris consectetur volutpat nulla.


Et ceci...

Résultat...


Bonne nuit !

Accueil | Contact | Plan du site | | Statistiques du site | Visiteurs : 1563 / 1789533

Suivre la vie du site fr  Suivre la vie du site Cours Web  Suivre la vie du site Sites web dynamiques  Suivre la vie du site SPIP  Suivre la vie du site Trucs et astuces SPIP   ?    |    titre sites syndiques OPML   ?

Site réalisé avec SPIP 3.1.4 + AHUNTSIC

Creative Commons License

Visiteurs connectés : 2