This page is part of a static HTML representation of the TiddlyWiki at https://tiddlywiki.com/

Des styles personnalisés selon les tags

20 juin 2015 à 10h00

Vous pouvez appliquer des styles personnalisés aux tiddlers ayant un tag particulier en définissant une classe CSS nommée tc-tagged-<Nom du tag>.

Par exemple, pour coloriser les tiddlers étiquetés "NightReader" d'une façon spéciale, Créer une feuille de style définissant la classe tc-tagged-NightReader comme suit :

.tc-tagged-NightReader {
	background-color:black;
	color: orange;
	padding: 35px 35px;
}

.tc-tagged-NightReader .tc-tiddler-body {
	font-size: 1.5em;
}

La classe tc-tagged-NightReader s'applique au tiddler tou entier et pas seulement au texte du tiddler. Si vous désirez l'appliquer à une portion plus réduite du tiddler vous pouvez ajuster le sélecteur CSS, comme ici avec .tc-tagged-NightReader .tc-tiddler-body.

Notez que les tags contenant des espaces et des caractères non-alphanumériques seront convertis en utilisant le codage URI, rendant le nom de classe CSS généré difficile à prévoir. Par exemple :

TagNom généré pour la classe
$:/mytagtc-tagged-%24%3A%2Fmytag
one twotc-tagged-one%20two
£35.23tc-tagged-%C2%A335.23