Derniers journaux de Gremi :

Journal : Yet Another DLFP CSS

Posté par Jérémie JB (page perso, ) le 09 mai 2004
0
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 :)

> Lire le journal (32 commentaires, moyenne: 1,5).  

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.

Superbe

Posté par Pinaraf (Jabber id, ) le 09/05/2004 à 15:53. (lien). Évalué à 2.

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

  • [^]Re: Superbe

    Posté par ASpirit () le 09/05/2004 à 15:56. (lien). É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 scullder (Jabber id, page perso, ) le 09/05/2004 à 16:06. (lien). É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 champi (page perso, ) le 09/05/2004 à 17:09. (lien). É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.

    • [^]Re: Une petite suggestion :

      Posté par Jérémie JB (page perso, ) le 09/05/2004 à 17:27. (lien). Évalué à 2.

      Pour la toolbar, je crois que c'est aussi une autre feuille de style externe (que je ne peux modifier).

      J'ai donné un nom un peu plus court au deux CSS (la toolbar tiens désormais sur une ligne chez moi) :
      http://gr3mi.ath.cx/dlfp.css(...)
      http://gr3mi.ath.cx/dlfp2.css(...)

      J'avais vu il y a quelques jours une page qui regroupait les css pour DLFP, mais je n'arrive plus à retrouver le lien ... Si quelqu'un pouvait mettre la css dessus ce serait bien. :)

      Merci à vous :)
      Jérémie

      • [^]Re: Une petite suggestion :

        Posté par champi (page perso, ) le 09/05/2004 à 21:30. (lien). Évalué à 2.

        Merci pour le renommage de fichier. Ca marche bien, la toolbar ne fait plus qu'une ligne de haut !

    • [^]Re: Une petite suggestion :

      Posté par Jérémie JB (page perso, ) le 09/05/2004 à 18:18. (lien). Évalué à 1.

      Tiens, j'avais pas vu que ce gentil commentaire venait d'un mangeur de cigogne, dont j'apprécie beaucoup le design du site ( http://mangeur-de-cigogne.info(...) ) : propre et joli, tout en css. :)

      D'ailleurs je trouve dommage que http://mangeur-de-cigogne.info/(...) ne soit plus désormais le premier résultat lors de la recherche dans google ... Je lui souhaite de retrouver très rapidement et définitivement sa place. :)

      Bonne chance http://mangeur-de-cigogne.info/(...) ! =D

      • [^]mangeur de cigogne et nigritude ultramarine

        Posté par champi (page perso, ) le 09/05/2004 à 21:24. (lien). Évalué à 1.

        Je me suis aussi découvert une passion pour la nigritude ultramarine. Personellement, je ne suis pas moi même mangeur de cigogne et je n'ai contribué en rien au site http://mangeur-de-cigogne.info(...) . Mais comme j'ai pas de site perso pour l'instant et que j'aime bien ce site sur le mangeur de cigogne, j'ai mis son url dans mes prefs.

        Pour ceux qui ne comprenne rien à ce message, il s'agit de concours de référencement. Essayez de faire une recherche dans google avec une de ces deux expressions et vous comprendrez mieux.

marge en haut

Posté par seginus () le 09/05/2004 à 15:57. (lien). É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 Pierrick Le Gall (page perso, ) le 09/05/2004 à 16:02. (lien). É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 seginus () le 09/05/2004 à 16:14. (lien). É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 Mathieu Pillard (page perso, ) le 09/05/2004 à 22:29. (lien). É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 o°Oo°Oo°o°O°Oo° o°Oo°Oo°o°O°Oo° () le 09/05/2004 à 16:28. (lien). É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 !

  • [^]Re: Excellent !

    Posté par o°Oo°Oo°o°O°Oo° o°Oo°Oo°o°O°Oo° () le 09/05/2004 à 16:30. (lien). Évalué à 1.

    et je viens de voir que les nouveaux commentaires sont bien mis en évidence, décidément, il n'y a vraiment rien à reprocher !

css et linuxfr

Posté par Gonéri Le Bouder (Jabber id, page perso, ) le 09/05/2004 à 16:46. (lien). Évalué à 1.

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

--
apt-get moo
  • [^]Re: css et linuxfr

    Posté par o°Oo°Oo°o°O°Oo° o°Oo°Oo°o°O°Oo° () le 09/05/2004 à 16:50. (lien). É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 o°Oo°Oo°o°O°Oo° o°Oo°Oo°o°O°Oo° () le 09/05/2004 à 16:52. (lien). É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 Gonéri Le Bouder (Jabber id, page perso, ) le 09/05/2004 à 18:07. (lien). Évalué à 1.

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

      --
      apt-get moo
      • [^]Re: css et linuxfr

        Posté par Mathieu Pillard (page perso, ) le 09/05/2004 à 22:30. (lien). É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 Ramso (page perso, ) le 09/05/2004 à 17:00. (lien). É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.

    --
    Groar !

Merci à tous :)

Posté par Jérémie JB (page perso, ) le 09/05/2004 à 17:00. (lien). É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 Ramso (page perso, ) le 09/05/2004 à 17:02. (lien). Évalué à 1.

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

    --
    Groar !
  • [^]Re: Merci à tous :)

    Posté par plic () le 10/05/2004 à 12:12. (lien). É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» — Sommerset Maugham

Superbe

Posté par FrancoD () le 09/05/2004 à 17:25. (lien). Évalué à 1.

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

  • [^]Re: Superbe

    Posté par bohwaz () le 09/05/2004 à 17:39. (lien). É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 plagiats () le 09/05/2004 à 17:43. (lien). É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.

--
La mort est un phénomène naturel qui se produit par l'avalement répété de petites quantités de salive au cours d'une grande période de temps. - George Carlin
  • [^]Re: bien mais?

    Posté par Jérémie JB (page perso, ) le 09/05/2004 à 18:12. (lien). É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 bohwaz () le 09/05/2004 à 18:18. (lien). É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 EmacsFR () le 09/05/2004 à 23:45. (lien). É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 Jérémie JB (page perso, ) le 10/05/2004 à 14:54. (lien). É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 Christophe (rOotix) GUILLOUX (Jabber id, page perso, ) le 09/05/2004 à 21:01. (lien). Évalué à 2.

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

--
http://rootix.info
  • [^]Re: autre style

    Posté par Jérémie JB (page perso, ) le 10/05/2004 à 21:50. (lien). É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 ...

Revenir en haut de page