Journal : Nouvelle feuille de style pour linuxfr

Posté par Willy Morin (page perso, ) le 06 juin 2004
0
Bonsoir,

J'avais un peu de temps libre ce soir alors je vous ai concocté une nouvelle css pour linuxfr. Vous pouvez trouver un aperçu ici http://zoukonet.free.fr/divers/css/sshot.jpg(...)

La feuille de style se trouve quand à elle ici http://zoukonet.free.fr/divers/css/style.css(...)

Bonne soirée !

> Lire le journal (29 commentaires, moyenne: 1,8).  

Cette discussion est archivée, il n'est plus possible de laisser des commentaires.

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

Ceci n'est qu'une premiére ébauche

Posté par Willy Morin (page perso, ) le 06/06/2004 à 19:06. (lien). Évalué à 6.

Je vais encore continuer à la modifier, on devrais trouver plus de fonds et d'image. Wait & see donc.

  • [^]Re: Ceci n'est qu'une premiére ébauche

    Posté par B r u n o (page perso, ) le 06/06/2004 à 19:16. (lien). Évalué à 2.

    C'est sympa les bords arrondis, je vais essayer sur la mienne voir ce que ca donne, merci de l'idée.

    En tout cas, elle semble prometteuse ta css. J'attends la suite :)

  • [^]Re: Ceci n'est qu'une premiére ébauche

    Posté par durandal () le 06/06/2004 à 19:17. (lien). Évalué à 3.

    Bravo ! C'est très beau.

    Les -moz-border-radius, c'est une excellente idée, ça change du design tout carré, fallait y penser :)

    • [^]Re: Ceci n'est qu'une premiére ébauche

      Posté par Pinaraf (Jabber id, ) le 06/06/2004 à 19:22. (lien). Évalué à 3.

      http://sharewebnom.sf.net/notes/test.html(...)
      => une appli web pour mozilla, en développement
      utilise la transparence (trop donc ça rame je vais corriger en fournissant plusieurs CSS), XBL, les arrondis...

    • [^]Re: Ceci n'est qu'une premiére ébauche

      Posté par olympien (page perso, ) le 06/06/2004 à 20:03. (lien). Évalué à 1.

      Bravo ! C'est très beau.

      Ah vi je confirme !!
      Bravo !!
      Meme si c'est perfectible (police trop petite a mon gout ...).

      Les -moz-border-radius, c'est une excellente idée, ça change du design tout carré, fallait y penser :)

      C'est donc ça la grande différence !
      C'est propre a mozilla je suppose ou y a-t-il l'équivalent en standards du web ?

      S'il n'y a pas dequivalents en standard, c'est trés regrettable !

      • [^]Re: Ceci n'est qu'une premiére ébauche

        Posté par Pinaraf (Jabber id, ) le 06/06/2004 à 20:17. (lien). Évalué à 1.

        Ben c'est pas en standard mais dans les brouillons du W3C pour CSS3...
        À suivre !

      • [^]Re: Ceci n'est qu'une premiére ébauche

        Posté par durandal () le 06/06/2004 à 20:24. (lien). Évalué à 3.

        C'est propre a mozilla je suppose ou y a-t-il l'équivalent en standards du web ?

        Pour l'instant c'est propre à Mozilla, mais c'est une implémentation en avance du futur CSS 3. Ils préfixent les styles non encore standardisés par "-moz-".

        Les extensions de Mozilla : http://www.blooberry.com/indexdot/css/properties/extensions/nsexten(...)
        (Y'avait la liste sur le site de Mozilla, mais le lien est mort apparemment : http://www.mozilla.org/docs/xul/xulnotes/xulnote_moz-ext.html(...))
        Introduction to CSS3 : http://www.w3.org/TR/css3-ui/(...)

        • [+] [^]Re: Ceci n'est qu'une premiére ébauche

          Posté par blenderman () le 06/06/2004 à 22:25. (lien). Évalué à -1.

          superbe ... rien a dire ... ah si dommage que la page ne fait pas 100% en largeur ... g la toolbar un peu retrécie :(

          --
          -pol-
  • [^]Re: premiére ébauche à améliorer

    Posté par Benoît Bailleux (Jabber id, ) le 07/06/2004 à 06:43. (lien). Évalué à 2.

    Elle est très sympa, cette feuille de style, mais elle a aussi le même défaut que les autres : le rendu des textes est trop simpliste.
    Par exemple, lors de la saisie de commentaire, on peut avantageusement utiliser les balises <tt> et <code>, mais les CSS ne leur permettent aucun rendu. On ne les voit donc pas, et c'est très dommage.
    Voir http://linuxfr.org/comments/405841,1.html(...) et les quelques commentaires avant et après ...

    --
    BB
    • [^]Re: premiére ébauche à améliorer

      Posté par Willy Morin (page perso, ) le 07/06/2004 à 08:32. (lien). Évalué à 1.

      Ok ce soir je vais faire de belles enluminure avec une police à chasse fixe bien looké pour les bloques de code et les tt.
      Ca marche merci du conseil :)

    • [^]Re: premiére ébauche à améliorer

      Posté par B r u n o (page perso, ) le 07/06/2004 à 10:00. (lien). Évalué à 3.

      Si, la mienne (voir mes précédents posts) le fait, car en effet je trouvais ca lourd qu'on se décarcasse à mettre un peu de sens à ce que l'on écrit à l'aide de tt, blockquote, code, em etc... et que ca ne rendait rien.

      Une déception, il manque tjr la balise q dans la liste des possibilité (je sais, je ne pense qu'à ça ;-) )

Excellent travail

Posté par o°Oo°Oo°o°O°Oo° o°Oo°Oo°o°O°Oo° () le 06/06/2004 à 20:07. (lien). Évalué à 2.

vivement la suite, les débuts sont prometteurs ! :-)

saibieng

Posté par jaroug (page perso, ) le 06/06/2004 à 20:10. (lien). Évalué à 1.

C'est beau. J'achete !
par contre la couleur de la toolbar tu peux pas la changer parce que ca va plus du tout avec le reste, ca serait bien aussi d'adapter la largeur de la toolbar à celle de la marge grise toute autour de la page.

  • [^]Re: saibieng

    Posté par Willy Morin (page perso, ) le 07/06/2004 à 08:34. (lien). Évalué à 1.

    Oki j'ai commencé à corriger ça mais j'ai mis du temps à comprendre comment arriver à modifier le look de la toolbar en bas. Je vais bosser encore sur la css ce soir, ça sera corrigé.

et le HOWTO ?

Posté par Thierry Boudet (page perso, ) le 06/06/2004 à 20:18. (lien). Évalué à 1.

Désolé si je n'ai pas assez cherché, mais j'aimerais bien essayer de me faire une feuille de style aussi. Hélas je sui un véritable noobs en CSS, et j'aurais bien aimer trouver un HOWTO pour faire ça. Merci de votre soutien.

  • [^]Re: et le HOWTO ?

    Posté par champi (page perso, ) le 06/06/2004 à 21:29. (lien). Évalué à 3.

    http://openweb.eu.org/css(...)

    • [^]Re: et le HOWTO ?

      Posté par Thierry Boudet (page perso, ) le 06/06/2004 à 21:44. (lien). Évalué à 1.

      Euh, ouiménon, c'est l'application à LinuxFr des CSS qui me chagrine un peu. Par exemple je regarde /css/style.css et je trouve dedans div.lsfnbanner, ben j'ai assez de mal à savoir à quoi ça correspond...

      • [^]Re: et le HOWTO ?

        Posté par Mathieu Pillard (page perso, ) le 06/06/2004 à 21:46. (lien). Évalué à 3.

        Regarde le code de linuxfr. Ca correspond a un div ayant comme attribut class "lsfnbanner".

        • [^]Re: et le HOWTO ?

          Posté par Thierry Boudet (page perso, ) le 06/06/2004 à 22:46. (lien). Évalué à 0.

          Regarde le code de linuxfr.

          [#] \°\

          • [^]Re: et le HOWTO ?

            Posté par durandal () le 07/06/2004 à 06:41. (lien). Évalué à 4.

            Tu peux utiliser le DOM Inspector, c'est super pratique.

            Tu vois l'arborescence des balises d'un côté et quand tu en sélectionnes une, ça clignoter l'élément dans la page. Ça permet de bien visualiser les div.

            Et on peut aussi voir les attributs CSS d'un élément (qui peuvent venir de plusieurs CSS...), ça simplifie vachement.

            • [^]Re: et le HOWTO ?

              Posté par Thierry Boudet (page perso, ) le 08/06/2004 à 09:40. (lien). Évalué à 1.

              le DOM Inspector, c'est super pratique.

              Effectivement, c'est bien ce truc... P'taing, Mozilla, on en découvre un peu plus tous les jours. Je vais donc aussi me lancer dans le gruikage de DaLFP, ça va m'empêcher de dormir à l'heure de la sieste :)

wow

Posté par Séverin Tagliante-Saracino () le 07/06/2004 à 05:55. (lien). Évalué à 1.

adopté

  • [^]Re: wow

    Posté par Étienne Bersac (Jabber id, page perso, ) le 07/06/2004 à 09:03. (lien). Évalué à 1.

    +1

    fantastique, et puis l'édition de commentaire est sympa ( le changement de couleur ! )

    Bravo !

    --
    E Ultreïa !
    • [^]Re: wow

      Posté par Willy Morin (page perso, ) le 07/06/2004 à 09:07. (lien). Évalué à 1.

      Merci belle cigogne :)

beuh...

Posté par JoeBar () le 07/06/2004 à 08:24. (lien). Évalué à 2.

C'est tres beau, bravo !

Mais, euh... comment on fait pour appliquer une autre css que celle par défaut ? J'ai vu dans ton screenshot une barre en bas pour changer de css, mais moi je ne l'ai pas.
Est-ce un paramètre de ton compte linuxfr ?
Merci d'avance pour les conseils
(ps : j'utilise Firefox)

  • [^]Re: beuh...

    Posté par Willy Morin (page perso, ) le 07/06/2004 à 08:31. (lien). Évalué à 2.

    Il te faut la toolbar, pour cela, il faut que tu modifie les préférences de ton compte linuxfr. Tu te rends dans "Modifier vos préférences" dans la barre de menu et tu coche "activer la toolbar". Tu pourras ensuite changer la css via la toolbar en bas ou dans tes préférences :)

    • [^]Re: beuh...

      Posté par ced () le 07/06/2004 à 09:20. (lien). Évalué à 1.

      supaire en plus je viens de découvrir la toolbar :)
      très jolie feuille de style en tout cas.

      pour les remarques, elles ont déjà été faites : couleur de la toolbar, et largeur de la page :

      div.main {
      margin: 15px 25px 0px 25px;

      15px 10px 0px 10px; me paraît plus joli

Je déverse amoureusement des votes

Posté par plic () le 07/06/2004 à 09:32. (lien). Évalué à 2.

à celui qui fera la première css avec la barre de menu du haut ("accueil, dépêches, archives...") en position:fixed comme la toolbar.

--
«La faculté de citer est un substitut commode à l'intelligence» — Somerset Maugham
  • [^]Re: Je déverse amoureusement des votes

    Posté par Willy Morin (page perso, ) le 07/06/2004 à 09:35. (lien). Évalué à 1.

    Ah c'est pas bête du tout ça ! Je vais voir ce que je peut faire :)

Revenir en haut de page