Aide à la mise en forme d’articles pour Spip
par
popularité : 16%
A la demande de collègues et pour les sites d’écoles quelques trucs à utiliser pour la mise en forme d’articles avec SPIP en particulier :
un titre, un intertitre :
le texte compris entre des accolades triples sera centré, gras et avec un corps de caractère plus grand.
Exemple :
Ceci est un titre ou un intertitre
Pour forcer un saut de ligne :
ajouter à la fin de la ligne le code
Pour mettre le texte en gras :
le texte compris entre des accolades doubles sera en gras.
Pour mettre le texte en italique :
le texte compris entre des accolades simple sera en italique.
Il est possible de combiner gras et italique :
Ce texte est en gras et en italique
Pour souligner :
Le texte compris entre les deux codes « u » sera souligné : ce texte est souligné.
Pour mettre en couleur :
Le texte compris entre les deux codes « font » sera dans la couleur définie : texte en rouge
#ff0000 : ROUGE
#333399 : BLEU
#00ff00 : VERT
Pour surligner en couleur :
Le texte compris entre les deux codes « font color » sera surligné dans la couleur définie : TEXTE SURLIGNE
Pour forcer à centrer un texte :
On place le texte à centrer entre les codes « center » et « /center »
Exemple :
Pour encadrer ou créer un tableau :
Le texte compris entre les deux codes « | » sera encadré :
| Texte encadré |
On peut ainsi créer des tableaux simples à volonté.
| aaaaaaaaa | bbbbbbbb | cccccc |
|---|---|---|
| xxx xxx |
yyy | zzz |
Pour créer des listes avec des puces :
On utilise le tiret « - », pour un deuxième niveau « -* », « -*** » pour un troisième niveau, ...
Liste A
- Elément 1
- Elément 2
- Elément 3
Liste B
- Elément 1
- Elément 1.1
- Elément 1.2
- ...
- Elément 2
- Elément 3
Pour créer une ligne de séparation :
On utilise 4 tirets « ---- »
Exemple :
Pour créer des liens hypertextes :
Le code des liens hypertextes s’écrit entre 2 crochets.
| Lien vers ... | Code | Exemple |
|---|---|---|
| un article du site | texte->n° de l’article | Lire ceci |
| une brève du site | texte->br n° de la brève | lire la brève |
| une rubrique du site | texte->rub n° de la rubrique | Voir la rubrique |
| un lien externe dans une nouvelle fenêtre |
texte -> http://adresse "target ="_blank | Voir sur le site de la circo |
Des lettrines ? :
t en téléchargement, une série d’images utilisables en lettrine, pratique pour les acrostiches par exemple.
Pour aller plus loin :
On peut insérer dans l’article du code que l’on aura créé avec des logiciels externes et dédiés tel DreamWeaver, ou autres ...
L’accolade s’obtient sur PC avec la combinaison de touche Alt Gr 4
La barre verticale avec Alt GR 6
Les crochets s’obtiennent avec Alt Gr 5 et Alt GR °
Un outil qui génère du code html : FCKeditor
Documents joints
-
- alphabet
- 26 images de petites tailles à placer dans vos documents
Commentaires Forum fermé