Style des niveaux de titre du Wiki

[Ner0lph]

Il est parfois difficile de s’y retrouver dans les différents paragraphes sur les pages du Wiki. Les styles des niveaux de titre ne sont pas assez différenciés et il pourrait être judicieux d'utiliser la numérotation proposée par CSS via différents attributs : « counter-reset » et « counter-increment » pour gérer la numérotation en elle-même, « content » pour l’ajouter.

EDIT : Attention, l’ordre des éléments est important.
Quelques informations supplémentaires sur le site du W3C ou sur Yoyodesign.

http://www.w3.org/TR/REC-CSS2/syndata.html#counter
http://www.yoyodesign.org/doc/w3c/css2/syndata.html#counter

[Ner0lph (ner0lph)]

Voilà.
Désolé, j'ai eu quelques problèmes, non afférents au notre, ici. C'est ce qui a causé mon retard.

[Ner0lph (ner0lph)]

Ben, ça n'intéresse personne ? Pourtant j'ai (presque) mâché le travail !

[Julien Rottenberg (jrottenberg)]

On 4/13/07, Ner0lph <email address hidden> wrote:
> Ben, ça n'intéresse personne ? Pourtant j'ai (presque) mâché le travail
> !
>

Si si !

C'est tres interessant, on regarde comment le mettre en place.

   Ju.

[Julien Rottenberg (jrottenberg)]

Bon j'ai mis en place la css sur doc2

http://doc2.ubuntu-fr.org/versions/edgy_eft

http://doc2.ubuntu-fr.org/

et ainsi de suite, c'est hyper sexy, juste je pige pas pourquoi il commence la numerotation a des index farfelus... Mais bon je suis pas expert css, loin de la.

[Ner0lph (ner0lph)]

Cool !
Il doit y avoir plusieurs H2 dans la page, avant que ne surviennent ceux du
corps, comme par exemple ceux du menu de gauche... Et le nom de la page
entre les double-crochets aussi.
Le corps du texte est apparemment contenu dans une balise <div/> ayant
"main" pour id :

> <div id="main"> ... <h2>Les nouveautés</h2> ... </div>

 Donc, devant les <h2/> que je t'ai donné, rajoute div#main :

> div#main h2 { ... }

Et ça devrait normalement aller mieux.

Le 17/04/07, Julien Rottenberg <email address hidden> a écrit :
>
> Bon j'ai mis en place la css sur doc2
>
> http://doc2.ubuntu-fr.org/versions/edgy_eft
>
> http://doc2.ubuntu-fr.org/
>
> et ainsi de suite, c'est hyper sexy, juste je pige pas pourquoi il
> commence la numerotation a des index farfelus... Mais bon je suis pas
> expert css, loin de la.
>
> --
> Style des niveaux de titre du Wiki
> https://bugs.launchpad.net/bugs/88388
> You received this bug notification because you are a direct subscriber
> of the bug.
>

[Julien Rottenberg (jrottenberg)]

J'ai fait la modification, mais la numerotation suit pas encore.

Tu vois d'ou vient le probleme ?

[Ner0lph (ner0lph)]

Arf, le nom de la page entre les double-crochets est compté alors qu'il ne
devrait pas l'être, d'où l'erreur de 1 unité. Il faut donc faire en sorte
d'annuler la numérotation, mais juste pour lui. On l'identifie grâce à
h2#pagetitle (éventuellement div#main h2#pagetitle).

Mais auparavant, rajoute div#main devant tous les hx de mon code, histoire
d'être sûr (même s'il y a :before).
Regarde si ça marche.

Au fait, si tu veux la numérotation affichée pour les titres h2, il suffit
de modifier :

> div#main h2:before {
> /* On met le contenu sous la forme "1 ".*/
> content : counter(section) " ";
> /* On incrémente de 1 le compteur "section". */
> counter-increment : section;
> }
>

Le 17/04/07, Julien Rottenberg <email address hidden> a écrit :
>
> J'ai fait la modification, mais la numerotation suit pas encore.
>
> Tu vois d'ou vient le probleme ?
>
> --
> Style des niveaux de titre du Wiki
> https://bugs.launchpad.net/bugs/88388
> You received this bug notification because you are a direct subscriber
> of the bug.
>

[Ner0lph (ner0lph)]

Au fait, je viens de voir ça sur Launchpad : désolé pour tous les ">", mais
comme je répond via Gmail, ça me les rajoute automatiquement.

[Ner0lph (ner0lph)]

Résolu ! Grâce à cette discussion que j'ai ouverte sur le forum de Développez.com : http://www.developpez.net/forums/showthread.php?t=321150

Ci-joint, le morceau qui marche (à intégrer, donc). Je ne sais pas faire de patch, donc je n'ai pas coché la case « This attachment is a patch ».

Voilà !

[Ner0lph (ner0lph)]

Rhâ, je vais encore trop vite... >_<

Pour que ça soit plus joli et plusse mieux, prend plutôt celui ci-joint : je l'ai commenté.
Pour info, j'ai quand même mis une numérotation pour les niveaux <h2/>, comme ça on voit mieux. Mais de toute façon, on peut modifier ça par la suite.

[Ner0lph (ner0lph)]

C'est bête, on ne peut pas éditer nos propres commentaires. M'enfin.

Bon, je suis un incompétent fini : je n'ai pas donné le bon exemple. >_<

[Julien Rottenberg (jrottenberg)]

Ca me semble impec... Merci beaucoup !

Je poste sur la ml wiki pour prevenir et demander plus de tests.

[Ner0lph (ner0lph)]

Salut,

Juste une petite modification : dans la CSS, quand tu vois " ", en fait les espaces doivent être des espaces insécables (AltGr+Espace ou AltGr+Maj+Espace, je ne sais plus) sinon l'espace n'est pas assez grand entre la numérotation et le texte.

[Ner0lph (ner0lph)]

>> Salut,
>>
>> Avant de mettre ces changements en production, pourrais-tu m'envoyer le
>> fichier de la CSS pour pouvoir tester sur doc2 avec les espaces insécables
>> (vu que j'arrive à le faire) ?
>>
>> Merci.
>>
>
> Celle la ?
> http://doc2.ubuntu-fr.org/lib/styles/numberize.css

Oui, merci !

---

Voilà, j'ai joint un fichier à tester. Il contient des espaces insécables à la places des tirets. Fait un « clic-droit → Enregistrez la cible sous… » et pas un copier-coller depuis Firefox car il remplace les espaces insécables par des espaces normales (« espace » est féminin en typographie). Elles sont obtenues par AltGr+Maj+Espace avec l'arrangement de clavier « France - Autre ».

Sauvegarde ta version quand même !

[Julien Rottenberg (jrottenberg)]

On 5/22/07, Ner0lph <email address hidden> wrote:
> >> Salut,
> >>
> >> Avant de mettre ces changements en production, pourrais-tu m'envoyer le
> >> fichier de la CSS pour pouvoir tester sur doc2 avec les espaces insécables
> >> (vu que j'arrive à le faire) ?
> >>
> >> Merci.
> >>
> >
> > Celle la ?
> > http://doc2.ubuntu-fr.org/lib/styles/numberize.css
>
> Oui, merci !
>
> ---
>
> Voilà, j'ai joint un fichier à tester. Il contient des espaces
> insécables à la places des tirets. Fait un « clic-droit → Enregistrez la
> cible sous… » et pas un copier-coller depuis Firefox car il remplace les
> espaces insécables par des espaces normales (« espace » est féminin en
> typographie). Elles sont obtenues par AltGr+Maj+Espace avec
> l'arrangement de clavier « France - Autre ».
>
> Sauvegarde ta version quand même !
>
> ** Attachment added: "Fichier « numberize.css » avec les espaces insécables."
> http://librarian.launchpad.net/7742611/numberize.css
>
> --

Bon regarde si ca te va... Perso je m'etais habitue aux " - "

 ;-)

     Ju.

[Ner0lph (ner0lph)]

Ah oui, ça marche bien !
Tu étais habitué aux « - » ?

Ben y a plus qu'à demander à la ML.

[Percherie (percherie)]

Je relance ce viens rapport de bug pour ne pas en recrée un (peut être ai je tort)

Les styles de niveau inférieur sont difficilement différentiable. J'ai du corriger une modification d'une page car un même l'avais modifier pour rendre la lecture plus évidente mais ceci casse l'arborescente logique de la structure des titres.

La page en question : http://doc.ubuntu-fr.org/empathy#facebook

On différencie très mal le titre FaceBook de ses sous titre. Il en va de même pour les sous titre FaceBook et le titre suivant "Google Talk"

Ne disposant pas de qualité "artistique" dans ce domaine, je ne peut pas faire de propositions concrète mais peut être que l'utilisation du soulignement ou de l'italique peut aider. Le changement de police de caractère peut également y jouer.

[Julien (julienmbpe)]

le problème devrait être résolu par la refonte du look de la doc :
http://doc.ubuntu-fr.org/lib/exe/fetch.php?media=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Foriginal%2F1263318215.png

- changement de couleur
- accentuation des différences de taille de police

ça avance, ça avance... le projet en est au stade du codage.