WikiShop

ReglesDeFormatage

PagePrincipale :: PlaN :: ProjetS :: FormaT :: DjoolS :: LastChanges :: UserLogin :: You are ec2-54-166-245-10.compute-1.amazonaws.com
<< RechercheTexte IndexInitial TableauDeBordDeCeWiki >>

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


code source de cette p@ge ouvre dans nouvelle fenetre
For the English version of this WiKi p@ge: FormaT
@ide-mémoire des règles de formatage WikiNi
Pour les j@rdiniers, @rtisans et p@rticipants des WiKis WikiNi.
Valid XHTML 1.0 Transitional
Top Basique NB En-têtes Listes-Retrait Liens Lignes-Retours Images Spécialisé Extra Info

Règles de base du formatage WikiNi :

//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.

Top Basique NB En-têtes Listes-Retrait Liens Lignes-Retours Images Spécialisé Extra Info

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.

Top Basique NB En-têtes Listes-Retrait Liens Lignes-Retours Images Spécialisé Extra Info

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é)



Top Basique NB En-têtes Listes-Retrait Liens Lignes-Retours Images Spécialisé Extra Info

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 =



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

Top Basique NB En-têtes Listes-Retrait Liens Lignes-Retours Images Spécialisé Extra Info

Liens automatiques
interne : NomWiKi ou MotWiki
externe : http://www.wikipedia.org

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

WikiProjets:PagePrincipale (interwiki) :: WikiUrania:PagePrincipale (interwiki),

WikiPolymnia:PagePrincipale (interwiki) :: WikiCalliope:PagePrincipale (interwiki),

WikiClio:PagePrincipale (interwiki) :: WikiErato:PagePrincipale (interwiki),

WikiThalia:PagePrincipale (interwiki) :: WikiMelpomene:PagePrincipale (interwiki),

WikiEuterpe:PagePrincipale (interwiki) :: WikiTerpsichore:PagePrincipale (interwiki),



Top Basique NB En-têtes Listes-Retrait Liens Lignes-Retours Images Spécialisé Extra Info

§ 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 :



Top Basique NB En-têtes Listes-Retrait Liens Lignes Retours Images Spécialisé Extra Info

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.



Top Basique NB En-têtes Listes-Retrait Liens Lignes-Retours Images Spécialisé Extra Info

Insérer une im@ge dans une p@ge WiKi

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,




Top Basique NB En-têtes Listes-Retrait Liens Lignes-Retours Images Spécialisé Extra Info

Pour les Spécialistes 1/2, 2/2.
%%
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]).



Top Basique NB En-têtes Listes-Retrait Liens Lignes-Retours Images Spécialisé Extras Info

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 :


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.

Top Basique NB En-têtes Listes-Retrait Liens Lignes-Retours Images Spécialisé Extra Info


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
BambaFox
version03
CC-GNU LGPL
est sous license
CC-GNU LGPL.


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



-- DjO 11fev2005, 06fev2006, 2007mai30, 2007jun28.


Il n'y a pas de commentaire sur cette page. [Afficher commentaires/formulaire]