Visiteur non identifié. Spherick
« Les cons, ça ose tout, c’est même à ça qu’on les reconnaît. »Michel Audiard, Les Tontons flingueurs, 1963
Jan
Fév
Mar
Avr
Mai
Jui
Jui
Aou
Sep
Oct
Nov
Déc
Accueil > Blog Eric > Aide > Smile your text

Public  Smile your text

Comment ajouter un smiley dans votre texte...

mardi 30 août 2005, lu 72772 fois

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-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="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>

Notes

[1Note n°1

Vous pouvez noter cet article, lu 72772 fois
0 vote


2 Messages

Qui êtes-vous ?
Votre message

Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.