Accueil > Blog > Raconter... > Smile your text

Smile your text

mardi 30 août 2005

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=&nbsp;» Titre1&nbsp;» >Mon Titre 1</div>
donne

Mon Titre 1

<div class=&nbsp;» Titre2&nbsp;» >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=&nbsp;» BACKGROUND-COLOR:#FF99CC&nbsp;» >Surligné</FONT> Surligné
<FONT style=&nbsp;» BACKGROUND-COLOR:#FEFF99&nbsp;» >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-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

  1. Elément 1
    1. Sous-élément 1
      1. Sous-sous-élément 1
    2. Sous-élément 2
  2. Elément 2
  3. ...

<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=&nbsp;» indente&nbsp;» >Texte sous indente</div>
<div class=&nbsp;» indente2&nbsp;» >Texte sous indente2</div>
<div class=&nbsp;» indente3&nbsp;» >Texte sous indente3</div>
<div class=&nbsp;» indente4&nbsp;» >Texte sous indente4</div>
<div class=&nbsp;» indente5&nbsp;» >Texte sous indente5</div>
<div class=&nbsp;» indente6&nbsp;» >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=&nbsp;» tab-pane&nbsp;»  id=&nbsp;» Onglets&nbsp;» >
	<div class=&nbsp;» tab-page&nbsp;» >
		<h2 class=&nbsp;» tab&nbsp;» >Onglet 1</h2>
Texte de l’onglet 1
	</div>
	<div class=&nbsp;» tab-page&nbsp;» >
		<h2 class=&nbsp;» tab&nbsp;» >Onglet 2</h2>
Texte de l’onglet 2
	</div>
</div>

<onglet|fin>


[1Note n °1

Messages

Un message, un commentaire ?

modération a priori

Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.