Regles de formatage

REGLES DE FORMATAGE

règles de formatage

@ide-Mémoire : règles de formatage dans ce WiKi



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 WikiNi, 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 :

xhtml et wikini ou /or HTML in WikiNi WiKis
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 =
  1. liste à minuscules alphabétiques; item #1.
  2. liste à minuscules alphabétiques; item #2.
  3. 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 =
  1. liste à capitales alphabétiques; item #1.
  2. liste à capitales alphabétiques; item #2.
  3. 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 =
  1. liste à chiffres arabes; item #1.
  2. liste à chiffres arabes; item #2.
  3. 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 =
  1. liste à chiffres romains; item #1
  2. liste à chiffres romains; item #2
  3. liste à chiffres romains; item #3
  4. 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 =
  1. liste à chiffres romains; item #1.
  2. liste à chiffres romains; item #2.
  3. liste à chiffres romains; item #3.
  4. 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
=

  1. item #1
    1. item #1 a
    2. item #1 b
  2. item #2
  3. item #3
    1. item #3 a
    2. item #3 b
    3. item #3 c
  4. item #4


Liens automatiques

Liens forcés internes (à une autre p@ge du WiKi)
[[PagePrincipale]] = PagePrincipale
[[PagePrincipale Voici un lien pour la p@ge WiKi "PagePrincipale"]] =
Voici un lien pour la p@ge WiKi "PagePrincipale"

Liens forcés externes :

[[http://www.wikipedia.org]] = http://www.wikipedia.org
[[http://www.wikipedia.org Le WiKi de Wikipedia]] = Le WiKi de Wikipedia

Liens forcés courriel :
[[toto@example.org]] = toto@example.org
[[toto@example.org Adresse de toto]] = Adresse de toto

Liens interwiki possibles dans ce Wiki
EXEMPLES :
WikiDjeault:DjO = WikiDjeault:DjO (interwiki) ::WikiShop:PlaN (interwiki)
WikiNi:DjO (interwiki) :: WikiPedia:PagePrincipale (interwiki) :: WikiNiMST:DjO (interwiki)
NB : on doit respecter la casse (MAJUSCULES et minuscules) dans le NomDuWiki?

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,  moyen moineault : 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]] = www.djo.ca/w01blue.gif
  • ou soit avec le http:// et aussi un texte dit alternatif :
    • [[http://www.djo.ca/w01red.gif WikiNi]] =  WikiNi




Pour les Spécialistes 1/2, 2/2.
  • Dans un WiKi  WikiNi 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...
%%

apparaît dans une fenêtre comme celle qui suit.
Dans ces fenêtres...

ou "tableaux", tant qu'on a pas cliqué "Enter", la ligne continue ;
En bas de la fenêtre, la barre de défilement horizontal
permet d'aller jusqu'au bout des ligne longues.

Ici les deux paires de guillemets doubles perdent leur pouvoir m@gique :
les formatages <b>HTML</b> et **WikiNi** ne fonctionnent plus.
""les formatages <b>HTML</b> et **WikiNi** ne fonctionnent plus.""
<hr>
----
---
***
Les spécialistes utilisent fréquemment ces fenêtres pour y
traiter, discuter, construire des
code (php) code PHP (delphi) code delphi/pascal
------------------------
-Dans... Netscape Navigator 7x et Internet Explorer 6
   Cette fenêtre tableau a une hauteur et une largeur fixes :
   ±celles d'un écran de moniteur, ***
   Il y a une barre de défilement, à droite et en bas de la fenêtre.
---------

----
-Dans...
----
-Dans...
----
-------------------------------------------------------------------------

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, car...

Le surlignage et la couleur

Même si certains WiKis WikiNi ont été adaptés pour permettre le surlignage en jaune par ~~ et, les 3 couleurs de base, par #V#, #R#, #B#, cela ne fonctionne pas dans un WiKi WikiNi 0.4.x ou 5.0.x, s'il n'a pas été adapté par un développeur. Néanmoins, grâce au HTML, on peut rapidement contourner le problème et faire du surlignage à la couleur de son choix.

Les tableaux

Parallèlement, certains autres WiKis WikiNi, comme celui du WikiNiMST ont été adaptés afin de permettre le formatage des tableaux, mais, les Wikis  wikini 0.4.x ou 0.5.x, dont celui-ci, ne supportent pas le formatage des tableaux. On peut néanmoins utiliser le HTML pour y arriver :
@ide-mémoire des codes XHTML 0.1 valides dans les WiKis WikiNi
en français ou en anglais,
 xhtml et wikini ou  xhtml in wikini
FoXparleXhtml :: FoXspeaqsXhtml


<table bgcolor="#99ffff" width="580px" align="center">
<tr>
<td>
Votre contenu
</td>
</tr>
</table>

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 une division dans la p@ge, écrire, au début de la division, le code:
<div style="background-color: pink">, entre deux paires de guillemets doubles.

bambafox
BambaFox
version03
CC-GNU LGPL
est sous license
CC-GNU LGPL.


Pour terminer la division, écrire </div>, entre deux paires de guillemets doubles.



(>^_^)> Galope sous YesWiki <(^_^<)