Ce blog a été créé avec SPIP. Voici quelques astuces de mise en page que vous pouvez utiliser dans vos commentaires...
<onglet|debut|titre=Images>
SPIP, l’outil qui gère ce blog, permet de télécharger des images, qu’il référence par un nom du style
.
Une fois téléchargée, vous pouvez utiliser une image à peu près n’importe où, dans les titres, les articles, les commentaires etc...
Pour cela, vous indiquez le nom de l’image, et, à l’affichage, le nom sera remplacé par l’image à laquelle il correspond... ça marche donc pour des smileys, qui sont de bêtes petites images.
Donc, si dans mon texte, j’indique <img25>
, à l’affichage je verrai
...
Il restait juste à connaître le nom des images utilisables ici. En voici la liste. il vous suffit de remplacer le "25" de
par le n° indiqué devant un smiley pour faire apparaître ce dernier.
n° + smiley | .... | n° + smiley | .... | n° + smiley |
25
 |
|
26
 |
|
27
 |
29
 |
|
30
 |
|
31
 |
34
 |
|
35
 |
|
36
 |
37
 |
|
38
 |
|
39
 |
40
 |
|
41
 |
|
42
 |
45
 |
|
46
 |
|
47
 |
115
 |
|
116
 |
|
117
 |
118
 |
|
119
 |
|
120
 |
123
 |
|
124
 |
|
125
 |
158
 |
|
165
 |
|
167
 |
201
 |
|
208
 |
|
209
 |
210
 |
|
211
 |
|
212
 |
213
 |
|
214
 |
|
215
 |
224
 |
|
227
 |
|
511
 |
514
 |
|
515
 |
|
522
 |
526
 |
|
713
 |
|
714
 |
827
 |
|
|
|
|
<onglet|titre=Titres>
Il est possible de mettre des titres :
<div class="Titre1">Mon Titre 1</div>
donne
Mon Titre 1
<div class="Titre2">Mon Titre 2</div>
donne
Mon Titre 2
Formats
De la même façon, on peut formatter le texte en l’entourant de "balises" :
le texte |
.... |
sera affiché |
<B>texte</B> suite |
|
texte suite |
<u>texte</u> suite |
|
texte suite |
<s>texte</s> suite |
|
texte suite |
<i>texte</i> suite |
|
texte suite |
<sup>texte</sup> suite |
|
texte suite |
<inf>texte</inf> suite |
|
texte suite |
<FONT> Size=+2>texte</FONT> suite |
|
texte suite |
<FONT> Color=#0000FF>texte</FONT> suite |
|
texte suite |
<FONT> Color=#CC0000>texte</FONT> suite |
|
texte suite |
<FONT> Color=#33CC66>texte</FONT> suite |
|
texte suite |
<FONT> Color=#FF33CC>texte</FONT> suite |
|
texte suite |
<FONT Size=+2 Color=#33CC66>texte</FONT> suite |
|
texte suite |
<FONT style="BACKGROUND-COLOR:#FF99CC">Surligné</FONT> |
|
Surligné |
<FONT style="BACKGROUND-COLOR:#FEFF99">Surligné</FONT> |
|
Surligné |
<div ALIGN=LEFT>LEFT</div> |
|
LEFT |
<div ALIGN=RIGHT>RIGHT</div> |
|
RIGHT |
Vous pourrez trouver sur cette page l’ensemble des codes définissant les couleurs acceptées.
<onglet|titre=Notes de bas de page>
Il est possible de définir des notes de bas de page, comme ça : [[<1> Note n°1]]
et qui apparaît comme ça [1]
<onglet|titre=Listes>
On peut encore afficher des listes
- Elément 1
-* Sous-élément 1
-** Sous-sous-élément 1
-* Sous-élément 2
- Elément 2
- ...
Donne
Elément 1
- Sous-élément 1
- Sous-élément 2
Elément 2
...
Et
-# Elément 1
-## Sous-élément 1
-### Sous-sous-élément 1
-## Sous-élément 2
-# Elément 2
-# ...
Donne
- Elément 1
- Sous-élément 1
- Sous-sous-élément 1
- Sous-élément 2
- Elément 2
- ...
<onglet|titre=Hyperliens>
Référencer des sites ou des articles
Si dans un article on veut parler d’une page Web ou d’un autre article et mettre un lien direct sur cette page ou cet autre article avec le format suivant :
[texte->http://site.com/page] pour une page
ou
[texte->art123] pour l'article 123
Exemples :
[le site officiel de SPIP->www.spip.net]
donne le site officiel de SPIP
[les puissances de 10->art754]
donne Les puissances de 10
Dans le cas des articles, on peut omettre le texte et SPIP reprend directement le titre de l’article :
[->art754]
donne Noms des puissances de 10
<onglet|titre=Ancres>
Référencer un paragraphe dans un article
Mais parfois on veut juste renvoyer à un paragraphe particulier d’un article. On peut alors créer ce qui s’appelle une ancre dans cet article :
Dans l’article référencé, juste avant le paragraphe cité, on définit le point d’accès, par exemple [direct<-]
Dans l’article appelant, il ne reste qu’à mettre en référence le point particulier, avec une référence du type
[texte->art754#direct] et en cliquant sur le lien, l'utilisateur tombe directement sur le bon paragraphe...
Exemple : <code>[particularités des enfants surdoués->art742#particularites]
donne particularités des enfants surdoués qui pointe directement sur un chapitre de l’article...
<onglet|titre=Indentation>
Indenter du texte
En utilisant les classes indente à indente6
Texte normal
<div class="indente">Texte sous indente</div>
<div class="indente2">Texte sous indente2</div>
<div class="indente3">Texte sous indente3</div>
<div class="indente4">Texte sous indente4</div>
<div class="indente5">Texte sous indente5</div>
<div class="indente6">Texte sous indente6</div>
donne
Texte normal
Texte sous indente
Texte sous indente3
Texte sous indente4
Texte sous indente5
Texte sous indente6
<onglet|titre=Onglets>
Créer des onglets
<div class="tab-pane" id="Onglets">
<div class="tab-page">
<h2 class="tab">Onglet 1</h2>
Texte de l'onglet 1
</div>
<div class="tab-page">
<h2 class="tab">Onglet 2</h2>
Texte de l'onglet 2
</div>
</div>
<onglet|fin>
le 3 septembre 2017 par Eric
le 1er septembre 2017 par Bibi
le 24 juin 2017 par Eric
le 29 mai 2017 par roland