Journal Yet Another DLFP CSS

Posté par  .
Étiquettes : aucune
0
9
mai
2004
Salut à tous,

Un petit journal pour proposer ma feuille de style pour notre "Da Linux French Page". Une première version : http://gr3mi.ath.cx/style_linuxfr.css(...) .
Une seconde version pour ceux qui détestent les "dashed" : http://gr3mi.ath.cx/style_linuxfr2.css(...)

Ce sont des feuilles de style plutôt simples, propres et légères à mon goût. Je me suis permis de virer la date ainsi que le champ de recherche et les liens vers les sites partenaires de la barre du haut, simplement parce que je n'en trouve pas l'utilité. :)
Le cadre réservé aux astuces (en première page) s'est aussi volatilisé ...
Pour la couleur du menu de gauche, rose saumon, excusez-moi, j'ai du mal à trouver mieux (ça ne collait pas avec le logo) ...
A noter aussi : les liens déjà visités ont leur propre couleur.

Un petit screenshot : http://gr3mi.ath.cx/screenshots/screen_05_09_2004_17:44.png(...)

Merci d'avance pour vos commentaires :)

  • # Superbe

    Posté par  . Évalué à 2.

    Merci pour ce joli thème !
    Ça fait plaisir à voir

    • [^] # Re: Superbe

      Posté par  . Évalué à 4.

      Oui c'est tout joli, tout coloré, je ne déteste pas (même si c'est loin d'être ce que j'ai tout le temps envie de voir)...

      Par contre je trouve ça un peu trop lumineux... (et la couleur de la barre en bas, beark).

      Suggestion : ajouter une liste dans la toolbar à l'emplacement où l'on peut changer la feuille de style. Une liste avec toutes les feuilles de style évidemment, histoire de pouvoir en changer facilement.

    • [^] # Re: Superbe

      Posté par  . Évalué à 1.

      yop, c'est excellent, je l'adopte :)
      Les couleurs sont plus claires que la feuille de style par défaut, ça donne plus envie de lire :)

    • [^] # Une petite suggestion :

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

      La toolbar en bas prend 2 lignes (je suis en 1024x768) : le lien "Changer" est en dessous de "Feuille de style ...". Serait il possible de tout mettre sur une ligne comme pour cette CSS que j'aime beaucoup aussi : http://sonodis.fr/linuxfr.css.(...)

      Je sais pas si le style de la toolbar est modifiable par css utilisateur. Si ce n'est pas le cas, peut être qu'il suffrait juste de renommer le fichier style_linuxfr.css en quelquechose de plus court genre linuxfr.css de manière à éviter un passage à la ligne inutile.

      Sinon, le reste est très bien. Adopté !
      Merci.

  • # marge en haut

    Posté par  . Évalué à 1.

    Je la trouve pas mal, mais je ne sais pas pourquoi tu n'as pas mis de marge en haut.
    Collé en haut comme ça, ça fait bizarre.

  • # superbe aussi

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

    je trouve ta feuille CSS très chouette. Si je dois m'en faire une perso, je partirai de celle-ci. C'est tout à fait à mon goût.

    Merci

  • # Refonte du site

    Posté par  . Évalué à 3.

    Une question au créateurs et mainteneurs du site :
    Est-ce prévu dans un futur proche de refaire le code de façon plus propre. Parce que ce serait un peu dommage que tout le monde se mettent à faire des feuilles de styles pour le site si dans un mois il change complètement.

    • [^] # Re: Refonte du site

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

      Je compte bosser dessus quand j'aurais le temps, d'autres ont exprimé la meme volonté, car c'est vraiment necessaire. Si quelque chose sort ca sera probablement intégré par les responsables du site oui :)

      Je pense pas que devoir refaire ces feuilles de style soit un drame, vu que un code plus propre apportera plus de possibilites pour les auteurs de css.

  • # Excellent !

    Posté par  . Évalué à 1.

    Vraiment parfait comme CSS, j'adore les teintes pastel qui repose vraiment bien les yeux, j'aime aussi beaucoup le fait que la Une en première page occupe enfin la place qui lui est dévolue (j'aurais même mis un cadre un peu plus grand si possible).

    En tout cas bravo et merci bien, c'est du joli travail !

  • # css et linuxfr

    Posté par  (Mastodon) . Évalué à 1.

    Je vais peut être posé une question bête, mais vous faite comment pour utiliser d'autre css sur le site ?

    • [^] # Re: css et linuxfr

      Posté par  . Évalué à 2.

      Dans les préférences de ton compte, tu dois cocher la case "utiliser la toolbar" (ou quelque chose s'y rapprochant), ensuite, tu recharges la page, et tu devrais voir apparaître en bas la nouvelle toolbar, qui te permet de filtrer l'affichage des commentaires en fonction de leur score (très pratique), et surtout, de charger une nouvelle feuille de style !

      Pour ce faire, tu cliques sur "changer", et tu colles l'adresse du CSS donné dans le journal, http://gr3mi.ath.cx/style_linuxfr2.css(...) par exemple, puis tu recharges la page, et tu admires ! :o)

      Si tu as un problème avec la toolbar ou les CSS, pense d'abord à vérifié que tu as le Javascript d'activé, et que tu as accepté les cookies correspondant.

      Voilà.

      • [^] # Re: css et linuxfr

        Posté par  . Évalué à 1.

        PS : pour revenir à l'affichage par défaut, il te suffit de cliquer à nouveau sur "changer", et d'effacer la ligne puis de valider (et évidemment de recharger la page). De la même manière, il te suffit de changer le contenu, de valider et de recharger pour modifier la CSS.

      • [^] # Re: css et linuxfr

        Posté par  (Mastodon) . Évalué à 1.

        J'ai l'impression que ça ne marche pas avec Konqueror. Avec firefox il n'y a pas de problème.

        • [^] # Re: css et linuxfr

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

          Cela ne fonctionne effectivement pas avec konqueror. Patches bienvenus, ou alors change de navigateur en attendant que j'ai le temps de bosser dessus, ou que les gars de konqui ameliore le support du DOM dans leur navigateur.

    • [^] # Re: css et linuxfr

      Posté par  . Évalué à 1.

      Il faut déjà activer la toolbar dans tes préférences. Le lien se trouve dans la boîte avec ton nom, à gauche, sur la page d'accueil.

  • # Merci à tous :)

    Posté par  . Évalué à 1.

    Merci à tous pour tous vos commentaires sympa ! Je ne pensais pas que ma css aurait autant de succès ... (je reçois des requêtes de partout, mon pauvre modem a bien du mal lol).

    J'ai remis comme certains le souhaitaient une marge en haut. :)
    Pour les nouveaux commentaires, ils sont bien en valeur, mais je n'ai pas le pouvoir de modifier les attributs css qui leur sont assignés (feuille de style à part).

    N'oubliez de faire part de vos feuilles de style amméliorées aux lecteurs de Linuxfr.org. :)

    Voilà, merci encore !
    Jérémie

    • [^] # Re: Merci à tous :)

      Posté par  . Évalué à 1.

      Merci à toi, je l'ai adoptée aussi !

    • [^] # Re: Merci à tous :)

      Posté par  . Évalué à 2.

      Et est-ce possible d'avoir le menu du haut (Accueil Dépêches...) en fixed comme la toolbar ? Ce serait vraiment excellent !

      Merci encore

      ­La faculté de citer est un substitut commode à l'intelligence -- Somerset Maugham

  • # Superbe

    Posté par  . Évalué à 1.

    Merci beaucoup, perso je viens de l'adopter ....

    • [^] # Re: Superbe

      Posté par  . Évalué à 1.

      Adopté aussi, super c'est beau :)

      Si tu pouvais rajouter une règle input[type="text"],textarea { width: 100%; } ça serait cool car là les boites de texte des commentaires débordent de leur conteneur (la boite grise). oui ma fenêtre est d'un taille de 831*617 car j'ai la side-bar.

  • # bien mais?

    Posté par  . Évalué à 1.

    cette feuille est tres bien mais je regrette la disparition du champ de recherche :( toujours utile pour éviter de re-poster, c'est un élément indispensable à mon sens..

    mais très bien sinon.

    • [^] # Re: bien mais?

      Posté par  . Évalué à 2.

      Je comprends que ca puisse te géner...
      Personnelement je ne me suis jamais servis de ce champ de recherche, j'ai configuré mon petit Firefox de manière à ce qu'il cherche sur linuxfr.org lorsque je tape des mots dans la barre d'url (au lieu de "J'ai de la chance"@Google(tm) que je deteste). :)

      Bref les alternatives ne manquent pas.
      Ce serait bien que chacun puisse uploader sur les serveurs de linuxfr.org ses css perso, et qu'une page s'occupe de les regrouper afin que nous puissions tous les essayer. Comme ça chacun en aura une perso et pourra en faire profiter les autres, sans avoir à posseder un serveur web.

      Mais avant de faire tout ça, c'est clair que le code html du site a besoin d'un bon nettoyage. ;)

      • [^] # Re: bien mais?

        Posté par  . Évalué à 3.

        Je suis bien d'accord à propos du nettoyage, il est grave pas beau.

        Mais grâce aux CSS et un peu de ruse on peux quand même s'amuser.

        J'ai repris ta CSS et ai rajouté des règles pour la toolbar et aussi ça affiche une boîte jaune "[New!]" pour les nouveaux commentaires.

        http://dev.kd2.org/dlfp.css(...)

      • [^] # Re: bien mais?

        Posté par  . Évalué à 1.

        Et comment on fait ça ? Le coup de tapoter des mots dans la barre d'url va faire ce qu'il faut ?

        • [^] # Re: bien mais?

          Posté par  . Évalué à 1.

          C'est très simple :)
          Dans ta barre d'url, tape "about:config" (sans les double quotes) pour accéder aux préférences de ton navigateur basé sur Gecko (enfin, je sais que ça marche avec firefox, mozilla, epiphany ...).
          Tu cherche ensuite l'entrée "keyword.URL" de la colonne "Preference Name", et tu remplace la valeur par défaut (qui permet de faire une recherche "J'ai de la Chance"(tm) sur Google) par celle de ton choix.
          Pour la recherche sur linuxfr.org, j'ai mis ceci :
          http://www.google.fr/search?lf=&ie=UTF-8&q=site%3Alinuxfr.o(...)

          Voilà :) Après un restart du navigateur, tu pourra faire des recherches sur linuxfr.org en tapant tes mots clés dans la barre d'url.

  • # autre style

    Posté par  . Évalué à 2.

    Je préfère la mienne :)
    http://www.irisa.fr/prive/cguillou/style_linuxfr.css(...)

    • [^] # Re: autre style

      Posté par  . Évalué à 1.

      Je l'aime beaucoup aussi.
      Ce sont deux styles différents, à chacun ses goûts pour le choix final. ;)
      J'essayerai de faire des css plus appliquées quand le code html sera plus propre ...

Suivre le flux des commentaires

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