Forum : .code { font-family: monospace }

[Kazé]

Tout est dans le titre : pourrait-on avoir une police "monospace" pour la classe "code" dans le forum ?
Je trouve que la police actuelle (à taille variable et en vert) nuit singulièrement à la lisibilité du code qui est passé dans les messages... maniaquerie de développeur sûrement.

[FF_Olivier]

Tu te le bricoles toi-même, tu as très exactement cela décrit dans le post-it sur le userContent.css :

Code : Tout sélectionner

/* phpBB - Utiliser une police à chasse fixe dans
           les balises CODE, et en augmenter la taille */
td.postbody td.code {
  font-family: monospace !important;
  font-size: 120% !important;
  }

Et si tu veux changer aussi la couleur, tu ajoutes encore color: #ton_choix !important;

[Kazé]

Bien sûr, mais je me dis que si ça me gène, ça doit en gêner d'autres, et que ça pourrait être fait pour tout le monde. Notamment pour ceux qui n'utilisent pas Firefox

Quitte à avoir une classe "code", pourquoi ne pas la présenter en chasse fixe, tout simplement ? Ca n'est qu'une toute petite modif...

Le top serait évidemment une numérotation automatique des lignes dans la classe "code", ça se fait sur certains forums orientés développement, mais bon... c'est une autre histoire.

[FF_Olivier]

Notamment pour ceux qui n'utilisent pas Firefox

Sur Geckozone ? Et dans la section développement ? Tu crois qu'ils sont nombreux ?

Quitte à avoir une classe "code", pourquoi ne pas la présenter en chasse fixe, tout simplement ? Ca n'est qu'une toute petite modif...

C'est plus logique, effectivement...

Le top serait évidemment une numérotation automatique des lignes dans la classe "code", ça se fait sur certains forums orientés développement, mais bon... c'est une autre histoire.

Hmmm, là, par CSS dans userContent.css, je crois que ce ne sera pas possible, il faudra sans doute intervenir au niveau du site... Surtout que pour bien faire, la numérotation ne devrait pas tjs commencer à 1, ni tjs être incrémentée de 1 ou 10 à chaque ligne, si on veut refléter le code-source.

PS : ça fait un petit moment déjà que mes blocs

Code : Tout sélectionner

 ressemblent à ça :

[url=http://img450.imageshack.us/my.php?image=ffphpbbcode1yo.png][img]http://img450.imageshack.us/img450/6526/ffphpbbcode1yo.th.png[/img][/url]
Un ch'tit look rétro, quoi, comme une fenêtre découpée dans la page, et avec une barre de défilement pour en limiter la hauteur ;) ...

[Flore]

Notamment pour ceux qui n'utilisent pas Firefox

Sur Geckozone ? Et dans la section développement ? Tu crois qu'ils sont nombreux ?

Une proportion non négligeable en fait. Des webmasters à qui on a dit que leur site ne marchait pas avec Firefox et qui viennnent ici essayer de trouver une réponse. Pour moi, ce n'est pas superflu de mettre cette balise plus lisible.

[Benoit]

D'accord sur le principe (une largeur fixe), mais jusqu'à quel point ? Garder les couleurs et les dimensions actuelles ou faire quelque chose de vraiment différent comme le propose FF_olivier ?

[Kazé]

Je dirais que la largeur fixe c'est la seule chose vraiment "importante".
Les développeurs y sont habitués, et les débutants feront peut-être plus attention à certains caractères comme les points ou point-virgules, qui sont trop peu lisibles avec une police à chasse variable.

Une couleur plus "lisible" serait un plus, mais c'est une question de goût (et vu l'apparence de ma page d'accueil, je me garderai bien de suggérer quelque chose).

Pour les dimensions, vu que les portions de code de plus de 10 lignes sont rares, je pense que ça n'est pas fondamental de limiter la hauteur.

[FF_Olivier]

Je dirais tout comme Kaze, c'est surtout le monospace qui est important, peut-être même en gras ? Et aussi avoir des couleurs bien contrastées.

Tant qu'on parle de la balise

Code : Tout sélectionner

, il y a autre chose que je trouve relativement inutile, c'est la ligne  qui contient seulement le mot [b]code :[/b], ça prend de la place et on voit bien que le contenu de la fenêtre est du code, surtout si on distingue son apparence de celle de la balise [quote].
Je suggérerais donc soit de supprimer la ligne de table [color=blue]<tr>[/color]...[color=blue]</tr>[/color] correspondante, soit de lui adjoindre une class [color=blue]<tr[/color] [color=red]class=[/color][color=green]"gz-texte_code"[/color][color=blue]>[/color]...[color=blue]<td>[/color]code :[color=blue]</td>[/color]...[color=blue]</tr>[/color] qui permettrait facilement de la [i]display: hidden;[/i] ;) ...

[Kazé]

Tant qu'on parle de la balise

Code : Tout sélectionner

, il y a autre chose que je trouve relativement inutile, c'est la ligne  qui contient seulement le mot [b]code :[/b], ça prend de la place et on voit bien que le contenu de la fenêtre est du code, surtout si on distingue son apparence de celle de la balise [quote].[/quote]
Ca serait top  8)

[djfeat]

Tant qu'à toucher au html autant ajouter une touche de sémantisme à phpbb en utilisant les balises appropriées, comme par exemple <pre> ou <code>, plutôt que ces infâmes imbrications de tableaux.

[Benoit]

Oui mais attention, on refuse catégoriquement de toucher au code de phpbb. Si ça peut se faire dans le template on le fait volontiers, mais si ça nous complique les mises à jour de sécurité c'est non.

Edit : voilà, olab me signale que la modification minimale (le texte en largeur fixe) a été faite, rechargez bien en écrasant le cache et ça devrait passer. Pour d'autres éventuels changements (taille, couleur, etc.) ça me parait être moins important et plus susceptible d'être géré par un style utilisateur.