logo ARTICLE 37 Raccourcis typographiques de Spip Par : Spox31
Derniere modif le
12 mars 2004,
Lu 2035 fois .

Version
imprimable

Dans la même rubrique
EVA-Squelettes 1.1
Cette version de Spip, légèrement adaptée, devrait permettre à une personne de mettre en place un site web collaboratif, en proposant différents modèles de publication (article, album photo, diaporama ...)
sidebar mozilla
la sidebar est une barre vertical positionner a gauche du navigateur et qui permet sur le site du donneur de visualiser les dernieres news d un forum et/ou les derniers articles ecrits.
Afficher l arborescence dans vos articles
Afficher l arborescence dans vos articles permet de sovoir ou vous etes quand vous naviguer dans les dossiers de spip.
Encadrer vos articles
Voici un script permetant de faire un cadre facilement autour d un test, d un article ou d une arborescence.
Admin sidebar pour la validation des articles
Si vous administrez un site sous spip, il vous est possible d installer une sidebar. Elle vous permet de voir les derniers articles, dernieres breves et derniers sites en cours de validation !
Raccourcis typographiques de Spip
Le traitement des images sous spip
Configuration de Spip 1.7/1.8 pour utiliser les librairies NetPBM et/ou convert de ImageMagick. Ces librairies permettent de creer des miniatures (vignettes) lors de la creation d article avec Spip.

Mots-clés

Un petit recapitulatif des raccourcis typographiques pour ecrire des articles avec Spip.

-  Cree des paragraphes :

Pour cree des paragraphes, il faut inserer une ou plusieurs lignes vides entre deux textes. Une seule ligne est pris en compte.

Exemple :



mon premier paragraphe.



mon deuxieme paragraphe.

Resultat :
mon premier paragraphe.

mon deuxieme paragraphe.


-  Un simple retour a la ligne :

Pour faire un simple retour a la ligne, il faut demarrer la deuxieme ligne par un "_ " (tiret bas + espace)

Exemple :



ma premiere ligne.
_ ma deuxieme ligne.

Resultat :
ma premiere ligne.
ma deuxieme ligne.
Sinon :

ma premiere ligne.
ma deuxieme ligne.

Resultat :
ma premiere ligne. ma deuxieme ligne.

-  Cree une puce au debut de la ligne :

il suffit de demarrer la ligne par un "- " (tiret + espace). un saut de ligne a ete ajouter puis la puce et la phrase.

Exemple :



- exemple de puce en debut de ligne.

Resultat :

-  exemple de puce en debut de ligne.

-  Cree des puces imbriquees :

Pour cree des puce imbriquees, il suffit de mettre un "-*" (tiret + etoile), puis "-**" (tiret + 2 etoiles) puis "-***" (tiret + 3 etoiles).

Exemple :



- une puce = un tiret plus un espace
-* une puce decale =un tiret plus une etoile
-** une puce un peu plus decale =un tiret plus deux etoiles
-*** une puce encore plus decale =un tiret plus trois etoiles
-*** une puce encore plus decale =un tiret plus trois etoiles
-* une puce decale =un tiret plus une etoile

Resultat :

-  une puce = un tiret plus un espace
  • une puce decale =un tiret plus une etoile
    • une puce un peu plus decale =un tiret plus deux etoiles
      • une puce encore plus decale =un tiret plus trois etoiles
      • une puce encore plus decale =un tiret plus trois etoiles
  • une puce decale =un tiret plus une etoile

-  Cree une liste numerotee :

Pour cree une liste numerotee et automatique, il suffit de demarrer la ligne par un "-#" (tiret + dieze).

Exemple :



-# mon premier est ...
-# mon deuxieme est ...
-# mon troisieme est donc une liste numerotee

Resultat :
  1. mon premier est ...
  2. mon deuxieme est ...
  3. mon troisieme est donc une liste numerotee


-  Cree un intertitre :

Il faut entourer le titre par trois accolades de chaque cote.

Exemple :



{{{un intertitre}}}

Resultat :

un intertitre


-  Gras, italique :

Exemple :



{{Gras}}, {italique}

Resultat :
Gras, italique

-  Trait de separation horizontal :

Il suffit de faire suivre quatre tiret en debut de ligne "----". Je ne vous le montre pas, il y en a partout !

-  Les liens hypertextes :

Il sont entre crochet "[ ]" avec au milieu un "->" (tiret + signe superieur).

Exemple :



1. [ mon site -> http://spox31.dyndns.org ]
2. [lien vers le site -> http://www.spox31.dyndns.org/portail/]
3. [->http://www.spox31.dyndns.org/portail/]
4. [->moi@mondomaine.ext ]
5. [article -> 20]
6. [article -> art20]
7. [article -> article 20]
8. [rubrique -> rub7]
9. [rubrique -> rubrique 7]
10. [breve -> br1]
11. [breve -> breve 1]
12. [->aut1]
13. [->auteur1]
14. [->mot8]
15. [->site1]
16. [->doc20]
17. [->document20]

Resultat :

1. mon site
2. lien vers le site
3. http://www.spox31.dyndns.org/portail/
4. moi@mondomaine.ext
5. article
6. article
7. article
8. rubrique
9. rubrique
10. breve
11. breve
12. Spox31
13. Spox31
14. Spip version 1.6
15. [SPIP]
16. winscp-s.jpg
17. winscp-s.jpg

-  Notes de bas de page :

Pour faire une note en bas de page mettre la note entre double crochet "[" :

Exemple :



Cliquer sur la note pour aller en bas[[recliquer pour remonter]]

Resultat :
Cliquer sur la note pour aller en bas [1]

-  Cree un tableau :

Pour cree un tableau, mettre les colonnes entre "|"(pipe), les lignes separees par un retour chariot et le tout separe par une ligne vide :

Exemple :




ligne vide avant

|colonne1|colonne2|colonne3|
|bob|george|martin|
|voiture|camion|tracteur|
|images1|image2|image3|

ligne vide apres


Resultat :
colonne1colonne2colonne3
bobgeorgemartin
voiturecamiontracteur
images1image2image3

-  Pour mettre du code HTML :

Exemple :



<a href="rubrique.php3?id_rubrique=1">Agenda</a>

Resultat :
Agenda

-  Pour ecrire du code informatique :

C est ce que je fait depuis le debut.

Exemple :


<code>
<?php    // ceci est du langage php
    echo "bonjour";
?>
</code>
Resultat :

<?php    // ceci est du langage php
    echo "bonjour";
?>

-  Et pour faire un cadre :

La meme chose que pour le code informatique :

Exemple :



<cadre>
mon texte ici
</cadre>

Resultat :

-  Les documents :

Exemple :



Afficher une image : <emb110|left>

Afficher sa vignette : <doc110|center>

Afficher un document : <doc132|right>

Ce sont differents maniere d afficher les objets de n importe quel article et les raporter dans celui ci !

Resultat :
Afficher une image :
 

Afficher sa vignette :

Afficher un document :

Fichier ringin.wav - 9.7 ko
Fichier ringin.wav
Telecharger le dans le dossier de Picophone.

Ce sont differents maniere d afficher les objets de n importe quel article et les raporter dans celui ci !


Voila, je ne pense pas en avoir oubier grand chose et j espere que le resume etait clair.

Bonne saisie !

[1] recliquer pour remonter


Laisser un commentaire à cet article

Ecrire au Webmestre Tous les fils d'information