@ide-Mémoire : règles de formatage dans ce WiKi
|
For the English version of this WiKi p@ge: FormaT
@ide-mémoire des règles de formatage
Pour les j@rdiniers, @rtisans et p@rticipants des WiKis WikiNi.
|
Règles de base du formatage 
:
//Texte en italique.// ---> = Texte en italique.
**Texte en gras !** ---> = Texte en gras !
Texte __souligné__ ! ---> = Texte souligné !
Texte @@barré@@ ! ---> = Texte barré !
##texte à espacement fixe## ---> = texte à espacement fixe
Après avoir lu ce qui suit, faites vos tests dans le BacASable :
c'est l'endroit fait pour ça.
Pour fermer le formatage , ce qui ouvre l'encodage HTML,
on écrit deux paires de guillemets doubles ; voici un guillemet double : ".
|
Les //codes WikiNi// tapés à l'édition, à l'intérieur de **deux paires** de guillemets doubles, comme dans cette phrase, @@ne formatent pas@@ le texte ; ainsi, on les voit dans la __p@ge WiKi éditée__ .
Parallèlement, si, à l'édition, hors d'une paire de <i>guillemets doubles</i>, comme dans cette <u>phrase-ci</u>, vous écrivez des <b>codes HTML</b>, vous les verrez dans la p@ge publiée, car <s>ils ne sont pas interprétés par votre navigateur</s> : pour en savoir plus sur le XHTML dans les WiKis WikiNi :

ou /or
|
Faites vos tests dans le BacASable : c'est l'endroit fait pour ça.
En-têtes : utiles afin de
structurer une p@ge Wiki
Petit en-tête
== Petit en-tête == (2 "=" de chaque coté)
En-tête normal
=== En-tête normal === (3 "=" de chaque coté)
Est ± égal à deux paires d'astérisques, *.
En-tête gros
==== En-tête gros ==== (4 "=" de chaque coté)
En-tête très gros
===== En-tête très gros ===== (5 "=" de chaque coté)
En-tête énorme
====== En-tête énorme ====== (6 "=" de chaque coté)
Liste à puces
(LISTES:
1/3,
2/3,
3/3.)
Pour mettre du contenu en retrait,
utiliser les
recettes pour les listes à puces,
mais avec des lignes ou des paragraphes, mais sans les "-".
Sauter un espace en début de ligne,
de par la barre d'espacement, en bas de votre clavier,
(ré)écrire un "-" puis l'item =
- liste à puces item #1.
- liste à puces item #2.
- liste à puces item #3.
- Liste à puces : un espace en début de ligne, suivi d'un "-".
- Liste à puces : deux espaces en début de ligne, suivi d'un "-".
- Liste à puces : un espace en début de ligne, suivi d'un "-".
- Liste à puces : deux espaces en début de ligne, suivi d'un "-".
- Liste à puces : trois espaces en début de ligne, suivi d'un "-".
- Liste à puces : quatre espaces en début de ligne, suivi d'un "-".
NB : avec trois espaces ou plus, on ne peut pas revenir à deux, et avoir du XHTML valide !
Pour du XHTML valide, on doit sauter une ligne puis, recommencer une autre liste, au besoin.
a) Liste numérotée (minuscules alphabétiques)
(LISTES:
1/3,
2/3,
3/3.)
Sauter un espace au début de chaque ligne,
écrire
a) au premier item, et "
-" aux suivants =
- liste à minuscules alphabétiques; item #1.
- liste à minuscules alphabétiques; item #2.
- liste à minuscules alphabétiques; item #3.
A) Liste numérotée (capitales alphabétiques)
Sauter un espace au début de chaque ligne,
écrire
A) au premier item, et "
-" aux suivants =
- liste à capitales alphabétiques; item #1.
- liste à capitales alphabétiques; item #2.
- liste à capitales alphabétiques; item #3.
1) Liste numérotée (chiffres arabes)
Sauter un espace au début de chaque ligne,
écrire
1) au premier item, et "
-" aux suivants =
- liste à chiffres arabes; item #1.
- liste à chiffres arabes; item #2.
- liste à chiffres arabes; item #3.
i) Liste numérotée (chiffres romains minuscules)
Sauter un espace au début de chaque ligne,
écrire
i) au premier item, et "
-" aux suivants =
- liste à chiffres romains; item #1
- liste à chiffres romains; item #2
- liste à chiffres romains; item #3
- liste à chiffres romains; item #4
I) Liste numérotée (chiffres romains majuscules)
(LISTES:
1/3,
2/3,
3/3.)
Sauter un espace au début de chaque ligne,
écrire
I) au premier item, et "
-" aux suivants =
- liste à chiffres romains; item #1.
- liste à chiffres romains; item #2.
- liste à chiffres romains; item #3.
- liste à chiffres romains; item #4.
X) Liste mixte (chiffres arabes et minuscules alphabétiques)
Un "_" équivaut à un espace.
_1)item #1
__a)item #1 a
__-item #1 b
_-item #2
_-item #3
__a)item #3 a
__-item #3 b
__-item #3 c
_-item #4 |
= |
- item #1
- item #1 a
- item #1 b
- item #2
- item #3
- item #3 a
- item #3 b
- item #3 c
- item #4
|
Liens automatiques
Liens forcés internes (à une autre p@ge du
WiKi)
Liens forcés externes :
Liens forcés courriel :
Liens interwiki possibles dans ce Wiki
Liste des autres liens interwiki, possibles de ce Wiki
§
Séparateur horizontal,
comme la ligne séparatrice horizontale qui termine ce §.
Il suffit de taper au moins 4 "-" ; au delà de 4 tirets, c'est le même effet :
Retour de ligne forcé :
---
Ce § en violet est entre deux paires de guillemets doubles, mais pas le suivant. Quand on est pas entre deux paires de guillemets doubles --- et qu'à l'édition, on écrit trois tirets d'affilée, comme ceux-ci, --- dans la page publiée, il y aura un changement de ligne, --- comme vous pouvez le voir.
Quand on est pas entre deux paires de guillemets doubles
et qu'à l'édition, on écrit trois tirets d'affilée, comme ceux-ci,
dans la page publiée, il y aura un changement de ligne,
comme vous pouvez le voir.
Ces "---" sont fort utiles pour changer de ligne à l'intérieur des codes de titres, "=", à l'intérieur des tableaux, dans les Wikis, dans lesquels ce "pouvoir" est intégré, ou encore pour changer de ligne à l'intérieur d'une liste.
Insérer une im@ge dans une p@ge WiKi
- Ces deux recettes, valides en XHTML, impliquent que l'im@ge soit déjà @ccessible sur le Web. Vu qu'@spirer une im@ge d'un autre Esp@ce Web signifie qu'on utilise la bande passante de cet Esp@ce, il est donc éthiquement correct, si ce n'est pas votre Esp@ce Web , de demander l'autorisation au(x) propriétaire(s) de cet Esp@ce, avant d'@spirer l'im@ge. Tout comme pour les citations textuelles empruntées, l'origine des im@ges devrait être indiquée.
Pour téléverser et héberger des im@ges, comme celle-ci, 
:
http://www.flickr.com
Pour faire @pparaitre une im@ge dans une p@ge Wiki,
copier l'@dresse de l'im@ge, en la
cliquant-droit, puis écrire cette @dresse,
l'adresse URL complète de la première im@ge étant : http://www.djo.ca/w01blue.gif,
- soit sans le http:// :
- [[www.djo.ca/w01blue.gif]] =

- ou soit avec le http:// et aussi un texte dit alternatif :
- [[http://www.djo.ca/w01red.gif WikiNi]] =

Pour les Spécialistes
1/2,
2/2.
- Dans un WiKi
0.4.x ou 0.5.x
- le texte écrit entre deux paires de "%" comme ceci :
%%
apparaît dans une fenêtre comme celle qui suit.
Dans ces fenêtres...
%%
Pour les Spécialistes
1/2,
2/2.
Pour afficher des logs / des scripts shell en ajoutant les tag <pre> et </pre>
qui seront interprétés pour afficher le texte tel quel par le navigateur
(sous réserve qu'il n'y ait pas de double guillemet dedans).
Cela permet d'avoir le contenu in extenso
plutôt que dans une boîte de code qui est de taille fixe
(contrairement à la fonctionnalité de phpBB2 avec les tags [code] et [/code]).
Extras que le FoXmatageWikiNi ne peut pas faire en soi
Dans ce Wiki, on peut donner à une p@ge un style et une couleur globale,
en insérant un de ces codes d'
ActionInclude , au tout début de la p@ge :
- {{include page="MauvE"}} :: {{include page="BleU"}} :: {{include page="VerT"}}
- {{include page="JaunE"}} :: {{include page="OrangE"}} :: {{include page="RougE"}}
- {{include page="GriS"}} :: Voir MauvE, BleU, VerT, JaunE, OrangE, RougE, GriS.
- Néanmoins, noter que cela cause une erreur XHTML...
Surligner, colorer, grandir la police
WikiNi MST permet le
formattage de tableau, mais pas ce Wiki-ci : utiliser plutôt le xHTML !
@ide-mémoire des codes XHTML 0.1 valides dans les WiKis WikiNi
<table bgcolor="#99ffff" width="580px" align="center">
<tr>
<td>
Votre contenu
</td>
</tr>
</table>
entre deux paires de guillemets doubles, crée un tableau, bleu comme celui-ci. Un tel tableau, bleu ou autre, peut être utile pour un rappel urgent, une information pertinente, une décision importante, une annonce de dernière heure, les titres, etc.
|
Pour colorer rose une division dans la p@ge, écrire, au début de la division, le code :
<div style="background-color: #ffcccc">,
entre deux paires de guillemets doubles.
BambaFox
version04

est sous
licence CC-GNU LGPL.
Pour terminer la division, écrire </div>,
entre deux paires de guillemets doubles.
--
DjO 11fev2005, 06fev2006, 2007mai30, 2007jun28, 2008jan06, 2008jan16.