Journal ma css pour linuxFr v0.3

Posté par  (site web personnel) .
Étiquettes : aucune
0
13
mai
2004
Bon allé, encore une mise-à-jour, la dernière logiquement :)

la css : http://arliguy.net/linuxfr.css(...)

Pour tenir compte d'une remarque précédente, j'ai rendu à la balise em sa signification en supprimant l'ajout des " avant (:before) et après (:after) pour les mettre sur la balise q. Le jour où elle sera acceptée par linuxFr, ça sera prêt comme ça :)

J'ai appliqué le thème couleur de la page principale à la page des journaux, c'est donc un peu plus homogène.

J'ai aussi appliqué un style aux input des formulaires, ils prennent toute la largeur de leur zone et le champs actif (:focus) change de couleur de fond. Ca ne sert pas à grand chose, mais ça m'amuse :)

Ha oui, j'ai mis la largeur de la colonne de gauche en pourcentage, sur les grands écrans elle faisait tout rikiki. Mais bon, le pbm c'est que sur les petites écrans, en pourcentage ça fait un peu petit... Tient, je viens d'y penser, j'aurai dû essayer un min-width et max-width suis-je bête! bon en attendant j'ai fait une css avec largeur fixe : http://arliguy.net/linuxfr-fixe.css(...)

Pour ceux qui veulent la boite de vote sur la page pricipale : http://arliguy.net/linuxfr-vote.css(...)

En résumé :


Note : le code html de linuxFr n'est vraiment pas bien pensé pour appliqué facilement une css. J'y ai vu des noms de class avec des espaces, des attributs style=, ça manque d'id. Il est clair que dans une optique de personnalisation, il y a un effort à mener de ce côté là.

  • # Génial mais ...

    Posté par  . Évalué à 1.

    Je trouve ta feuille de style superbe mais serait-il possible d'en faire une autre version avec les fonds des différentes parties du site foncés (noir ?) et le texte en blanc ?
    Un peu dans le genre de "fondnoir" sur le site d'openweb ( http://openweb.eu.org/index.php?set=fondnoir(...) ) ?

    Je trouve le style fond foncé/texte clair plus reposant pour les yeux ;-)

    Encore merci pour ta feuille CSS

    • [^] # Re: Génial mais ...

      Posté par  (site web personnel) . Évalué à 2.

      Oui, je regarderai cela, pourquoi pas. Perso j'ai fait cette feuille de style pour que la page linuxFr soit plus discrète pour une lecture depuis le boulot. Au départ j'étais parti pour faire un style "javadoc" :)

      Mais je n'ai rien contre de nouvelles expériences. Sinon tu peux essayer par toi même. Tu fais une css qui inclue la mienne par exemple (comme ca tu n'as pas à t'embéter avec la mise en forme, regarde dans linuxfr-fixe.css j'y fais une inclusion) et tu surcharges aprés juste les couleurs, j'en utilise 3 ou 4, mais je n'ai pas centralisé, donc c'est un peu réparti partout... Il faut chercher les attributs color, background-color et border principalement.

    • [^] # Re: Génial mais ...

      Posté par  . Évalué à 2.

      dans le genre de celle la:
      http://tardyp.free.fr/linuxfr/style.css(...)

      ya juste un seul truc qu'il faut que je debugue, c'est la couleur des champs texte.
      je tape un peu a l' aveuglette la...

      • [^] # Re: Génial mais ...

        Posté par  . Évalué à 1.

        Genial c'est parfait !! Je l'adopte ;-)

        Le seul problème que j'ai vu jusqu'à présent c'est la fenêtre pour répondre à un commentaire qui est presque ilisible (texte clair sur fond clair) et la toolbar qui est sur deux lignes (je suis pourtant en 1280x1024) avec les liens de la toolbar presque ilisibles.

  • # Linuxfr-vote.css bugué?

    Posté par  . Évalué à 2.

    Je viens de tester la linuxfr-vote.css et dasn les journaux, j'ai la "frame" de gauche, avec les journaux de seconde pages, qui se retrouve au-dessus des journaux de première pasges......

    • [^] # Re: Linuxfr-vote.css bugué?

      Posté par  (site web personnel) . Évalué à 1.

      Fais attention à bien recharger (ctrl+r sous moz) toute la page pour que la nouvelle css soit bien prise en compte. J'ai aussi eu ce genre de pbm, mais un reload fait que la css est bien prise en compte. En tout cas j'ai controlé et je n'ai pas ce type de problème. Dis moi ("moi") si cela persiste. merci.

      • [^] # Re: Linuxfr-vote.css bugué?

        Posté par  . Évalué à 2.

        Bon, ca c'est réglé....

        Par contre, à chaque fois que je me repointe sur la page des journaux, j'ai l'ancienne feuille rechargée....
        Ya queqlqu'un qui pourrasi m'aider sur ce coup???

        • [^] # Re: Linuxfr-vote.css bugué?

          Posté par  (site web personnel) . Évalué à 1.

          Tiens, mon hebergeur a des pbm, arliguy.net est indispo. Ils ne sont pas cher, mais ils partent régulièrement en vrille. Au départ ce n'est pas génant, c'est pour mettre mes albums photos, donc qu'il soit indispo de temps en temps ce n'est pas dérangeant. Mais là, pour la css ça fout la zone .

          Il y a pas un endroit où on pourrait les héberger?

          Sinon pour l'histoire de css qui s'applique pas, il faut faire attention aussi depuis l'endroit où tu changes la css. Apparement c'est un cookie qui est déposé pour stocker la css que tu utilises, et il stocke aussi le "path" donc cela peu - peut-être - causer soucis.

  • # Elles se suivent et se ressemble :/

    Posté par  . Évalué à 1.

    Arf, c'est pas que je veux pas faire une nouvelle CSS, mais toutes celles que j'ai vu c'est juste un changement de couleur, de taille, de police ... Pourquoi pas faire un design complet et nouveau ? Qu'on le reconnaisse plus linuxfr quoi.
    Bon, on va me dire "pourquoi tu fais le malin, t'as qu'a en faire une". Ok, mais quand j'ai le temps.

  • # redondance ?

    Posté par  . Évalué à 0.

    salut a tous

    ca fait un moment que je travaile sur ma feuille de style pour dlfp
    j'ai downloadé en local le code html et je travaille sur la css

    mais quand je l'essaye avec la toolbar, il prend en compte a la fois les propriétés de la feuille originale de linuxfr et ceux de ma feuille de style, du coup ca donne pas le bon resultat

    si quelqu'un sait pourquoi ca fait ca, et comment l'éviter :)
    ++

    - sam

    • [^] # Re: redondance ?

      Posté par  (site web personnel) . Évalué à 1.

      Ben c'est effectivement un bug. Patches welcome :)

      Pensez à l'environnement avant d'imprimer ce commentaire - Please consider the environment before printing this comment

    • [^] # Re: redondance ?

      Posté par  (site web personnel) . Évalué à 3.

      Parceque dans le code html, ya quand meme le lien vers la feuille de style originale, pour ceux qui ont desactivé javascript, et que je ne peux pas, a moins de finir sur une page blanche avec konqueror [*], modifier le href de ce lien avant d'avoir fini de charger la page. Comme je ne tiens pas a ce que on ait la desagreable impression de voir d'abord la feuille de style de linuxfr et ensuite celle que tu as choisi, bah pour l'instant je rajoute juste un autre lien. Accessoirement actuellement c'est pas top parceque on document.write un link qui a le meme id que celui d'avant c'est degueu (mais ca c'est pas moi qui ai fait ca :)

      [*] KHTML ne supporte pas que l'on modifie le DOM d'une page qui n'est pas completement chargée...

      • [^] # Re: redondance ?

        Posté par  (site web personnel) . Évalué à 1.

        ya quand meme le lien vers la feuille de style originale, pour ceux qui ont desactivé javascript

        Pour eux, il y a la balise <noscript> ... </noscript> Il faudrait essayer de mettre le <link> dedans

        Sinon il n'y a pas moyen de faire ça coté serveur ? A cause du cache ?


        KHTML ne supporte pas que l'on modifie le DOM d'une page qui n'est pas completement chargée...

        En fait il faudrait filtrer Konqueror vu que de toute façon la barre marche pas avec lui...

        Pensez à l'environnement avant d'imprimer ce commentaire - Please consider the environment before printing this comment

        • [^] # Re: redondance ?

          Posté par  (site web personnel) . Évalué à 1.

          On ne peut pas mettre de noscript dans un head. Tu penses bien que on y avait pensé :)

          Sinon, je compte bien faire marcher la toolbar dans konqueror, au moins le systeme de changement de feuille de style. Quoique, effectivement tu me tentes la :-)

          • [^] # Re: redondance ?

            Posté par  . Évalué à 0.

            tu pourrais utiliser les alternate stylesheets (au lieu d'avoir une url de feuille de style, on peut en faire une liste qui est parsee est mise dans des alternate stylesheets) comme ca on peut changer avec le navigateur ?

            ++
            sam

  • # Bravo !

    Posté par  (site web personnel) . Évalué à 1.

    ... et merci pour cette CSS que j'utilise tous les jours.
    Les couleurs, les images, la simplicité, la clareté... tout me plait (même la licence) !

    De évolutions sont-elles à prévoir ?

    • [^] # Re: Bravo !

      Posté par  (site web personnel) . Évalué à 1.

      Bin de rien.

      Si tu l'utilises, tu as peut-être remarqué que mon hébergement est des fois indisponible (ils ont des pbms avec le serveur, ils doivent le rebooter de temps en temps :( ) donc si tu la prends online, ca risque de foutre la zone quand tu navigues sur linuxfr, la dlfp-toolbar essayant d'accéder à la css. Tu m'en vois désolé.

      Quand aux évolutions... Bin j'ai modifié hier les menus masqués. Avant c'était deux barres horizontales en haut de page. Chaque fois que je voulais accéder aux menus de mozilla, une des barres se déployait, ca m'a gavé, j'en ai donc fait 2 petites barres verticales à gauche. C'est plus discret et pratique.

      Sinon là elle me va comme elle est et comme je suis nul question choix de couleurs et/ou graphisme, je ne vois pas ce qui pourrait être fait. Si tu as des idées, n'hésite pas à m'en faire part. (Il y aurait peut-être qqch à faire sur l'affichage des commentaires, mais je ne sais pas quoi... )

      En tout cas ca fait plaisir de voir qu'au moins une autre personne l'utilise, j'me sens moins seul... snif! ;-)

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.