===== Boutons =====

==== Syntaxe ====
La syntaxe est similaire à celle des liens mais se caractérise par l'ajout d'une séquence ''{ }'' après l'ouverture du lien.
<WRAP 60%>
<code>
[[{catégorie:image|style}URL ou page du wiki|**Titre** du lien]]
</code>
</WRAP>

Où :
  * ''catégorie:image'' chemin de l'image téléchargée avec le gestionnaire de média
  * ''style'' code CSS ou nom du style défini avec ''conf.styles'' 
  * ''URL ou page du wiki'' le lien internet ou vers une page du wiki
  * ''**Titre** du lien'' libellé du bouton, avec formatage.

Les éléments inclus entre ''{ }'' sont optionnels.

Voici quelques exemples :

=== Bouton simple ===

<WRAP column 30%>
[[{}Extensions Installées]]
</WRAP>

<WRAP column 60%>
<code dokuwiki simple.txt>
[[{}Extensions Installées]]
</code>
</WRAP>
<WRAP clear/>


=== Bouton avec texte mis en forme ===
<WRAP column 30%>
[[{}Extensions Installées|Voir le tableau des\\ **Extensions Installées**]]
</WRAP>
<WRAP column 60%>
<code dokuwiki texte.txt>
[[{}Extensions Installées|Voir le tableau des\\ **Extensions Installées**]]
</code>
</WRAP>
<WRAP clear/>

=== Bouton avec image dans le texte ===
<WRAP column 30%>
[[{}:sommaire|{{:logo.png?nolink&25}} **Sommaire**]]
</WRAP>
<WRAP column 60%>
<code dokuwiki image.txt>
[[{}:sommaire|{{:logo.png?nolink&25}} **Sommaire**]]
</code>
</WRAP>
<WRAP clear/>

=== Bouton avec image puis texte ===
<WRAP column 30%>
[[{:logo.png}:sommaire|**Sommaire**]]
</WRAP>
<WRAP column 60%>
<code dokuwiki image2.txt>
[[{:logo.png}:sommaire|**Sommaire**]]
</code>
</WRAP>
<WRAP clear/>
==== Mise en forme du bouton  ====

Il est possible de définir le style de vos boutons sur la page en utilisant la syntaxe suivante :
<WRAP 60%>
<code>
[[{conf.styles}style|css]]
</code>
</WRAP>


Où :
  * ''conf.styles'' est le mot clé pour définir un style
  * ''style'' est le nom du style à définir ; la valeur ‘default’ définie le style par défaut.
  * ''css'' est le code CSS du style

=== Exemples ===

<WRAP 60%>
<code dokuwiki définition des styles.txt>
[[{conf.styles}default|font-family: Tahoma, Geneva, sans-serif;]]
[[{conf.styles}monstyle|color:purple; width:15em;]]
</code>
</WRAP>

[[{conf.styles}default|font-family: Tahoma, Geneva, sans-serif;]]
[[{conf.styles}monstyle|color:purple; width:15em;]]


<WRAP column 30%>
[[{}Extensions Installées]] 
</WRAP>

<WRAP column 60%>
<code dokuwiki bouton en Tahoma.txt >
[[{}Extensions Installées]]
</code>
</WRAP>

<WRAP clear/>

<WRAP column 30%>
[[{|monstyle}Extensions Installées]]
</WRAP>

<WRAP column 60%>
<code dokuwiki bouton en Tahoma et attributs de mon style.txt >
[[{|monstyle}Extensions Installées]]
</code>
</WRAP>
<WRAP clear/>

<WRAP tip>Si vous êtes administrateur, vous pouvez définir les styles par défaut qui s'appliqueront sur toutes les pages dans les **paramètres de configuration** du module. La syntaxe de chaque style est "<nom du style>|<CSS>". Il faut séparer les styles avec des retours à la ligne.</WRAP>

==== Cible du lien ====

Vous pouvez configurer la cible du lien en utilisant cette syntaxe
<WRAP 60%>
<code>
[[{conf.target}style|cible]]
</code>
</WRAP>


où cible est la destination HTML.
=== Nouvel onglet ou fenètre ===
<WRAP 30% column>
[[{conf.target}default|_blank]]
[[{} Extensions Installées]]
</WRAP>
<WRAP 60% column>
<code bouton nouvel onglet.txt>
[[{conf.target}default|_blank]]
[[{} Extensions Installées]]
</code>
</WRAP>
<WRAP clear/>



==== Utilisation de la barre d'outil  ====

Le bouton de la barre d'édition ajoute ce code :

  [[{}Wiki link|Button title]]
  



~~SNIPPET_O1768661528~~prive:fragments:pages_dans_ce_dossier~~


<WRAP center round box 95%>


++++ Voir la liste des pages de ce dossier |
<nspages -h1  -exclude -textPages="Pages dans ce dossier" -hideNoPages  -hideNoSubns -actualTitle=4 -nbCol=2>
++++

Retour [[.sommaire]]

</WRAP>

~~SNIPPET_C~~prive:fragments:pages_dans_ce_dossier~~