Règles de formatage

Accentuation

**Gras**
//Italique//
__Souligné__
@@Barré@@

Titres

======Titre 1======

=====Titre 2=====

====Titre 3====

===Titre 4===

==Titre 5==

Listes

 - Liste à puce niveau 1
 - Liste à puce niveau 1
  - Liste à puce niveau 2
  - Liste à puce niveau 2
 - Liste à puce niveau 1

 1. Liste énumérée
 2. Liste énumérée
 3. Liste énumérée

Liens

[[http://www.exemple.com Texte qui s'affichera pour le lien externe]]
[[PageDeCeWiki Texte qui s'affichera pour le lien interne]]

Lien qui force l'ouverture vers une page extérieure

""<a href="http://exemple.com" target="_blank">ton texte</a>""

Images

Doc en ligne
Pour télécharger une image, utiliser le bouton Joindre/insérer un fichier
.

Tableaux

[|
| Colonne 1 | Colonne 2 | Colonne 3 |
| John | Doe | Male |
| Mary | Smith | Female |
|]
[|
| Colonne 1 | Colonne 2 | Colonne 3 |
| John     | Doe      | Male     |
| Mary     | Smith    | Female   |
|]

Boutons wiki

Doc en ligne
{{button class="btn btn-danger" link="lienverspage" icon="plus icon-white" text="votre texte"}}

Créer un bouton qui ouvre son contenu dans un nouvel onglet

""<a href="votrelien" target="_blank" class="btn btn-primary btn-large">votre texte</a>""

Ecrire en html

si vous déposez du html dans la page wiki, 
il faut l'entourer de ""  "" 
pour qu'il soit interprété

Placer du code en commentaire sur la page

""<!-- en utilisant ce code on peut mettre du texte qui n'apparait pas sur la page... ce qui permet de laisser des explications par exemple ou même d'écrire du texte en prépa d'une publication future -->""

Code exemples

Insérer un iframe

Doc en ligne Inclure un autre site, ou un pad, ou une vidéo youtube, etc...
""<iframe width=100% height="1250" src="http://exemple.com" frameborder="0" allowfullscreen></iframe>""

Texte en couleur

""<span style="color:#votrecodecouleur;">votre texte à colorer</span>""
Quelques codes couleur => mauve : 990066 / vert : 99cc33 / rouge : cc3333 / orange : ff9900 / bleu : 006699Voir les codes hexa des couleurs : http://fr.wikipedia.org/wiki/Liste_de_couleurs

Message d'alerte

Avec une croix pour le fermer.
""<div class="alert">
<button type="button" class="close" data-dismiss="alert">×</button>
Attention ! Voici votre message.
</div>""

Label "important" ou "info"

Important et Info
""<span class="label label-danger">Important</span>"" et ""<span class="label label-info">Info</span>""

Mise en page par colonne

Doc en ligne le total des colonnes doit faire 12 (ou moins)
{{grid}}
{{col size="6"}}
===Titre de la colonne 1===
Texte colonne 1
{{end elem="col"}}
{{col size="6"}}
===Titre de la colonne 2===
Texte colonne 2
{{end elem="col"}}
{{end elem="grid"}}

Créer des onglets dans une page

Doc en ligne Il est possible de créer des onglets au sein d'une page wiki en utilisant l'action . La syntaxe est (elle est à répéter sur toutes les pages concernée par la barre d'onglet)
{{nav links="NomPage1, NomPage2, NomPage3Personne" titles="TitreOnglet1, TitreOnglet2, TitreOnglet3"}}

Formulaires de contact

Doc en ligne
{{contact mail="adresse.mail@exemple.com" entete="ce qui sera dans l'objet du mail que vous recevrez"}}

Inclure une page dans une autre

{{include page="NomPageAInclure"}}

Pour inclure une page d'un autre yeswiki : ( Noter le pipe | après les premiers [[ )
[[|http://lesite.org/nomduwiki PageAInclure]]

Image de fond avec du texte par dessus

Doc en ligne Avec possibilité de mettre du texte par dessus
{{backgroundimage height="150" file="monbandeau.jpg" class="white text-center doubletitlesize"}}
=====Texte du titre=====
description
{{endbackgroundimage}}

Couleur de fond avec du texte par dessus

Avec possibilité de mettre du texte par dessus
{{backgroundimage height="150" bgcolor="#2BB34A" class="white text-center doubletitlesize"}}
=====Texte du titre=====
description
{{endbackgroundimage}}


Guide des règles de formatage


Les règles de formatage avec Wakka diffèrent légèrement des autres Wikis. (Voir par exemple les règles de formatage de WikiWikiWeb , le premier Wiki connu.)
Tout texte placé entre deux guillemets doubles - " - est présenté tel que.

Vous pouvez effectuer vos propres test dans le BacASable : c'est un endroit fait pour ça.

Règles de base :
  • **Texte en gras !** ---> Texte en gras !
  • //Texte en italique.// ---> Texte en italique.
  • Texte __souligné__ ! ---> Texte souligné !
  • Texte @@barré@@ ! ---> Texte barré !
  • ##texte à espacement fixe## ---> texte à espacement fixe
  • %%code%%
  • %%(php) PHP code%%
  • %%(delphi) code delphi/pascal%%

Empêcher le formatage du texte :
  • Pour empêcher que Wikini n'interprète les balises de formatage de texte qu'il reconnait, encadrer le texte par une paire de guillemets doubles. Par __exemple__, ce **texte** @@contient@@ des %%balises%% reconnue par Wikini qui ne sont //pas// interprétée car il est encadré par une paire de **guillemets double** comme __vous__ pouvez vous en apercevoir :)
  • Deux autres utilisations :
  • écrire directement du HTML dans le wikini - par exemple pour les tableaux... ;-) - vu que ce qui est renvoyé est tout de même interprété par le moteur de rendu de Mozilla
  • 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])

Liens forcés :
  • [[http://www.mon-site.org]]
  • [[http://www.mon-site.org Mon-site]]
  • [[P2P]]
  • [[P2P Page sur le P2P]]

En-têtes :
  • ====== En-tête énorme ======

    En-tête énorme

  • ===== En-tête très gros =====

    En-tête très gros

  • ==== En-tête gros ====

    En-tête gros

  • === En-tête normal ===

    En-tête normal

  • == Petit en-tête ==
    Petit en-tête

Séparateur horizontal : il suffit de taper au moins 4 "-", au dela de 4 tirets c'est le meme effet
Exemple : ----


Retour de ligne forcé :
  • ---

L'indentation de textes se fait avec la touche "TAB". Vous pouvez aussi créer des listes à puces ou numérotées :
  • - liste à puce
  • 1) liste numérotée (chiffres arabes)
  • A) liste numérotée (capitales alphabétiques)
  • a) liste numérotée (minuscules alphabétiques)
  • i) liste numérotée (chiffres romains)

Vous pouvez également indenter du texte en utilisant des caractères espace au lieu de la touche "TAB", les exemples ci dessus restent valables mais attention à ne pas mélanger des "TAB" et des espaces dans la même énumération.

  • - liste à puce
  • 1) liste numérotée (chiffres arabes)
  • A) liste numérotée (capitales alphabétiques)
  • a) liste numérotée (minuscules alphabétiques)
  • i) liste numérotée (chiffres romains)

Note : à cause d'un bogue dans son moteur de rendu , les listes, utilisant la touche TAB, ne fonctionnent pas (encore) sous Mozilla.