Tous les codes utiles pour ce Yeswiki


  • Formatage de base


Obtenir des listes

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

 1) Liste énumérée
 1) Liste énumérée
 1) Liste énumérée

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>""

Obtenir un tableau

[|
|**Nom**|**prénom**|**Couleurs préférées**|
|Lagaffe|Gaston|jaune|
|Lapalice|Jean|vert|
|]

donne
Nom prénom Couleurs préférées
Lagaffe Gaston jaune
Lapalice Jean vert

Ecrire en html

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

Créer une ancre, un lien qui envoie sur une partie de votre page

<a href="#paragraphe1">Aller vers le paragraphe cible</a>
Permet de créer le lien qui ira vers votre paragraphe
<div id="paragraphe1"></div>
Cette partie sera à placer juste au dessus de la partie cible

Mettre du texte en couleur

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

Utiliser des icônes Emoji ?

Il est possible de copier des icônes dans des sites sources puis de les coller dans votre wiki. Par exemple sur ce site

Mettre en page par colonne

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

Inclure une page d'un autre yeswiki

( Noter le pipe | après les premiers [[ ) 
[[|http://lesite.org/nomduwiki PageAInclure]]

Afficher une barre de progression

[10%] donne
[40%] donne
[80%] donne

Eviter qu'un mot avec deux majuscules ne soit reconnu comme lien wiki

Il faut aussi l'entourer de "" MonMotAvecDeuxMajuscules "" 
pour qu'il ne soit interprété comme mot wiki


  • Composants graphiques

  • Des petits composants pour rendre vos pages plus conviviales
  • Ceci en est déjà un en vous permettant de créer une bande de couleur sur la largeur de la page ;-)

Etiquettes

Label-default label-primary label-secondary-1 label-secondary-2 label-success label-info label-warning label-danger

Encadrés

Contenu panel-default

Titre primary

Contenu panel-primary

Accordéons

Contenu panel-success
Contenu panel-warning
Contenu panel-danger

Boutons

btn-default btn-primary btn-secondary-1 btn-secondary-2 btn-success btn-info

  • Insertion de pad ou de vidéo

  • Il est possible d'incruster dans son wiki des pads, des vidéos, des lignes du temps...

Incrustation d'un pad


Incrustation d'une vidéo


Ceci est aussi possible à partir des plateformes youtbe/vimeo/dailymotion...