7OK

Outils du site

Le barbecue, en gros, c'est un appareil qui te permet de manger des saucisses pratiquement crues mais avec les doigts bien cuits. [Coluche]
Vous êtes ici : 7OK » Tⓞⓞls » DokuWiki » Demo tags

Panneau latéral

Thèmes

Site

56-tools:dokuwiki:50-demo_tags

Table des matières

Demo tags

Les titres

Titre (niveau 1 = Titre de la page)

Titre niveau 2

Titre niveau 3

Titre niveau 4

Titre niveau 5

Les listes

Liste numérotées :

  1. item 1
  2. item 2
    1. item 2.1
    2. item 2.2
  3. item 3

Liste à puce :

  • item 1
  • item 2
    • item 2.1
    • item 2.2
  • item 3
Insérer un tab pour décaler un item vers la droite.

Les liens

lien externe au site

Lien vers une page du site

Lien vers le chapitre "Les codes"

Ici le lien se fait sur le titre du chapitre grace au “#” : 

 [[wiki:demo_tags#Les codes|le chapitre "Les codes"]]

Les images

Alignement

By using left or right whitespaces you can choose left, right or center alignment. 

{{ wiki:dokuwiki-128.png?nolink&100}}
{{wiki:dokuwiki-128.png?nolink&100 }}
{{ wiki:dokuwiki-128.png?nolink&100 }}

Voici un bloc de texte qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit………………….. 

 {{ wiki:dokuwiki-128.png?nolink&100}}  
Voici un bloc de texte qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit, qui se poursuit.......................

Tag icone

8-) 8-)

8-O 8-O

:-( :-(

:-) :-)

=) =)

:-/ :-/

:-\ :-\

:-? :-?

:-D :-D

:-P :-P

:-O :-O

:-X :-X

:-| :-|

;-) ;-)

^_^ ^_^

:?: :?:

:!: :!:

LOL LOL

FIXME FIXME

DELETEME DELETEME

TODO TODO

HTML ou PHP

Vous pouvez inclure du code HTML ou PHP pur dans vos documents en utilisant les balises <html> ou <php>. En utilisant des balises en majuscule, vous définissez un bloc. Les balises en minuscule insèrent les éléments en ligne.

Pour que cela fonctionne, dans le menu configuration, il faut activer les options “Permettre l'utilisation de code HTML/PHP dans les pages”

<html>&#9775;</html> <html>&#9775;</html>

<HTML>&#9762;</HTML> <HTML>&#9762;</HTML>

Formatage

Cf. https://www.dokuwiki.org/fr:syntax

:!: Dokuwiki utilise des suites de caractères pour formater le texte en gras, italique, souligné, barré, mais aussi en “gras, italique et souligné”.

  1. Liste numérotée
  • Liste à puce

On peut écrire du Code machine à écrire, des indice ou exposant, des
retours à la ligne grâce à \\ et aussi des notes de pied de page 1) en utilisant des (( ... )). 

:!: Dokuwiki utilise des suites de caractères pour formater le texte en **gras**, //italique//, __souligné__, <del>barré</del>,
mais aussi en "__//**gras, italique et souligné**//__".

  - Liste numérotée
  * Liste à puce

On peut écrire du ''Code machine à écrire'', des <sub>indice</sub> ou <sup>exposant</sup>, des \\ retours à la ligne grâce à %%\\%% et aussi des notes de pied de page ((Ceci est une note de pied de page)) en utilisant des %%(( ... ))%%.

Pas de formatage

Certaines suites de caractères sont interprétées par Dokuwiki pour formater le texte (indentation, titres, Italique…..).

Pour éviter l'interprétation de caractères, les entourer entre 2 caratères %% successif ou entre <nowiki> ... </nowiki>.

Pour afficher [[...]] ** '' on peut écrire %%[[...]] ** ''%%

Pour afficher (( *** """ '' @@@@ ;;; on peut écrire <nowiki>(( *** """ '' @@@@ ;;; </nowiki>

Pour afficher %% il faut utiliser la balise nowiki, mais cela ne marche dans les balises code.

Les tableaux

Tableau avec alignement
droite centré gauche
gauche droite centré
xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx 
^          Tableau avec alignement         ^^^
|        droite|    centré   |gauche         |
|gauche        |       droite|    centré     |
| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
Autre tableau
Clé 1 valeur 1
Clé 2 valeur 2
Clé 3 valeur 3 
^  Autre tableau  ^^
^  Clé 1  |valeur 1  |
^  Clé 2  |valeur 2  |
^  Clé 3  |valeur 3  |

Voir : doc.ubuntu-fr.org les tableaux

Les notes

Installer le plugin Note Plugin d'Olivier Cortes.

note
note tip
note warning
note important

Les codes

Une zone entre double quotes

code simple

⇒ code 

 un code quelconque
    Pré-formatté
    Comme   L'on veut

code informatique

Cette balise “code” permet de préciser un langage pour colorier le texte 

roge@N73SM ~ $ cat /etc/lsb-release
DISTRIB_ID=LinuxMint
DISTRIB_RELEASE=17
DISTRIB_CODENAME=qiana
DISTRIB_DESCRIPTION="Linux Mint 17 Qiana"

La balise permet de préciser un langage pour colorier le texte (ici “code bash”): 

roge@N73SM ~ $ cat /etc/lsb-release
DISTRIB_ID=LinuxMint
DISTRIB_RELEASE=17
DISTRIB_CODENAME=qiana
DISTRIB_DESCRIPTION="Linux Mint 17 Qiana"

code téléchargeable

<file php myexample.php>
<?php echo "hello world!"; ?>
</file>
myexample.php
<?php echo "hello world!"; ?>

codedoc

Codedoc permet de créer des blocs de code dé/masquables via un bouton. 

<codedoc toggle codedoc-toggle> Codedoc toggle </codedoc>
[1] codedoc-toggle show
 Codedoc toggle
Installer le plugin codedoc de Myron Turner 
<codedoc toggle Texte et image> 
   {{ wiki:dokuwiki-128.png?nolink&100}}
 bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
</codedoc>
[2] texte et image show
 
   
 bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Box

Permet d'afficher des boites de textes.

Box plugin : merdique et CSS pourrie

Typography

Installer le plugin "Typography plugin" de Paweł Piekarski
A utiliser avec modération pour ne pas pourrir l'harmonie du site.

"typo" syntax parameters

Parameters CSS property
fc: (font) color
bg: background-color
fs: font-size
ff: font-family
fw: font-weight (lighter, normal, bold, bolder)
fv: font-variant (normal, small-caps, inherit)
lh: line-height
ls: letter-spacing
ws: word-spacing
va: vertical-align
sp: white-space

Exemples

//<typo fc:#F00; fs:150%; fw:bold;> [ A compléter ]</typo>//

[ A compléter ] 

//<typo fc:#3E3; fs:160%; fw:bold; ls:4px;> [ TODO ] </typo>//

[ TODO ] 

<typo fc:#AAF; fs:14pt; ff:Verdana;> extended text formatting </typo>

⇒ extended text formatting

On peut utiliser

  • soit la balise <typo> avec ces parametres fc:<val> bd:<val> …
  • Soit des paramètres comme des balises : exemple <fc red> pour changer la couleur du texte.

codes Typo

Les codes Typo sont intégrés à la toolbar de l'éditeur des pages 
<fs large><ff sans-serif>sans-serif</ff></fs>

sans-serif 

<fs large><ff serif>serif</ff></fs>

serif 

<fs large>This is a Large size text</fs>

This is a Large size text

Wrap

Wrap d'Anika Henke

J'écris dans la colonne 1 : fjdk jkd fjk fjsd jdlf djsf ljdsf hf ioreucnxb ccvjsd sjcj dkùm xncbdfimhf nd,x cvbglbfnd cl,vcmxv oiuepzà_dv <vj< dfdsj jdsfjpo fjodpf ds.

J'écris dans la colonne 2 : fjdk jkd fjk fjsd jdlf djsf ljdsf hf ioreucnxb ccvjsd sjcj dkùm xncbdfimhf nd,x cvbglbfnd cl,vcmxv oiuepzà_dv <vj< dfdsj jdsfjpo fjodpf ds.

J'écris dans la colonne 3 : fjdk jkd fjk fjsd jdlf djsf ljdsf hf ioreucnxb ccvjsd sjcj dkùm xncbdfimhf nd,x cvbglbfnd cl,vcmxv oiuepzà_dv <vj< dfdsj jdsfjpo fjodpf ds. 

<WRAP round box>
bloc simple </WRAP>

bloc simple

bloc information 

<WRAP round important>
bloc important

bloc très important
</WRAP>

bloc important

bloc très important

bloc alerte

bloc téléchargement

bloc aide

bloc à faire

Eléments dans la ligne :

Voici des éléments wrappés dans une ligne de texte.

Include

Include [de Michael Hamann] permet d'inclure une ou plusieurs pages dans la page courante. 

<note warning>--------------------------------------------------- DEBUT INCLUSION PAGE ---------------------------------------------------------</note>
{{page>tools:google#Recherche avancée}}
<note warning>----------------------------------------------------- FIN INCLUSION PAGE ---------------------------------------------------------</note>
————————————————— DEBUT INCLUSION PAGE ———————————————————
 
—————————————————– FIN INCLUSION PAGE ———————————————————

Lien vers le haut de la page

1)
Ceci est une note de pied de page
Dernière modification : 2019/03/02 13:37

Outils de la page