Journal Styles DLFP

Posté par  (site web personnel) .
Étiquettes :
0
18
jan.
2004
Bon j'ai commencé à mettre en place un support de choix de css pour linuxfr qui marche en laissant les pages statiques (le cache).

Le choix est fait en fonction d'un cookie (style=plop mettra plop.css). Actuellement la seule disponible s'appelle dacode et il faut gérer à la main le cookie :p

Ce que je prévoie de faire dans un futur très proche :
- Pouvoir se faire mettre le cookie après choix dans un menu déroulant
- Stocker ça les préférences si on est identifié (et donc remettre le cookie quand on se logue)

Des avis sur la question ? besoins particuliers ?

  • # Re: Styles DLFP

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

    J'avais deja prevu ca dans ma toolbar...
    je quote mon post la mailing liste linuxfr-www-dev, ou personne ne m'a repondu:

    Bon question suivante: comment gerer le stockage des preferences ?
    J'ai 2 variables a sauvegarder:
    - le pallier
    - la feuille de style perso (a moins de carrement retirer la feature, elle me sert a moi, je sais pas pour les autres...
      un vote peut etre ? :)

    J'ai envisagé d'avoir 1 ou 2 cookies pour stocker tout ca, mais ce me plait pas trop.
    Un truc que je verrais bien, c'est dans les prefs de son compte, le gars choisi ces 2 trucs, et ca genere un fichier javascript que l'on peut linker ensuite depuis les pages. Un peu comme c'est fait (je suppose, pas regardé) pour les nouveaux commentaires... Ca parait faisable ?

    • [^] # Re: Styles DLFP

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

      Euh oui en effet j'avais zappé le mail :]
      La solution du js est relativement simple pour les gens autentifiés (bien qu'il faille trouver l'url à inclure), mais je pense que le cookie c'est mieux vu que ca marche aussi pour les autres (aussi bien pour le palier que pour la css).

      • [^] # Re: Styles DLFP

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

        Moui, mais en meme temps les gars authentifiés ils ont les preferences, et du coup c sympa ca se garde quelque soit le navigateur du moment qu'il est authentifié... (bon il se trouve que c mon cas :)

        Sinon pour les cookies on peut stocker plusieurs variables dans un seul et unique cookie et splitter ensuite, histoire de pas surcharger l'utilisateur de cookies...

        Bref, on fait comment ? Ma toolbar etait pas prevue pour autre chose que les articles / commentaires... Maintenant mon code est facilement modulable je peux donc ne prendre qu'une partie de ma toolbar et de la css et pouf ca s'integrera bien sur la page principale... mais dans ce cas, plus besoin de ton truc :)



        PS: Comment ton truc gere la feuille de style au fait ?

        • [^] # Re: Styles DLFP

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

          Moui, mais en meme temps les gars authentifiés ils ont les preferences, et du coup c sympa ca se garde quelque soit le navigateur du moment qu'il est authentifié... (bon il se trouve que c mon cas :)
          C'est pourquoi je voualis repositionner le cookie quand tu te logues en fonction de tes prefs.

          Bref, on fait comment ? Ma toolbar etait pas prevue pour autre chose que les articles / commentaires... Maintenant mon code est facilement modulable je peux donc ne prendre qu'une partie de ma toolbar et de la css et pouf ca s'integrera bien sur la page principale... mais dans ce cas, plus besoin de ton truc :)
          Faut que je regarde ta toolbar :-)
          J'avais testé mais pas eu le temps de mater comment c'était fait.

          PS: Comment ton truc gere la feuille de style au fait ?
          Regarde au début de n'importe quelle page du site :-)

          • [^] # Re: Styles DLFP

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

            Bon j'ai regardé, on peut facilement intégrer le tout ensemble.
            Mon code pour rajouter la stylesheet est un peu plus complexe parceque j'utilise pas document.write (saimal :) mais a part ca ca revient au meme.
            Voila comment je vois les choses:
            - On laisse ton code en haut de chaque page, un peu modifié (notamment, faut faire une fonction et se debarasser du document.write)
            - Je vire completement la gestion de la feuille de style dans ma toolbar
            - On rajoute un truc dans les preferences et/ou sur la page d'accueil, c'est juste un champ, et ca modifie le cookie.
            - Je cleane ma toolbar, et elle est appelle pour chaque truc a commentaires (donc les journaux, les articles et les forums)
            - On stocke le pallier dans un cookie a part pour le moment, et on verra ensuite.

            Si tout ca est ok je commence le nettoyage des maintenant :)

            • [^] # Re: Styles DLFP

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

              Ca me va :-)

              - On rajoute un truc dans les preferences et/ou sur la page d'accueil, c'est juste un champ, et ca modifie le cookie.

              Je pense sur la page d'accueil et, si on est identifié, ca le sauvegarde en plus.

  • # Re: Styles DLFP

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

    Hello Pascal !

    J'ai vu ton Javascript et je regrette un truc : il faut que le style soit dans le répertoire css de vos serveurs.
    Ne pourrais-tu pas modifier le javascript pour qu'il accepte n'importe quelle url ? Ca permettrait d'avoir des site chez soit ou sur son ordi avec des url en file://
    De plus ça permettrait de développer de thèmes facilement sans avoir besoin d'installer templeet chez soi.

    Dès que c'est fait je te fais un thème :)

    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: Styles DLFP

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

      Hum ok j'avais pas vu ca comme ça
      Je m'étais dit que comme ca les gens nous enverraient leurs css :-)

      Je change ca de suite

      • [^] # Re: Styles DLFP

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

        Voila

        • [^] # Re: Styles DLFP

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

          6 mers

          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: Styles DLFP

          Posté par  . Évalué à 1.

          Ben oui, mais moi, je ne sais pas "gérer à la main le cookie" !
          Comment qu'on fait pour forcer un cookie ?

  • # Re: Styles DLFP

    Posté par  . Évalué à 0.

    Pourquoi ne pas aussi proposer le style dans le menu "View -> Use style" de Mozilla/Firebird ? Ca pourrait être sympa pour les visiteurs simples qui n'ont pas de compte mais qui désirent néanmoins pouvoir choisir le style de LinuxFR, non ?

    D'ailleurs, quelque chose est-il prévu pour pouvoir changer son thème sans être identifié ? Donc pour les visiteurs quoi ?

    Sinon, c'est cool si ça vient ces styles :) Et encore plus quand la barre sera là :)

    • [^] # Re: Styles DLFP

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

      Relis mon journal pour ce qui est de choisir sans être identifié :-)

      Pour ce qui est de le lister les css en alternatives pourquoi pas, mais bon ce choix n'étant pas persistant...

      • [^] # Re: Styles DLFP

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

        Il est persistent dans Opera, Konqueror CVS et avec des plugins pour Mozilla si je ne me trompe pas

        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: Styles DLFP

        Posté par  . Évalué à 0.

        Oups désolé, j'ai encore lu en travers.

  • # Re: Styles DLFP

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

    Juste un petit truc.
    J'ai commencé à faire une feuille de style, j'ai une question:
    Toutes les entrées servent-elles?
    Par exemple: h1.rubrique_info, ça sert encore? J'arrive pas à trouver où c'est utilisé.

    L'idéal, ce serait des commentaires dans la feuille css par défaut avec une mini explication, ou juste un lien vers une page l'utilisant...

  • # Re: Styles DLFP

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

    C pas mal tout ça, mais, et les images, ne pourraient-elles pas aussi être configurées par le documment css?
    Comme ça tout le look du site pourrait être modifié.
    Je ne dit pas ça parce que je n'aime pas les icônes et dessins actuels (bien au contraire), mais ça permettrait de vraiment tout relooker...

    • [^] # Re: Styles DLFP

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

      Pas évident. Faudrait y reflechir :)

      • [^] # Re: Styles DLFP

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

        Faudrait refaire tout le balisage et les CSS pour avoir un site sémantiquement correct et accessible. Y a du boulot :)

        Sinon on peut déjà remplacer les images mais c'est gecko only et c'est es gros hacks cf. : http://shift.dyndns.org:8080/dlfp1.jpeg(...)

        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: Styles DLFP

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

      Moui, avant ca faudrait deja reorganiser le markup existant... La c'est quasimment que des <h1> quelque soit le titre, la plupart des trucs sur la page d'accueil utilisent la meme classe et sont donc pas facile a bouger, etc...

  • # Re: Styles DLFP

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

    Question :

    est toujours dans le source de la page donc ce style sera toujours pris en compte :(
    Pourquoi ne pas le virer ?

    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: Styles DLFP

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

      ERRATUM : J'avais pas vu le < noscript >

      Bon bin ça a l'air de fonctionner mais pas avec les urls en file://

      Je vais tester tout ça.

      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: Styles DLFP

    Posté par  . Évalué à 2.

    \o/ Roulaize ! Merci Pascal.
    Reste plus qu'à restaurer le thème BeOs. :)

  • # Début de thème avec des menus JAUNES !!

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

    http://shift.dyndns.org:8080/dlfp.jpeg(...)

    Cette url ne sera pas toujours accessible

    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: Styles DLFP

    Posté par  . Évalué à 1.

    C'est tout simplement excellent comme idée ! Surtout le fait de permettre de mettre une URL dans le cookie (cf plus haut) afin que chacun puisse personnaliser le look depuis une feuille personnelle sur son site perso sans avoir à installer quoique ce soit pour tester ! Par contre, une petite critique : niveau "sémantique", il n'y a pas mal de chose à revoir dans la structure actuelle, parce que ça craint ... Heureusement que Mozilla Dom Inspector fournit une aide appréciable pour s'en sortir :)

Suivre le flux des commentaires

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