Exemples De Styles Wiki
PmWiki continue à utiliser les styles Wiki comme mécanisme de définition des styles de texte avec des couleurs ou d'autres attributs. Cependant, PmWiki 2.0 introduit la possibilité de contrôler plus précisément les styles et de les appliquer à des blocs.
Les bases des styles Wiki sont les mêmes qu'auparavant -- principalement un style est défini par une paire de signes '%' qui modifie le texte comme dans l'exemple:
Ce texte est %color=red% rouge, %color=blue% bleu, %% et normal (noir). |
Ce texte est rouge, bleu, et normal (noir). |
Il existe un grand nombre de propriétés de style, empruntées au HTML et aux feuilles de style (CSS). De plus, un auteur peut définir un 'raccourci de style' en utilisant la propriété define=. Par exemple, pour définir un style de %red%, on peut utiliser:
%color=red define=rouge% Ici on trouve du texte %rouge% rouge créé avec un 'raccourci de style'. |
Ici on trouve du texte rouge créé avec un 'raccourci de style'. |
Les raccourcis peuvent être combinés avec d'autres styles, incluant d'autres raccourcis:
%color=red define=rouge% %bgcolor=yellow define=fdjaune% %rouge% Ce texte est rouge, %rouge bgcolor=#ccc% rouge sur fond gris, et %rouge fdjaune% rouge sur fond jaune. |
Ce texte est rouge, rouge sur fond gris, et rouge sur fond jaune. |
Ceci est similaire à ce qui existait dans `PmWiki 1.0. PmWiki 2.0 inclut la possibilité d'appliquer les styles à des blocs. Spécifier apply=block dans un style Wiki fera en sorte que ce style s'applique au bloc entier, au lieu de s'appliquer uniquement au texte qui suit:
Ce bloc entier %apply=block bgcolor=yellow% a un fond jaune, même si le style n'apparait qu'au milieu de la ligne. %bgcolor=pink% D'autre style 'en ligne' (non appliqués à des blocs) peuvent apparaître au milieu de la ligne,%% comme auparavant. |
Ce bloc entier a un fond jaune, même si le style n'apparait qu'au milieu de la ligne. D'autre style 'en ligne' (non appliqués à des blocs) peuvent apparaître au milieu de la ligne, comme auparavant. |
Ceci implique qu'il est désormais possible de faire du texte aligné à droite et centré:
%block text-align=right% Le texte de ce paragraphe est aligné à droite. %block text-align=center% Le texte de ce paragraphe est centré. |
Le texte de ce paragraphe est aligné à droite. Le texte de ce paragraphe est centré. |
En fait, PmWiki prédefinit les raccourcis de styles %right% et %center% aussi vous pouvez écrire ceci plus simplement:
%right% Ceci est aligné à droite. %center% Ceci est centré. |
Ceci est aligné à droite. Ceci est centré. |
Les auteurs peuvent définir leurs propres styles:
%block bgcolor=#fdf define=Pm% %center bgcolor=#dfd border='3px dotted green' define=snoopy% %Pm% Tout texte qui est écrit sur un fond pourpre est un commentaire de [[~Pm]]. %snoopy% Ici un texte de snoopy. |
Tout texte qui est écrit sur un fond pourpre est un commentaire de Pm?. Ici un texte de snoopy. |
Les styles peuvent s'appliquer à pratiquement tout type de bloc:
* %block bgcolor=yellow% Ceci est un item de liste * Ceci est un autre item de liste * Encore un complément de liste # Une nouvelle liste |
|
En particulier, ceci souligne qu'il est maintenant possible d'utilisé les styles de liste prédéfinis %ROMAN%, %roman%, %ALPHA%, and %alpha%. Ce style doit être spécifié dans le premier item de la liste (et nous devons développer une autre syntaxe pour ce genre de liste ordonnée):
# %ROMAN% Niveau supérieur ## %ALPHA% Deuxième niveau ## Deuxième niveau ## Deuxième niveau ### Troisième niveau ### Troisième niveau ## Deuxième niveau ### Troisième niveau #### %alpha% Quatrième niveau ##### %roman% Cinquième niveau ##### Cinquième niveau #### Quatrième niveau # Niveau supérieur # Niveau supérieur |
|
Les styles Wiki peuvent être combinés avec les feuilles de style CSS pour créer des séquences de balises encore plus performantes:
La liste ci-dessous est une liste "soulignée": # %outline% Niveau supérieur # Niveau supérieur ## Deuxième niveau ### Troisième niveau ## Deuxième niveau ## Deuxième niveau ### Troisième niveau #### Quatrième niveau ##### Cinquième niveau Alors que cette liste est juste une liste ordonnée classique: # niveau supérieur ## deuxième niveau ### troisième niveau |
La liste ci-dessous est une liste "soulignée":
Alors que cette liste est juste une liste ordonnée classique:
|
<< | Index documentation? | >>
Traduction de ? - page originale sur PmWiki:PmWikiFr.ExemplesDeStylesWiki
