Les pages d'aide



Ci-dessous une sélection de bouts de code fréquemment utilisés quand on met en forme son wiki.


Pour créer un lien qui force l'ouverture vers une page extérieure (dans un autre onglet quoi)
""<a href="tonlien" target="_blank">ton texte</a>""
Pour cette page par exemple : ""<a href="http://yeswiki.net/wakka.php?wiki=CodeExemple" target="_blank">Codes à copier/coller</a>""

Pour insérer un pad sur une page du wiki
  • sur votre pad, cliquer sur le bouton "partager" en haut à droite du pad et copier le code <iframe>....
  • coller ce code là où vous le souhaitez dans votre wiki (en oubliant pas de mettre deux doubles guillemets avant et après votre code)
Pour insérer une vidéo sur une page du wiki
  • aller sur youtube ou viméo ou... choisissez votre vidéo, cliquer sur partager/intégrer et copier le code <iframe>....
  • coller ce code là où vous le souhaitez dans votre wiki (en oubliant pas de mettre deux doubles guillemets avant et après votre code)
Pour insérer un iframe : en gros une partie d'un autre site...
""<iframe width=100% height="1250" src="lien URL de la source à encapsuler" frameborder="0" allowfullscreen></iframe>""

Pour inclure une page dans une autre
{{include page="Nomdelapageainclure"}} 
Pour inclure une page située dans un **autre** wiki : ( Noter le pipe ""|"" après les premiers ""[["" ) [[|http://lesite.org/nomduwiki PageAInclure]]""

Pour un texte en couleur : (voir les codes hexa des couleurs en suivant ce lien http://fr.wikipedia.org/wiki/Liste_de_couleurs
""<span style="color:#votrecodecouleur;">texte</span>""
quelques codes couleur => mauve : 990066 / vert : 99cc33 / rouge : cc3333 / orange : ff9900 / bleu : 006699

Pour avoir un message qui apparait au chargement de la page (avec une croix pour le fermer)
""<div class="alert">
  <button type="button" class="close" data-dismiss="alert">×</button>
  votre message.
</div>""

Pour inclure un petit bouton "important" ou "info"
Important et Info
""<span class="label label-danger">Important</span>"" et ""<span class="label label-info">Info</span>""

Pour inclure un bouton cliquable Plus d'infos sur les boutons = http://yeswiki.net/wakka.php?wiki=DocButton
découvrez le crie de mouscron
version wiki (donc sans ""  "") copier coller ceci : {{button class="btn btn-danger" link="lienverspage" icon="plus icon-white" text="votre texte"}}

Pour un bouton cliquable qui ouvre dans une autre fenêtre
""<a href="votrelien" target="_blank" class="btn btn-primary btn-large">votre texte</a>""
un bouton vert ? remplacer btn btn-danger par btn btn-success
un bouton orange ? remplacer btn btn-danger par btn btn-warning,
un bouton bleu ? remplacer btn btn-danger par btn btn-info

Pour faire des tableaux dans Yeswiki

Principe d'une grille (grid) à 12 colonnes (col) :
La largeur de chaque colonne peut être contrôlée via le chiffre placé en paramêtre size. Une grille fait 12 colonnes de large. Vous pouvez répartir ces 12 en plusieurs morceaux (soit 6/6 ou 4/4/4 mais aussi 8/4 ou 6/3/3 ou ...)

{{grid}}
{{col size="2"}}
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
{{end elem="col"}} 
{{col size="4"}}
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
{{end elem="col"}} 
{{col size="6"}}
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
{{end elem="col"}}
{{end elem="grid"}}

donne:

Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)
Texte de la colonne à remplacer par votre texte (ou votre image ou...)

Faire une liste à puce
Elle se provoque grâce à un espace placé en début de ligne. Vous pouvez aussi créer des listes à puces ou numérotées :
- liste à puce
  - sous liste

Pour placer du code en commentaire sur la page (donc il n'apparait pas !)
""<!-- 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 -->""


Bout de code à mettre dans un header
""<div style="background-color:#00a388; height:80px;  class="background-image cover">""
{{backgroundimage height="0" file="bandeau.jpg" class="white text-center cover"}}
{{endbackgroundimage}}
""</div>""