Bonsoir à tous,
Parce qu'il est temps qu'il fasse beau et pour faire oublier les sombres événements qui ont consacré Nightgrey, je vous propose une petite C.S.S. un peu plus ensoleillée que la précédente. Elle s'appelle Springtime et se trouve, avec les autres, dans la page des feuilles de style du site :
http://linuxfr.org/css.html
J'ai essayé, autant que faire se peut, de tenir compte des remarques précédentes (ex : toolbar persistente) et de lui permettre d'être redimensionnée jusqu'à un point avancé sans risquer de casser la mise en page. Il y aura bien sûr des retouches à faire avec le temps.
J'espère qu'elle vous plaira.
Obs.
Journal Une nouvelle C.S.S. avec le printemps : « Springtime »
13
juin
2010
# Re: Une nouvelle C.S.S. avec le printemps : « Springtime »
Posté par Pierre Bourdon . Évalué à 5.
La seule remarque que j'aurais à faire pour le moment est la taille du bloc « À la une » (celui où il y a la dépêche « Fedora 13 « Goddard », parée au décollage » en ce moment) qui est un peu trop grand à mon goût. Mais à part ça je trouve cette CSS très agréable à l'oeil.
[^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »
Posté par Obsidian . Évalué à 6.
Merci pour tes appréciations. Pour la boîte « à la une », c'était volontaire. Je trouve que la dépêche à la une ne se voit pas assez, malgré le point d'exclamation sur la droite. En outre, je voulais faire une section qui ressemble vraiment à une « une » journalistique et pas seulement à un fil « épinglé ».
Content qu'elle te plaise.
[^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »
Posté par Infernal Quack (site web personnel) . Évalué à 3.
Et enfin la boite "A la une" est visible alors qu'avant c'est le dernier truc que je regardais :)
Bon une petit critique négative parce que j'ai une réputation à tenir : tes images paraissent baveuses (celle des ombres et du logo). Cela-dit étrangement si on regarde les images seules elles ont l'air nickel. Mon Firefox qui déconne ?
L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire
[^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »
Posté par Obsidian . Évalué à 4.
Ça dépend de ce que tu appelles « baveux », mais le logo est doté d'un léger flou en arrière-plan pour renforcer l'impression de halo lumineux. :-)
[^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »
Posté par Bruce Le Nain (site web personnel) . Évalué à 3.
Si tu essayes ctrl+0 pour voir (à supposer que tu sous FF, sinon essaye de faire un affichage 100%) ?
[^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »
Posté par Infernal Quack (site web personnel) . Évalué à 3.
L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire
[^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »
Posté par Pierre Bourdon . Évalué à 3.
Sinon, l'icone pour replier un commentaire est à mon avis trop grosse pour une fonctionnalité que j'utilise très peu, et l'ombre sous le titre du commentaire rend plutôt mal à mon goût.
Ça sera tout pour les critiques négatives je pense :-) .
[^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »
Posté par Obsidian . Évalué à 3.
Ça sera tout pour les critiques négatives je pense :-).
Pas de problème, c'est très constructif. :-) Pour le fond des commentaires, avec Nightgrey, je reconnais que j'ai beaucoup tatonné sans trouver la formule idéale. Mais pour le reste, les commentaires à fond gris sont en place depuis la feuille de style originale. Il me semblait que c'était ce qui convenait le mieux, surtout pour séparer les commentaires du corps de la news qui, elle, peut tenir parfois en deux blocs distincts (la dépêche proprement dite et le développement de l'article).
Pour l'ombre, je trouve que ça donne la profondeur qui manquait mais le ton est peut-être un peu trop prononcé. Je vais refaire un dégradé plus léger.
Merci pour ces remarques.
[^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »
Posté par NeoX . Évalué à 2.
parce là, sur mon ecran en 1280x1024 on ne voit plus que ca.
les fils de depeches/journaux/forums etant en dessous du bandeau
Tri : chronologique · par note · par intérêt (votre sélection de contenus du site triés chronologiquement)on doit bien pouvoir trouver un compromis entre le cadre minimaliste des autres CSS, et la version maximaliste de spring.css ?
Sinon j'aime bien cette CSS
[^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »
Posté par Obsidian . Évalué à 2.
Cela dit, j'attends quand même que les publicités de la section funbanner sous la une disparaîssent pour laisser se réafficher quelques entêtes des autres dépêches, pour voir si le compromis est bon.
[^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »
Posté par Ontologia (site web personnel) . Évalué à 1.
Bravo !
PS : Il y avait une CSS qui était intéressante, en mettant des couleurs différentes en fonction de la profondeur du fil de la discussion. C'était très utile.
« Il n’y a pas de choix démocratiques contre les Traités européens » - Jean-Claude Junker
[^] # Re: Une nouvelle C.S.S. avec le printemps : « Springtime »
Posté par Obsidian . Évalué à 2.
# estivale
Posté par Gabin . Évalué à 4.
Pareil que notre ami plus haut, le cadre de une mériterait de désenfler un chouilla.
ps: -1 pour le nom anglais de la feuille de style. :p
[^] # Re: estivale
Posté par NeoX . Évalué à 5.
:p
[^] # Re: estivale
Posté par Gabin . Évalué à 4.
Estival ? c'est normal c'est celle du printemps.. (Sping = Printemps)De l'importance de parler la langue du site auquel on participe...
# petit defaut sur certaines pucifications
Posté par NeoX . Évalué à 3.
la pucification saute un ligne alors que ca ne le fait pas avec la css par defaut
mais ca doit venir de la maniere dont la depeche est ecrite, car ca ne le fait pas sur d'autres depeches
[^] # Re: petit defaut sur certaines pucifications
Posté par Obsidian . Évalué à 2.
C'est propre chez moi.
Quelle résolution utilises-tu ? Les liste à puces ul et ol ont un paramètre clear: left de façon à ce qu'elle ne soient pas cisaillées par la présence de la boîte du score de la dépêche juste à côté, ce qui faire sauter une ou deux lignes au bloc entier, mais c'est tout.
J'ai eu du mal à lui faire comprendre, d'ailleurs, que ce clear devait s'appliquer à la division de la dépêche et pas au reste de l'écran. Comme la manchette de gauche est flottante elle-aussi, on se retrouvait parfois avec 200 lignes blanches au milieu d'une dépêche.
[^] # Re: petit defaut sur certaines pucifications
Posté par NeoX . Évalué à 3.
[^] # Re: petit defaut sur certaines pucifications
Posté par Obsidian . Évalué à 2.
C'est bien ma faute. J'avais placé des puces « inside » dans les listes de certaines sections. Je les avais bien rétablies « outside » pour les corps d'articles mais, curieusement, j'avais appliqué la modif' pour les ol et pas les ul.
J'ai fait la modif', qui apparaîtra avec la v1.2.
Merci à toi.
# sais bo
Posté par __o . Évalué à 3.
Par contre je n'aime pas beaucoup les commentaires :(
Il fut un temps où j'avais commencé à faire ma propre CSS et ça donnait ça : http://pastebin.com/raw.php?i=VMTWZPL9
J'avais passé un peu de temps sur les commentaires, pour leur redonner leur importance sur le site. Et j'avais pris soins de bien rendre les quotes, code, etc.
C'est basé sur kaiska.css, mais il n'en reste plus rien je pense. J'encourage toute réutilisation / inspiration de cette CSS :)
[^] # Re: sais bo
Posté par __o . Évalué à 2.
[^] # Re: sais bo
Posté par Obsidian . Évalué à 2.
En principe, c'est le cas ici aussi. Au moins pour q, cite, code et blockquote (que l'on ne peut plus utiliser). J'avais fait une entrée de test dans le forum général.test pour vérifier tout cela : https://linuxfr.org/forums/25/26384.html
Par contre, je m'aperçois que le rendu des commentaires est effectivement assez sale si la toolbar n'est pas activée. Est-ce les cas chez toi ?
[^] # Re: sais bo
Posté par __o . Évalué à 3.
tout à fait
> si la toolbar n'est pas activée. Est-ce les cas chez toi ?
La toolbar est activée, mais c'est une question de goût je pense. Ce que je n'aime pas c'est que les commentaires sont tout en niveaux de gris, avec le titre noir&blanc, les icones noir&blanc, le contenu des commentaires noir sur fond gris. J'aurais bien vu quelque chose d'un peu plus chaud, comme le reste du style.
Aussi dans ma CSS j'avais tenté de mettre les commentaires au même niveau que le contenu principal : En fait le premier message de chaque thread est formaté pareil que le journal/dépêche (taille de titre, taille de texte, etc...). Il y a juste la couleur de fond qui différencie bien les deux. Plus que sur la plupart des sites, les commentaires font partie du contenu sur Linuxfr.
# Gestion des commentaires
Posté par barmic . Évalué à 5.
Tous les contenus que j'écris ici sont sous licence CC0 (j'abandonne autant que possible mes droits d'auteur sur mes écrits)
[^] # Re: Gestion des commentaires
Posté par Obsidian . Évalué à 3.
Moi, au contraire, je trouve plus agréable de ne pas avoir le commentaire en question directement collé au sommet de la fenêtre mais, en tout état de cause, ce n'est pas dû à ma C.S.S. (ou, en tout cas, pas à ma connaissance).
Dans tous les cas, ce ne peut pas être dû à l'image du point d'exclamation rouge en elle-même car ses marges sont réduites au minimum…
[^] # merci
Posté par bubar🦥 (site web personnel) . Évalué à 3.
Elle est magnifique ta css, enfin j'aime beaucoup. Tout. Le choix des couleurs bien sûr, donc, mais aussi le choix de la police pour les liens supérieurs. L'organisation et le rendu des commentaires. Le signalement des nouveaux commentaires. Bref absolument tout. Merci beaucoup :)
ps :
ReKonq rame sévère avec, vraiment. Firefox un peu moins. Avec Chromium je vois pas la différence. Aucune idée si ça vient du navigateur lui même (à priori plutot oui) ou de linuxfr ou de la css elle même. Mais m'en fout, elle est trop belle :)
ps2 :
peut être un peu moins de contraste entre le titre d'un commentaire et son contenu ? Là, le titre sur fond très clair, ça flash un poil.
[^] # Re: merci
Posté par Obsidian . Évalué à 3.
ReKonq rame sévère avec, vraiment. Firefox un peu moins. Avec Chromium je vois pas la différence. Aucune idée si ça vient du navigateur lui même (à priori plutot oui) ou de linuxfr ou de la css elle même. Mais m'en fout, elle est trop belle :)
Les fontes sont très lourdes à charger, quand elles le sont. Mais, en principe, cela n'a lieu qu'une fois. Est-ce que ReKonq rame en permanence ou seulement au début ?
peut être un peu moins de contraste entre le titre d'un commentaire et son contenu ? Là, le titre sur fond très clair, ça flash un poil.
Je vais effectivement corriger un poil les gris. :-) Je me laisse un jour ou deux pour laisser les commentaires s'accumuler et tout corriger d'un coup.
[^] # Re: merci
Posté par bubar🦥 (site web personnel) . Évalué à 2.
:-)
[^] # Re: merci
Posté par Obsidian . Évalué à 2.
[^] # Re: Gestion des commentaires
Posté par Bruno Michel (site web personnel) . Évalué à 3.
De manière très empirique, je dirais que ça vient du margin sur le body. Le javascript a l'air de ne pas en tenir compte pour calculé la position à laquelle se déplacer.
[^] # Re: Gestion des commentaires
Posté par barmic . Évalué à 2.
Je pense que c'est un bug de vimium mais c'est dommage.
Tous les contenus que j'écris ici sont sous licence CC0 (j'abandonne autant que possible mes droits d'auteur sur mes écrits)
# Peux pas plusser
Posté par André Rodier . Évalué à 3.
j'ai essayé de plusser, et comme d'habitude, un popup s'est ouvert pour vérifier que je ne suis pas un script...
Et là, pas moyen de voir le captcha !
Je poste donc le code HTML de ce fabuleux popup ici :
http://pastebin.com/VjZgwZhU
PS: Comment fait-on pour héberger sa CSS sur le site de linuxfr ?
[^] # Re: Peux pas plusser
Posté par Obsidian . Évalué à 2.
PS: Comment fait-on pour héberger sa CSS sur le site de linuxfr ?
On en fait la demande, sur la page « Contact » : http://linuxfr.org/moderateurs/ et on la soumet par mail.
Par contre, tu peux faire la tienne, l'héberger sur ton site perso, et y faire référence dans le menu de tes préférences : http://linuxfr.org/user_prefs.html . Si le lien est disponible, les autres participants peuvent faire de même.
[^] # Re: Peux pas plusser
Posté par Bruno Michel (site web personnel) . Évalué à 3.
Je viens de regarder rapidement pour le popup, je ne vois pas d'où vient le problème. J'ai créé une entrée de suivi : http://linuxfr.org/tracker/1129.html . Je t'encourage à commenter dessus pour nous donner un peu plus d'informations : navigateur, OS, extensions pour bloquer les publicités, etc.
Vivement la version RoR que ce captcha disparaisse.
> Comment fait-on pour héberger sa CSS sur le site de linuxfr ?
Le moyen le plus simple reste de nous contacter [http://linuxfr.org/moderateurs/].
[^] # Re: Peux pas plusser
Posté par André Rodier . Évalué à 1.
Le résultat en images:
http://img10.hostingpics.net/pics/28342Screenshot_Da_Linux_F(...)
PS: Merci pour les conseils.
# L'essayer, c'est (presque) l'adopter.
Posté par Gyro Gearllose . Évalué à 1.
Alors, en dépit du petit reproche concernant le bleu délavé, je conserve.
[^] # Re: L'essayer, c'est (presque) l'adopter.
Posté par Obsidian . Évalué à 2.
J'ai développé la C.S.S. sur mon moniteur LCD Samsung de 18 mois, et là, je la regarde sur un VAIO à peine plus vieux, et effectivement, le rendu des couleurs n'a rien à voir.
[^] # Re: L'essayer, c'est (presque) l'adopter.
Posté par Gyro Gearllose . Évalué à 1.
Finalement, je l'ai adoptée ta css... Et tant que je ne vois rien de mieux, je la garde.
[^] # Re: L'essayer, c'est (presque) l'adopter.
Posté par Gyro Gearllose . Évalué à 1.
http://olcc.logicielslibres.info//attach/20100613224249_newc(...)
[^] # Re: L'essayer, c'est (presque) l'adopter.
Posté par Obsidian . Évalué à 2.
Oui ! :-)
Je suis friand de captures d'écrans. Effectivement, concernant le rendu des couleurs, ça ne changera pas grand chose, mais ça me permet de voir concrètement dans quelles conditions mes C.S.S. sont utilisées chez les autres utilisateurs, et c'est un point de vue très enrichissant.
[^] # Re: L'essayer, c'est (presque) l'adopter.
Posté par Axioplase ıɥs∀ (site web personnel) . Évalué à 2.
Très joli, mais *rien* à voir avec le printemps…
# Très...
Posté par morphalus . Évalué à 2.
# Nouveaux commentaires
Posté par Meku (site web personnel) . Évalué à 3.
Juste le signalement des nouveaux commentaires : je préfère quand le cadre du titre du commentaire a un fond d'une autre couleur, c'est plus facile je trouve à voir les nouveaux commentaires (avis personnel). Mais c'est peut-être dû à mon habitude à la CSS par défaut (la vieille, en orange là...).
[^] # Re: Nouveaux commentaires
Posté par Obsidian . Évalué à 2.
En principe, si la toolbar est active, tu dois au moins avoir un gros « ! » sur la gauche du titre…
[^] # Re: Nouveaux commentaires
Posté par Meku (site web personnel) . Évalué à 1.
[^] # Re: Nouveaux commentaires
Posté par Obsidian . Évalué à 2.
# Version 1.1
Posté par Obsidian . Évalué à 2.
J'ai éclairci le fond des commentaires qui sont plus lisibles désormais, et ai collé un fond gris sombre à ceux dont le score est en dessous de zéro. Ainsi que deux trois petites choses…
D'autre part, j'ai collé le même style aux pages de commentaires sans toolbar, ce qui manquait.
Je suis toujours friand de vos remarques et suggestions. Je vais tâcher de faire encore deux ou trois mises à jours avant de conserver la version finale. N'hésitez pas à faire plein de suggestions.
# Léger bug
Posté par Nonolapéro . Évalué à 1.
http://pix.toile-libre.org/upload/original/1276598006.png
Si quelqu'un veut remonter le bug chez Mozilla, voici ma version du navigateur : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.2.4) Gecko/20100527 Firefox/3.6.4 qui tourne sur Windows XP sp3.
[^] # Re: Léger bug
Posté par Obsidian . Évalué à 2.
Merci pour la remontée d'info.
En principe, la date en question doit s'afficher en « Linux Libertine C », laquelle fonte est chargée avec le reste des ressources de la C.S.S. Il est donc normal que le rendu définitif apparaisse − la première fois − après quelques secondes.
Par contre, le rendu est propre chez moi (Firefox 3.6.3 et Google Chrome 5.0.375.70). Quelle version de Firefox utilises-tu et quelle est ta définition/résolution d'écran ?
[^] # Re: Léger bug
Posté par Nonolapéro . Évalué à 2.
Apparemment je suis sur Firefox 3.6.4 parce qu’il y a quelques temps j'avais installé la β de de Firefox 3.5.
[^] # Re: Léger bug
Posté par Obsidian . Évalué à 2.
Hmm. Je n'ai pas les yeux en face des trous, moi…
On a des configurations très similaires. En principe, ça devrait fonctionner. Je vais creuser aussi.
Merci.
[^] # Re: Léger bug
Posté par Nonolapéro . Évalué à 1.
Version FF > Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.2.4) Gecko/20100611 Firefox/3.6.4
[^] # Re: Léger bug
Posté par Obsidian . Évalué à 2.
J'obtiens quelque chose de similaire lorsque je désactive le lissage dans Système→Préférence→Apparence→Police mais cela affecte le reste du contenu aussi. Il faut dire que « Libertine C » est une fonte assez sophistiquée. Il se peut qu'un non-lissage ait un impact moindre sur les autres polices si elles sont adaptées à ton moniteur mais, à voir le rendu du mot « Journal » dans ta capture d'écran, je doute que ce soit le problème…
[^] # Re: Léger bug
Posté par Nonolapéro . Évalué à 1.
[^] # Re: Léger bug
Posté par plic . Évalué à 2.
http://img143.imageshack.us/img143/5377/policelinuxfr.png
(en récupérant dans la CSS l'adresse de Linux Libertine C).
La faculté de citer est un substitut commode à l'intelligence -- Somerset Maugham
[^] # Re: Léger bug
Posté par Obsidian . Évalué à 2.
# Webkit 2.17.2 à 2.18.0
Posté par Obsidian . Évalué à 2.
http://linuxfr.org/comments/1135702.html#1135702
Le passage de Webkit 2.17.2 à 2.18.0 sur une Fedora 13 résout le problème (au moins pour cette page).
# Liens Wikipedia
Posté par Obi MO (site web personnel) . Évalué à 3.
Je te propose de changer le :before{content: "W -";} en :after { content: "(W)";}, le mettre à la fin et entre parenthèses (ou crochets) le rend moins intrusif et on sait sur quoi il porte.
En tout cas superbe boulot, j'ai adopté !
Merci !
[^] # Re: Liens Wikipedia
Posté par Obsidian . Évalué à 2.
Le problème, c'est qu'il n'y a pas grand chose à faire d'autre. Changer le fond de couleur serait vraiment trop criant, surtout que celui de Wikipédia est blanc. On pourrait mettre un globe marqué d'un W, mais j'ai peur que sur 9pt de haut, cela ne donne pas grand chose…
[^] # Re: Liens Wikipedia
Posté par NeoX . Évalué à 2.
un peu comme les "notes" de bas de pages, sauf que là, le lien est sur le mot, et la personne sait qu'elle va sur un wikilien ?
[^] # Re: Liens Wikipedia
Posté par Obsidian . Évalué à 2.
Je vais bientôt mettre la version 1.2 en ligne, mais il y a encore beaucoup de petits défauts à d'autres endroits, notamment dans les formulaires de saisie et les prévisualisations. Mais c'est difficile d'agir dessus sans toucher au code HTML lui-même.
# wikilien
Posté par NeoX . Évalué à 2.
le wikilien pour le mot Linux par exemple, va etre presenter comme etant
W - Linux
c'est assez,... perturbant.
ci dessous un vrai wikilien afin de tester la difference entre les deux CSS
(wikilien vers la page wikipedia/CSS)
CSS
[^] # Re: wikilien
Posté par Obsidian . Évalué à 2.
[^] # Re: wikilien
Posté par Thomas Debesse (site web personnel) . Évalué à 3.
Wikipédia de son coté précise les liens externes par un petit symbole situé après le mot, on pourrait imaginer la même chose pour un lien wikipédia, sans être trop créatif moi je pensais à [w] en exposant, après le mot.
ce commentaire est sous licence cc by 4 et précédentes
[^] # Re: wikilien
Posté par Obsidian . Évalué à 2.
Je crois que c'est un consensus ! :-) C'est désormais en prod dans Springtime 1.2. Merci à NoNo de l'avoir mise en ligne, comme toujours.
[^] # Re: wikilien
Posté par Obi MO (site web personnel) . Évalué à 2.
# Springtime 1.2
Posté par Obsidian . Évalué à 2.
- Correction du problème des puces dans le corps de la dépêche State Of The Map (merci à NeoX : https://linuxfr.org/~Obsidian/29824.html#1135325 ) ;
- Léger éclaircissement des boîtes des commentaires à score négatif. Le gris sombre était vraiment trop sombre ;
- Modification des wikiliens : désormais en exposant, toujours avec la fonte Libertine ;
- Mise en forme du formulaire de filtrage dans les pages Entretiens et Suivi. Ça, ça risque de ne pas plaire à tout le monde parce que ce formulaire avait l'apparence d'une barre d'outils et ressemble maintenant à un gros pavé. Mais, au moins, les champs ne s'en vont plus n'importe où à chaque redimensionnement ;
- Corrections sur les boîtes de la manchette de gauche aux bords arrondis, boîte de login hormise. Plus clair, comme en page d'accueil, et marges intérieures améliorées ;
- Signatures de bas de commentaires restylisées, plus pâles, avec une vraie ligne de séparation et le lien « -- » servant à les faire disparaître à présent recalé sur la droite sous la forme d'une croix.
- Tentative de mise en forme propre de l'impression, mais il y a encore du travail.
Un patch a aussi été appliqué pour que les commentaires en prévisualisation reçoient quand même les bons noms de classe.
Dans Springtime 1.3, il faudra encore penser à :
- Améliorer encore un peu le rendu à l'impression ;
- Arranger la marge haute des titres de certains nouveaux commentaires en début de fil (déjà réglé) ;
Mettez toutes vos remarques et vos suggestions ici.
Merci à tous !
[^] # Re: Springtime 1.2
Posté par NeoX . Évalué à 2.
s'il y avait un bouton "j'aime" j'aurais cliqué dessus.
question : le seperateur entre le texte est la signature fait une ligne (tres jolie) avec un X presque au bout de la ligne
perso j'ai cru que c'etait pour masqué la signature, mais :
1°) cela masque toutes les signatures (c'est peut-etre voulu)
2°) ca nous renvoie en haut de la depeche (effet volontaire ou pas ?)
proposition pour la v1.3
- éclaircir un peu la boite de recherche, car du coup elle est tout juste visibile (en haut à droite)
[^] # Re: Springtime 1.2
Posté par Thomas Debesse (site web personnel) . Évalué à 1.
Ah tiens , je n'avais pas vu cette feature, ça m'a donné envie de tester, et en effet ça remonte tout en haut de la page sauf il me semble si on avait pointé sur un commentaire précis avec la toolbar (mais maintenant je n'ai plus de commentaire non lu donc je peux pas vérifier).
ce commentaire est sous licence cc by 4 et précédentes
[^] # Re: Springtime 1.2
Posté par Thomas Debesse (site web personnel) . Évalué à 1.
ce commentaire est sous licence cc by 4 et précédentes
[^] # Re: Springtime 1.2
Posté par Obsidian . Évalué à 2.
Elle a toujours été là, mais force est d'admettre qu'elle ne sert pas souvent. :-) En tout état de cause, ce n'est pas un effet de bord de la C.S.S. (enfin, je ne crois pas).
[^] # Re: Springtime 1.2
Posté par NeoX . Évalué à 2.
en effet, j'avais jamais vu le -- delimitant la signature sur la CSS par defaut,
ni que c'etait un lien cliquable...
du coup j'ai testé, et c'est bien le script qui nous renvoie en haut de page.
[^] # Re: Springtime 1.2
Posté par Thomas Debesse (site web personnel) . Évalué à 1.
ce commentaire est sous licence cc by 4 et précédentes
# j'en ai une autre pour toi (Obsidian)
Posté par NeoX . Évalué à 2.
- avec la CSS par defaut ca n'affiche que auteur/titre.date...
et le "resumé" s'affiche lors du survol du titre dans une boite en bas
- avec springtime, le resumé s'affiche par defaut dans le tableau avec le titre
et on voit TOUS les resumés
jusqu'a les avoir survolé une fois, et là ils ne s'affichent plus, sauf si on retourne les survoler :)
[^] # Re: j'en ai une autre pour toi (Obsidian)
Posté par Obsidian . Évalué à 2.
Dans la page des C.S.S., il y a un lien « [original] » en vis-à-vis des différentes C.S.S. dont Springtime. Ce lien pointe vers mon site et la C.S.S. qu'il référence est la dernière version de Springtime en date, quelque soit l'époque. Je m'en sers pour la tester.
Tu peux la mettre dans tes préférences si tu veux voir le rendu de la prochaine feuille (pratiquement le même, les bugs en moins).
D'autre part, il y a un header « h2 » non refermé dans la dernière section de la page moderateurs.html dans les stats. J'enverrai un patch aussi.
[^] # Re: j'en ai une autre pour toi (Obsidian)
Posté par NeoX . Évalué à 2.
pour info aussi, dans le bloc AMR quand on relit/modere une depeche
on ne sait plus qui a dit quoi quand tu presente le texte suivi par l'auteur est la date
difference de couleur pas assez marqué je trouve ou taille/poids de police à revoir peut-etre ?
[^] # Re: j'en ai une autre pour toi (Obsidian)
Posté par Obsidian . Évalué à 2.
Je suppose donc que je ne peux pas la voir. Mais comme le code Templeet est dispo, je vais me monter une instance de DLFP chez moi. Ce sera plus pratique pour les patches.
Désolé. :-)
[^] # Re: j'en ai une autre pour toi (Obsidian)
Posté par NeoX . Évalué à 2.
pour info c'est la couleur du lien en fait qui se trouve dans les boites suivantes
html -> body -> div .main -> div .leftcol -> div .loginbox -> ul -> li -> a
et la presentation
- texte par auteur le date
est en fait la meme dans le theme par defaut
simplement les couleurs sont plus contrastées, ce qui permet de differencier le texte du reste
[^] # Re: j'en ai une autre pour toi (Obsidian)
Posté par Obsidian . Évalué à 2.
Peux-tu éventuellement m'envoyer des sauvegardes H.T.M.L. des pages en question ? J'ai quelques difficultés à lancer templeet chez moi. :-)
[^] # Re: j'en ai une autre pour toi (Obsidian)
Posté par NeoX . Évalué à 2.
ou alors je ne trouve plus l'exemple qui m'avait "frappé".
te prend pas la tete sur cette "boite" (div)
car de toute facon avec la refonte du site en ruby, certaines CSS devront etre retravaillée...
[^] # Re: j'en ai une autre pour toi (Obsidian)
Posté par Obsidian . Évalué à 2.
Raison de plus pour finir au plus vite celle-ci : qu'elle ait le temps de vivre sa vie en prod' suffisamment longtemps avant de faire le grand switch.
Il y a bien deux ou trois petites choses à mettre en forme dans leftcol lorsqu'elles ne se trouvent pas dans des boîtes dédiées. Avec ça, il y aura deux ou trois choses à arranger au niveau des formulaires et on pourra considérer que c'est fini. :-)
# Springtime 1.3
Posté par Obsidian . Évalué à 2.
Voila. Springtime 1.3 est en ligne. Merci encore une fois à NoNo de l'avoir mise en place. Elle corrige des bugs mineurs, dont le détail est le suivant :
- Mise en forme de toutes les tables dans la division main (l'arrière-plan jaune sable)
- Correction des marges hautes sur certains nouveaux commentaires en début de fil ;
- Modif des headers de chapitres sur cette même division ;
- Modification des listes de la division principale ;
- Quelques changements de couleurs minimes pour plus de contraste (notamment sur la tribune) ;
- Remise en page de la tribune des rédacteurs ;
- Et d'une manière générale, ajouts des marges idoines partout où elles manquaient (liste des sessions, rédaction de dépêche, ouverture de compte) ;
Il y en aura encore une à venir (avec peut-être quelques illustrations) mais il y aura sans doute quelques patches à appliquer d'abord.
Dans tous les cas, je suis toujours friand de vos remarques !
[^] # Re: Springtime 1.3
Posté par Nonolapéro . Évalué à 3.
Sur la page d'accueil ce n'est pas possible de mieux intégrer le cadre qui met en avant une actualité ? Je trouve que les deux bordures noires en haut et en bas du cadre jure avec le reste.
C'est aussi bizarre d'avoir des fontes différentes entre ce cadre et le reste de la page.
Autrement je reste sur cette feuille de style maintenant que je me suis habitué à repérer le ! des nouveaux messages.
Petite question subsidiaire, tu as une idée du temps qu'il t'a fallu pour réaliser cette CSS ?
[^] # Re: Springtime 1.3
Posté par Obsidian . Évalué à 2.
J'y vais de ma petite remarque.
Sur la page d'accueil ce n'est pas possible de mieux intégrer le cadre qui met en avant une actualité ? Je trouve que les deux bordures noires en haut et en bas du cadre jure avec le reste. C'est aussi bizarre d'avoir des fontes différentes entre ce cadre et le reste de la page.
Ah. Moi, au contraire, c'est peut-être ce que je préfère. :-) En fait, l'idée, c'est d'avoir une vraie « une », et pas un fil « épinglé » en tête de liste d'un forum, comme on le voit souvent. Il s'agit de faire de l'article concerné la dépêche principale, qui doit être lue en premier, même si elle reste un mois, comme la couverture d'un magazine.
En ce sens, je trouve que le bloc remplit son rôle et que les fontes sont adaptées. Par contre, mettre des fontes à serif dans tous les blocs aurait vraiment été pénible pour le reste de la lecture sur écran, surtout quand elles sont plus petites. D'autre part, les fontes à sérif donnent un style plus journalistique qui convient bien aux articles, mais n'est pas approprié aux entrées de forums et aux fils de discussions (qui ne sont pas des articles à proprement parler).
En fait, Il aurait plutôt fallu organiser les autres blocs en fonction de celui-ci pour faire une vraie page de journal, mais là, c'eût été vraiment trop compliqué et de toutes façons, le code H.T.M.L. du site n'est pas fait pour.
Petite question subsidiaire, tu as une idée du temps qu'il t'a fallu pour réaliser cette CSS ?
Ouch ! Ça n'en a pas l'air, mais c'est beaucoup de boulot. Le changelog que j'ai intégré à la page ( http://linuxfr.org/css/contrib/springtime.css ) indique que j'ai commencé à l'écrire le jeudi 20 mai 2010, que j'ai soumis la première version le 12 juin, et la version 1.3 le 24. En temps cumulé (étant donné que je suis actuellement sans emploi) je pense que cela doit représenter au moins 10 jours de travail, soit environ 80 heures.
Cela dit, il est difficile de pondre une C.S.S. propre d'un seul jet car, au bout d'un moment, il faut laisser ses idées se décanter et travailler quelques jours avec le prototype, pour prendre suffisamment de recul et voir les choses d'un autre angle, puis remettre son ouvrage sur le métier.
Ça dépend aussi beaucoup de son propre niveau en matière de C.S.S. Faire une feuille de style épousant le code actuel de D.L.F.P. est un très bon exercice car cela oblige à mettre en œuvre pratiquement toutes les facettes de la norme et Dieu sait comme certaines sont ambigües.
[^] # Re: Springtime 1.3
Posté par Nonolapéro . Évalué à 3.
En tout cas félicitations pour ton abnégation !
# Springtime 1.4
Posté par Obsidian . Évalué à 2.
Je considère que cette version est la dernière, à moins que je reçoive à nouveau quelques remarques très enrichissantes. :-) Au programme, quelques modifs mineures :
- Ajustement de la taille des citations « q ». Les fontes à sérif, spécialement Libertine, ont des glyphes presque deux fois moins hauts que les autres pour une taille en pt identique ;
- Gestion des italiques imbriqués pour « i » et « cite » jusqu'au troisième niveau ;
- « clear: left; » dans le corps des dépêches, entrées de journaux ou entrées de forums (donc, pas les commentaires) sur la balise « code » et sur la signature (peu fréquente à ces endroits, mais possible quand même) ;
… ainsi que tout un tas de choses qui ne se voient pas ou peu, comme des marges sur les boutons submit, des noms de classe supplémentaires pour éviter les sélecteurs, etc. Il y avait également une balise h2 mal refermée sur la page des statistiques sur la modération, qui empêchait la dernière table de s'afficher correctement. C'est réparé.
Enfin, quelques fioritures sur la page de soumission des dépêches : http://linuxfr.org/submit.html
Donnez-moi vos impressions. S'il reste des choses qui traînent, je ferai peut-être une 1.5. Sinon, on en reste là.
Merci à tous !
Suivre le flux des commentaires
Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.