Comment surligner du texte dans un bloc de code (avec {{{...}}} )

[Thibault]

Bonjour,

Je souhaite pouvoir surligner des mots dans un bloc de code.
Pour rédiger le bloc de code, j'utilise la syntaxe {{{bloc de code}}}.

Je sais que cette syntaxe bloque l'interprétation des autres syntaxes
de mise en forme. Je me dirige donc vers une utilisation du CSS. Le
problème, c'est que je ne parviens pas à faire afficher du texte
"monospaced" par le CSS.

Quelqu'un sait-il comment afficher du texte "monospaced" (ou la police
courrier par exemple) en utilisant le CSS ?

D'avance merci,

Thibault

[ocalTW]

Bonjour Thibault

A priori, pour afficher une police il suffit de mettre la bonne
syntaxe dans le tiddler StyleSheet (ou mieux, dans un autre qui est
référencé dans le StyleSheet). Le bon "tag" à utiliser est "font-
family"
Exemple :
.monoThibault {font-family: 'Consolas' monospace;}

En prime, j'ajoute quelques trucs à savoir en CSS si vous voulez
changer de calligraphie, car on m'a déjà posé la question en direct.
Toujours à mettre dans le StyleSheet:

.petit { font-variant: small-caps; }
.souligne { text-decoration: underline; }
.fondRougeGrasSouligne { background-color:#FF0000;font-
weight:bold;text-decoration:underline; }
.fondBleuItaliqueJaune { background-color:#0000FF;color:#FFFF00;font-
style:italic; }

Est-ce que celà répond à la question ?

-- ocalTW

[Sylvain Comte]

Bonjour,

je ne pense pas qu'il soit possible de faire ce que tu souhaites. Sémantiquement, un bloc de code est une partie de texte non-formatée, donc la mise en forme n'y est pas possible. Ce que tu dois pouvoir faire, c'est créer un style dans ton tiddler de style du genre
.code {background:#000;color:#fff;font-face:monospace}
et l'utiliser {code{{ton code...}}} dans ton tiddler
à l'intérieur, peut-être pourra tu faire ensuite une mise en forme avec un autre style (.highlight par exemple)

à mon avis le mieux est carrément de mettre du html dans ton tiddler
<div style="">
ton code et <span style="">ta partie surlignée</span>
</div>

Sylvain

[Thibault]

Bonjour ocalTW et Sylvain,

J'ai essayé le style monoThibault, mais j'ai l'impression qu'il ne
parvient pas à interpréter le "monospace".
N'est-il pas possible, en CSS, d'utiliser la police Courrier ?

Sylvain, c'est exactement ce que j'essaie de faire, mais sans parvenir
à faire afficher mon texte au format "bloc de code", c'est-à-dire en
texte "monospace".

Chez vous, l'utilisation de font-family: 'Consolas' monospace; permet-
elle d'afficher du texte comme je le souhaite ?

Merci pour vos réponses.

[Thibault]

Problème semble résolu :

.monoThibault2 {font-family: "Courier New";}
.surligne {background:red; }

Merci pour votre aide, je commençais à désespérer !