mokhet

blogg.org c'est rigolo, mais c'est fait avec les librairie JS certainement les plus pitoyables du marché, j'entends par là prototype et son pendant scriptaculous. Et pour couronner le tout, ça a été à mon avis a peine testé sous firefox 2.

Résultat, la boite d'édition du fichier CSS est totalement inutilisable (c'est grand sur 2 lignes, c'est pas très pratique à éditer) à moins d'utiliser le très obsolète Internet Explorer 6 et peut être la version 7 et encore j'en suis même pas sur. Enfin bref, on se retrouve donc avec un boite de texte trop petite pour l'édition.

Pour rectifier le problème on a 2 possibililtés.

1) Faire un petit script greasemonkey, pour redonner de vrais tailles aux contenus. Je n'ai pas exploré cette possibilité.

2) Modifier le fichier userContent.css, voici la méthode

Tout d'abord, il faut identifier où se trouve le profil de l'utilisateur sur le disque dur.

Pour Win2K/XP/Vista : %APPDATA%\Mozilla\Profiles\[profile name]\[random string].slt\
Pour Linux : ~/.mozilla/[Linux Login Name]/[random string].slt/
Pour MacOS 9 : system disk::Documents::Mozilla::Profiles::[profile name]::[random string].slt
Pour MacOS X : ~/Library/Mozilla/Profiles/[profile name]/[random string].slt

Ainsi pour moi, sur Win2K, mon profil se trouve sur

 C:\Documents and Settings\mokhet.LAURENT\Application Data\Mozilla\Firefox\Profiles\[MA RANDOM STRING]\

Bien, maintenant que le répertoire de profil est trouvé, il faut aller éditer (ou créer) le fichier userContent.css qui se trouve dans le répertoire ./chrome/

Une page de mozilla explique plus en détails où trouver le userContent.css si ce fichier est introuvable.

Voilà, la magie peut commencer. A l'intérieur de ce fichier, il suffit de rajouter les déclarations CSS suivantes et hop, le tour est joué

#opener_form[action="http://www.blogg.org/barrepao.php?mod=ok&place=filecss&form=filecss"] #currentform h3+table { height:100% }
#opener_form[action="http://www.blogg.org/barrepao.php?mod=ok&place=filecss&form=filecss"] #currentform h3+table tr { height:1% }
#opener_form[action="http://www.blogg.org/barrepao.php?mod=ok&place=filecss&form=filecss"] #currentform h3+table tbody>tr+tr { height:100% }
#opener_form[action="http://www.blogg.org/barrepao.php?mod=ok&place=filecss&form=filecss"] #currentform table tbody textarea#filecss[name="filecss"] { height:100% }

Et voila, on ferme firefox puis on le relance et hop la boum, on peut enfin éditer le fichier CSS dans une zone d'édition respectable.

Bon d'accord, on se retrouve avec quelques barres de défilement, mais bon j'ai fait vite fait, les déclarations sont plus que certainement à améliorer. En jouant un peu sur les hauteurs, on doit bien réussir à qqchose.

M'enfin de toute façon, le mieux ce serait que blogg.org rectifie le problème. Non ? :D

• RIA CMS démonstration | 18-02-2007
• Comment rectifier le textarea de modification de la CSS sous firefox 2 | 18-02-2007