Site Perso de r0ro : ReglesDeFormatage

PagePrincipale :: Categories :: IndexDesPages :: ModificationsRecentes :: RecemmentCommente :: Connexion/Inscription

Guide de Mise en Forme Wikka


Note: Tout texte contenu entre 2 paires de double quote n'est pas formaté..
 

Une fois que vous aurez lu ces règles, testez vos capacités de mise en forme dans le BacASable.

1. Mise en Forme du Texte


**Je suis en Gras**
Je suis en gras

//Je suis en Italique!//
Je suis en Italique!

~Je suis __souligné__!
Je suis souligné!

##Texte à espacement fixe##
Texte à espacement fixe

''Texte surligné'' (en utilisant deux simple quote)
Texte surligné

++Texte barré++
Texte barré

Appuyez sur #%UNE TOUCHE#%
Appuyez sur UNE TOUCHE

@@Texte centré@@
Texte centré

2. Titres


Utilisez entre 5 = (pour le plus gros titre) et 2 = (pour le plus petit titre) de part et d'autre d'un texte pour en faire un titre.

====== Très très gros titre ======

Très très gros titre


===== Très gros titre =====

Très gros titre


==== Titre moyen ====

Titre moyen


=== Titre normal ===

Titre normal


== Petit titre ==
Petit Titre

3. Séparateur horizontal

----


4. Saut de Ligne

---



5. Listes et indentation


Vous pouvez indenter un texte en utilisant un ~, un tab ou 4 espaces (ce qui le convertira automatiquement en un tab).

~Ce texte est indenté
~~Ce texte est doublement indenté
    Ce texte est aussi indenté


Ce texte est indenté
Ce texte est doublement indenté
Ce texte est aussi indenté

Pour créer des listes à puce/numérotées, utilisez la syntaxse suivante (vous pouvez toujours utiliser 4 espaces à la place d'un ~):

Listes à puce
~- Ligne 1
~- Ligne 2

- Ligne 1
- Ligne 2

Listes numérotées
~1) Ligne 1
~1) Ligne 2

  1. Ligne 1
  2. Ligne 2

Listes ordonnées en utilisant des majuscules
~A) Ligne 1
~A) Ligne 2

  1. Ligne 1
  2. Ligne 2

Listes ordonnées avec une minuscule
~a) Ligne 1
~a) Ligne 2

  1. Ligne 1
  2. Ligne 2

Listes ordonnées avec des chiffres romains
~I) Ligne 1
~I) Ligne 2

  1. Ligne 1
  2. Ligne 2

Listes ordonnées avec des chiffres romains minuscules
~i) Ligne 1
~i) Ligne 2

  1. Ligne 1
  2. Ligne 2

6. Commentaires


Pour formater un texte comme étant un commentaire, utilisez une indentation ( ~, un tab ou 4 espaces) suivie par un &.

Exemple:

~& Commentaire
~~& Sous Commentaire
~~~& Sous Sous Commentaire


7. Images


Pour insérer une image dans une page du Wiki, vous pouvez utiliser l'action image .

Exemple:

{{image class="center" alt="DVD logo" title="Une image" url="images/dvdvideo.gif" link="ModificationsRecentes"}}
dvd logo

Les liens peuvent être internes, externes ou des liens Wiki. Vous n'êtes pas obligé d'enter un lien, dans ce cas l'image est juste insérée. Vous pouvez aussi utiliser les classes left et right pour positionner l'image à gauche ou a droite. Vous n'êtes pas obligés d'utiliser ces attributs, seul l'attribut url est obligatoire même si alt est recommandé pour l'accessibilité.

8. Liens


Pour créer un lien vers une page wiki vous pouvez utiliser l'une de ces options:

  1. Tapper un NomWiki:

    ReglesDeFormatage
    ReglesDeFormatage

  2. ajouter un lien forcé en encadrant le nom de la page par [[ et ]] (tout ce qui suit le premier espace sera affiché comme description):

    [[BacASable Testez votre mise en forme]]
    Testez votre mise en forme

    [[BacASable 沙箱]]
    沙箱

  3. ajouter une image avec un lien (voir les instructions ci-dessus).

Pour Ajouter un lien vers une page externe, vous pouvez:

  1. entrer une URL dans la page:

    http://www.exemple.com
    http://www.exemple.com

  2. ajouter un lien forcé en encadrant l'URL par [[ et ]] (tout ce qui suit le premier espace sera affiché comme description):

    [[http://exemple.com/jenna/ Page de Jenna]]
    Page de Jenna

    [[mail@exemple.com Ecrivez moi!]]
    Ecrivez moi!

  3. ajouter une image avec un lien (voir les instructions ci-dessus);
  4. ajouter un lien interwiki (explorez la liste des tags interwiki disponibles):

    WikiPedia:WikkaWiki
    WikiPedia:WikkaWiki

    Google:CSS
    Google:CSS

    Thesaurus:Happy
    Thesaurus:Happy


9. Tableaux


Pour créer un table vous pouvez utiliser l'action table.

Exemple:

{{table columns="3" cellpadding="1" cells="BIG;GREEN;FROGS;yes;yes;no;no;no;###"}}

BIG GREEN FROGS
yes yes no
no no

Notez que ### doit être utilisé pour indiquer une cellule vide.
Des tableaux plus complexes peuvent être crées en insérant du code HTML dans une page wiki (voir ci-dessous).

10. Texte coloré


Du texte coloré peut être crée en utilisant l'action color:

Exemple:

{{color c="blue" text="Ceci est un test."}}
Ceci est un texte.

Vous pouvez aussi utiliser des valeurs hexadécimales:

Exemple:

{{color hex="#DD0000" text="Ceci est un autre test."}}
Ceci est un autre test.

Vous pouvez aussi spécifier une couleur d'avant plan et d'arriere plan en utilisant les paramètres fg et bg (ils acceptent des couleurs nommées ou en haxadecimal):

Exemples:

{{color fg="#FF0000" bg="#000000" text="Ceci est un texte coloré sur un fond coloré"}}
Ceci est un texte coloré sur un fond coloré

{{color fg="lightgreen" bg="black" text="Ceci est un texte coloré sur un fond coloré"}}
Ceci est un texte coloré sur un fond coloré


11. Flottants


Pour créer une boite flottante à gauche, utilisez deux < avant et après le bloc.

Exemple:

<<Du texte dans une boîte flottante gauche<< Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir.

Du texte dans une boîte flottante gauche
Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir.
 
Pour créer une boite flottante à droite, utilisez deux
> avant et après le bloc.

Exemple:

>>Du texte dans une boîte flottante droite>> Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir.

Du texte dans une boîte flottante droite
Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir. Du texte pour remplir.

 
Utilisez ::c:: pour séparer les blocs flottants.

12. Mise en forme du code


Vous pouvez facilement mettre en forme des blocs de code dans les pages wiki en insérant une simple balise. Tout bloc de code est affiché tel quel.
Pour créer un bloc de code générique vous pouvez utiliser les balises:

%% Ceci est un bloc de code %%.

 Ceci est un bloc de code 


Pour créer un bloc de code avec coloration syntaxique, vous pouvez indiquer un code de mise en forme de langage (voir ci dessous pour les différents mises en formes).

%%(php)
<?php
echo "Hello, World!";
?>
%%

<?php
echo "Hello, World!";
?>


Vous pouvez aussi spécifier un numéro de la ligne de début.

%%(php;15)
<?php
echo "Hello, World!";
?>
%%

  1. <?php
  2. echo "Hello, World!";
  3. ?>


Si vous spécifiez un nom de fichier, il sera utilisé pour télécharger le code.

%%(php;15;test.php)
<?php
echo "Hello, World!";
?>
%%

test.php (line 15)
  1. <?php
  2. echo "Hello, World!";
  3. ?>


Liste des différents codes de mise en forme des langages:
LANGUAGE FORMATTER LANGUAGE FORMATTER LANGUAGE FORMATTER
Actionscript actionscript ADA ada Apache Log apache
AppleScript applescript ASM asm ASP asp
AutoIT autoit Bash bash BlitzBasic blitzbasic
C c C for Macs c_mac c# csharp
C++ cpp CAD DCL caddcl CadLisp cadlisp
CFDG cfdg ColdFusion cfm CSS css
D d Delphi delphi Diff-Output diff
DIV div DOS dos Eiffel eiffel
Fortran fortran FreeBasic freebasic GML gml
Groovy groovy HTML html4strict INI ini
Inno Script inno Java 5 java5 Java java
Javascript javascript Lisp lisp Lua lua
Matlab matlab Microchip Assembler mpasm Microsoft Registry reg
MySQL mysql NSIS nsis Objective C objc
OpenOffice BASIC oobas Objective Caml ocaml Objective Caml (brief) ocaml-brief
Oracle 8 oracle8 Pascal pascal Perl perl
PHP php PHP (brief) php-brief Python phyton
Q(uick)BASIC qbasic robots.txt robots Ruby ruby
SAS sas Scheme scheme sdlBasic sdlbasic
Smarty smarty SQL sql TCL/iTCL tcl
T-SQL tsql Text text VB.NET vbnet
VHDL vhdl Visual BASIC vb Visual Fox Pro visualfoxpro
WinBatch winbatch XML xml



13. Mindmaps


Wikka est compatible mindmaps. Il y a deux moyens d'inclure un mindmap dans une page wiki.

Option 1: Uploader un fichier FreeMind sur un serveur et placer un lien sur une page wikka:
http://yourdomain.com/freemind/freemind.mm
Pas de mise en forme particuliere.

Option 2: Copier les données FreeMind directement dans une page wikka:

14. Code HTML


Vous pouvez facilement coller du code HTML dans une page wiki en l'encadrant d'une paire de double quote.

""[html code]""

Exemples:

""y = x<sup>n+1</sup>""
y = xn+1

""<acronym title="Cascade Style Sheet">CSS</acronym>""
CSS

Par défaut, certains tags HTML sont désactivés par le parseur SafeHTML pour protéger de code potentiellement dangereux. La liste des tags désactivés peut être trouvée sur la page Wikka:SafeHTML (anglais).

Il est possible d'autoriser tous les tags HTML , voir Wikka:UsingHTML (anglais) pour plus d'informations.


CategorieWiki
 Commentaires [Cacher les commentaire]
Conforme XHTML 1.0 Transitional :: Conforme CSS :: Propulsé par Wikka Wakka Wiki (FR) 1.1.6.3 :: Traduction par r0ro
Cette page a été générée en 0.2695 secondes