É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 ecrire.html dans votre dossier /squelettes/modeles/ecrire.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 :
  1. <ecriture|police=BodoniUltraFLFCond.ttf|texte=André vous dit Bonjour
  2. |taille=60
  3. |hauteur_ligne=72
  4. |couleur=0000ff
  5. |couleur_fond=ee0|largeur=600|align=center|padding=10|float=none
  6. >

Et voici le résultat


André vous dit Bonjour

Seules les deux premières lignes sont obligatoires, les autres options sont optionnelles. La taille sera par défaut de 16px et la couleur sera noire. Ainsi,

  1. <ecriture|police=BodoniUltraFLFCond.ttf|texte=André vous dit Bonjour>

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 :
  1. <ecriture|police=BodoniUltraFLFCond.ttf|texte=
  2. Bonsoir chez vous|taille=40|align=center|padding=10
  3. |float=right|couleur=0000ff
  4. |largeur=200|couleur_fond=eeeeee>

Résultat…


Bonsoir chez vous

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…

  1. <ecriture|police=BodoniUltraFLFCond.ttf|texte=
  2. Bonne nuit !
  3. |taille=54
  4. |hauteur_ligne=60
  5. |couleur=0000ff
  6. |couleur_fond=eeee00
  7. |largeur=600
  8. |align=right
  9. |padding=10
  10. |float=none
  11. >

Résultat…


Bonne nuit !

Accueil | Contact | Plan du site | | Statistiques | visites : 764686

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   ?    |    Les sites syndiqués OPML   ?

Site réalisé avec SPIP 2.0.7 + AHUNTSIC

Creative Commons License