Editing Le Guide du Couchwiki (section)

=='''<FONT COLOR="#4B4B4B">SYNTAXES DES CODES WIKI A UTILISER</FONT>'''==
Présentation: '''le language Wiki est un language de programmation très simplifié, très simple d'utilisation'''. Certains codes HTML peuvent être aussi repris. Pour pouvoir modifier une page ou un paragraphe, cliquez simplement sur '''la mention "Edit"''' s'affichera à côté de chaque titre de paragraphe ou de page, et vous arriverez sur la page "modification" avec une trame avec une '''Barre d'Edition''' (cf. ci-dessous).

==='''<FONT COLOR="#646464">La Barre d'Edition et les Codes de Base</FONT>'''===

Par ordre de présence dans la barre :

{| class="wikitable" style="text-align:center; width:100%"
|- style="background-color:#efefef;"
! Bouton !! Fonction !! Effet dans la zone d'édition / Codes manuels !! Effet dans la page
|-
|[[File:Bold icon.JPG]]
|Met le texte en caractères gras
|<pre><nowiki>'''Texte en gras'''</nowiki></pre>
|'''Texte en gras'''
|-
|[[File:Italic icon.JPG]]
|Met le texte en caractères italiques
|<pre><nowiki>''Texte en italique''</nowiki></pre>
|''Texte en italique''
|-
|[[File:Button link.JPG]]
|Insère un lien interne à Wikipédia
|<pre><nowiki>[[Lien hypertexte]]</nowiki></pre>
|[[Lien hypertexte]]
|-
|[[File:External link icon.JPG]]
|Insère un lien externe à Wikipédia
|<pre><nowiki>[http://www.google.fr Google]</nowiki></pre>
|[http://www.google.fr Google]
|-
|[[File:Headline icon.JPG]]
|Insère un titre de section de deuxième niveau
|<pre><nowiki>== Libellé du titre ==</nowiki></pre>
|== '''Libellé du titre''' ==
|-
|[[File:Image icon.JPG]]
|Insère une image
|<pre><nowiki>[[Image:Arras-1.jpg]]</nowiki></pre>
|[[File:Arras-1.jpg|120px]]
|-
|[[File:Media icon.JPG]]
|Insère un fichier multimédia
|<pre><nowiki>[[Media:Exemple.ogg]]</nowiki></pre>
|[[Media:Exemple.ogg]]
|-
|[[File:Math icon.JPG]]
|Insère une expression mathématique (format LaTeX)
|<pre><nowiki><math>\rho=\sqrt{x_0^2+y_0^2}</math></nowiki></pre>
|<math>\rho=\sqrt{x_0^2+y_0^2}</math>
|-
|[[File:Nowiki icon.JPG]]
|Présente le texte non formaté
|<pre><nowiki><nowiki>[[lien]] vers un
'''texte en gras'''</nowiki></nowiki></pre>
|<nowiki>[[lien]] vers un '''texte en gras'''</nowiki>
|-
|[[File:Button sig.JPG]]
|Insère le nom du contributeur, la date et l'heure d'édition
|<pre><nowiki>~~~~</nowiki></pre>
|
[[User:Sage Poete|Sage Poete]] 06:18, 7 January 2009 (EST)
|-
|[[File:H-line icon.JPG]]
|Insère une ligne horizontale
|<pre><nowiki>----</nowiki></pre>
|
----
|}

==='''<FONT COLOR="#646464">Les Différents Types de Caractères</FONT>'''===

==== Caractères Gras ====
Voici le code pour mettre '''des mots, phrases en gras''':

<pre>'''Mots en gras'''</pre>

==== Caractères Italiques ====
Voici le code pour mettre ''des mots, phrases en italique'':

<pre>''Mots en italique''</pre>

==== Les Titres ====
Vous pouvez aussi créer des titres, sous titres de paragraphes. Automatiquement, la mention '''"Edit"''' s'affichera à côté de chaque titre que vous créez, afin de vous donner la possibilité de modifier le paragraphe en question. Voici les codes pour créer des titres:

<pre>=Titre Grande Taille (principal)=
==Titre de plus de petite taille==
===Titre d'encore plus petite taille===
====Titre encore plus petit====</pre>

==== Caractères en Couleur ====

Pour avoir des caractères en couleur, il suffit d'utiliser le code HTML suivant:

<pre><FONT COLOR="code couleur # et 6 chiffres">Ce que vous voulez mettre en couleur</FONT></pre>

Voici quelques codes couleurs:

{| class="wikitable" style="left;border:solid 1px lightgrey;"
|-
|colspan="2" |
|-
!Couleur
!Code
!Couleur
!Code
!Couleur
!Code
!Couleur
!Code
|-
|Eau
|style="background:#0FF; color:#000; font-family:monospace;"|#00FFFF
|gris
|style="background:#808080; color:#FFF; font-family:monospace;"|#808080
|bleu marine
|style="background:#000080; color:#FFF; font-family:monospace;"|#000080
|argent
|style="background:#C0C0C0; color:#000; font-family:monospace;"|#C0C0C0
|-
|noir
|style="background:#000; color:#FFF; font-family:monospace;"|#000000
|vert
|style="background:#008000; color:#FFF; font-family:monospace;"|#008000
|olive
|style="background:#808000; color:#FFF; font-family:monospace;"|#808000
|bleu vert
|style="background:#008080; color:#fff; font-family:monospace;"|#008080
|-
|bleu
|style="background:#00F; color:#FFF; font-family:monospace;"|#0000FF
|vert clair
|style="background:#0F0; color:#000; font-family:monospace;"|#00FF00
|pourpre
|style="background:#800080; color:#FFF; font-family:monospace;"|#800080
|blanc
|style="background:#FFF; color:#000; font-family:monospace;"|#FFFFFF
|-
|fuchsia
|style="background:#F0F; color:#000; font-family:monospace;"|#FF00FF
|marron
|style="background:#800000; color:#FFF; font-family:monospace;"|#800000
|rouge
|style="background:#F00; color:#FFF; font-family:monospace;"|#FF0000
|jaune
|style="background:#FF0; color:#000; font-family:monospace;"|#FFFF00
|}

'''Vous pouvez avoir davantage de code couleur [http://www.henri-ruch.ch/HTML/Couleurs/couleurs.asp sur ce site!]'''

==='''<FONT COLOR="#646464">La Mise en Page</FONT>'''===

==== Aller à la Ligne / Saut de Ligne ====

Cette balise <pre><br /></pre> permet de faire un retour à la ligne. S'il est répété plusieurs fois, il permet de faire des sauts de ligne.

==== Les tirets ====

Pour pouvoir lister des éléments, vous aurez surement besoin des tirets:

<pre>*</pre>

==='''<FONT COLOR="#646464">Les Tableaux</FONT>'''===
Voici le code pour insérer un tableau:

<pre>{| class="wikitable" style="left;border:solid 1px lightgrey;"
|-
|colspan="Nombre de colonne" |
|-
|style="background:Code couleur de fond # et 6 lettres ou chiffres;"|Titre de la colonne 1
|style="background:Code couleur de fond # et 6 lettres ou chiffres;"|Titre de la colonne 2
|-
|style="background:Code couleur de fond # et 6 lettres ou chiffres;"|2eme ligne de la colonne 1
|style="background:Code couleur de fond # et 6 lettres ou chiffres;"|2eme ligne de la colonne 2
|-
|style="background:Code couleur de fond # et 6 lettres ou chiffres;"|3eme ligne de la colonne 1
|style="background:Code couleur de fond # et 6 lettres ou chiffres;"|3eme ligne de la colonne 2
|}</pre>

Exemple:

<pre>{| class="wikitable" style="left;border:solid 1px lightgrey;"
|-
|colspan="2" |
|-
|style="background:#efefef;"|[[Image:Arras-1.jpg|200px|center|]]
|style="background:#efefef;"|CS Group of Arras
* '''[http://www.couchsurfing.com/group.html?gid=8490 Local Group: Arras]'''
|-
|style="background:#efefef;"|[[Image:Nord Andy.jpg|200px|center|]]
|style="background:#efefef;"|CS Group and CS Wiki Page of the Region:
* '''[http://www.couchsurfing.com/group.html?gid=193 Regional Group: Nord-Pas-de-Calais]'''
* '''Regional CS Wiki Page: [[Nord-Pas-de-Calais]]'''
|-
|style="background:#efefef;"|[[Image:France23.jpg|200px|center|]]
|style="background:#efefef;"|CS Group and CS Wiki Page of the Country:
* '''[http://www.couchsurfing.com/group.html?gid=176 Country Group: France]'''
* '''Country CS Wiki Page: [[France]]'''
|}</pre>

Ce qui donne:

{| class="wikitable" style="left;border:solid 1px lightgrey;"
|-
|colspan="2" |
|-
|style="background:#efefef;"|[[File:Arras-1.jpg|200px|center|]]
|style="background:#efefef;"|CS Group of Arras
* '''[http://www.couchsurfing.com/group.html?gid=8490 Local Group: Arras]'''
|-
|style="background:#efefef;"|[[File:Nord Andy.jpg|200px|center|]]
|style="background:#efefef;"|CS Group and CS Wiki Page of the Region:
* '''[http://www.couchsurfing.com/group.html?gid=193 Regional Group: Nord-Pas-de-Calais]'''
* '''Regional CS Wiki Page: [[Nord-Pas-de-Calais]]'''
|-
|style="background:#efefef;"|[[File:France23.jpg|200px|center|]]
|style="background:#efefef;"|CS Group and CS Wiki Page of the Country:
* '''[http://www.couchsurfing.com/group.html?gid=176 Country Group: France]'''
* '''Country CS Wiki Page: [[France]]'''
|}

==='''<FONT COLOR="#646464">Insertion d'Images</FONT>'''===

Il faut tout d'abord héberger l'image sur le wiki CS pour qu'elle puisse avoir un code. C'est tout simple, allez sur [http://couchwiki.org/en/Special:Upload Upload file] puis rechercher une image sur votre ordinateur (en format .jpeg exclusivement) puis cochez '''"Watch this page"''' et '''"Ignore any warnings"''' et enfin cliquez sur "Upload File". Vous vous retrouverez par la suite avec votre image hébergée, le code est donné en titre de la page sous la forme ''Image:Img_Nom_Image.jpg'' 

* '''Image à agrandir:'''

<pre>[[Image:Code_d'Image.JPG|taille de l'image suivi par px|left, right ou center|]]</pre>

* '''Image simple (en définissant la taille):'''

<pre>[[Image:Code_d'Image.JPG|taille de l'image suivi par px|thumb|left, right ou center|]]</pre>

* '''Images justaposées:'''

<pre><table border=0 cellspacing=0 cellpadding=0 align=center>
 <tr>
  <td align=center>
[[Image:Nom de l'image1.jpg|thumb|Taille de l'image suivi de px|center|Intitulé de l'image]]
  </td>
  <td align=center>
[[Image:Nom de l'image2.jpg|thumb|Taille de l'image suivi de px|center|Intitulé de l'image]]
  </td>
  <td align=center>
[[Image:Nom de l'image3.jpg|thumb|Taille de l'image suivi de px|center|Intitulé de l'image]]
  </td>
 </tr>
</table></pre>

Exemple:

<pre><table border=0 cellspacing=0 cellpadding=0 align=center>
 <tr>
  <td align=center>
[[Image:Arras citadelle1.jpg|thumb|240px|center|The Citadelle]]
  </td>
  <td align=center>
[[Image:Arras illuminations 1.jpg|thumb|230px|center|The Belfry]]
  </td>
  <td align=center>
[[Image:Arras maisonfolie1.jpg|thumb|230px|center|Hôtel de Guines, "Maison Folies of Arras"]]
  </td>
 </tr>
</table></pre>

Ce qui donne:

<table border=0 cellspacing=0 cellpadding=0 align=center>
 <tr>
  <td align=center>
[[File:Arras citadelle1.jpg|thumb|240px|center|The Citadelle]]
  </td>
  <td align=center>
[[File:Arras illuminations 1.jpg|thumb|230px|center|The Belfry]]
  </td>
  <td align=center>
[[File:Arras maisonfolie1.jpg|thumb|230px|center|Hôtel de Guines, "Maison Folies of Arras"]]
  </td>
 </tr>
</table>

* '''Galerie d'images:'''

<pre><CENTER>
<GALLERY perrow="Nombre d'image à faire suivre" widths="Taille de la largeur d'image" heights="Taille de la hauteur d'image">
Image:Nom de l'image1.jpg|Intitulé de l'image
Image:Nom de l'image2.jpg|Intitulé de l'image
Image:Nom de l'image3.jpg|Intitulé de l'image
</GALLERY>
</CENTER></pre>

Exemple:
<pre><CENTER>
<GALLERY perrow="3" widths="130" heights="100">
Image:Img l 1989627.jpg|[http://www.couchsurfing.com/people/queen-li Delphine], Ambassadrice de [[Lille]]
Image:Img l 2303424.jpg|[http://www.couchsurfing.com/people/oliverkam Olivier], Ambassadeur de [[Lille]]
Image:Img l 2617932.jpg|[http://www.couchsurfing.org/profile.html?id=3JC2GHP Xavier], Ambassadeur de [[Lille]]
</GALLERY>
</CENTER></pre>

Ce qui donne:

<CENTER>
<GALLERY perrow="3" widths="130" heights="100">
Image:Img l 1989627.jpg|[http://www.couchsurfing.com/people/queen-li Delphine], Ambassadrice de [[Lille]]
Image:Img l 2303424.jpg|[http://www.couchsurfing.com/people/oliverkam Olivier], Ambassadeur de [[Lille]]
Image:Img l 2617932.jpg|[http://www.couchsurfing.org/profile.html?id=3JC2GHP Xavier], Ambassadeur de [[Lille]]
</GALLERY>
</CENTER>

==='''<FONT COLOR="#646464">Catégorie / Renvoi de Page</FONT>'''===

==== Catégoriser les Pages Wiki CS ====

Pour catégoriser une page vers une autre (par exemple la page "Ile de France" catégorisée sous la page "France"), il faut que ce soit vis à vis d'une page ayant un titre commençant par "Category". Il permet ensuite de faire figurer cette page dans un lexique en fin de la page où elle est catégorisée. Voici le code à mettre en fin de page pour la faire catégoriser sur une autre:

<pre>[[Category:Nom de la Page où la faire catégoriser]]</pre>

==== Renvoyer à une Autre Page Wiki CS ====

Il est possible de faire des renvois de page vers une autre ... Avec ce code à mettre sur la page de renvoi:

<pre>#REDIRECT [[Nom de la page où la faire renvoyer]]</pre>