Forum Programmation.web [Résolu] Récupérer le code css de LinuxFR.org sous un format potable

Posté par  (Mastodon) . Licence CC By‑SA.
Étiquettes :
2
20
août
2023

Suite à des choix particuliers, je suis l'heureux possesseurs de livre comment faire un site web et sur le couple HTML5/CSS3. De manière curieuse, je lis même ces livres. L'un de leurs conseils est de regarder le code de sites existants. Quoi de plus naturel que de regarder LinuxFR ? Pour le moment, je me penche surtout sur la feuille de style CSS mais je n'arrive pas à récupérer la feuille de style dans un formatage facile à utiliser.

Si je passe par , je peux obtenir ceci. C'est j'imagine bien le code css que je cherche mais sans aucune mise en page, tout est sur une seule ligne. Par ailleurs, il ne semble pas y avoir de commentaires. Je peux m'amuser à introduire des retours à la ligne à la main mais je pense que cela mettra trop à contribution mes faibles capacités de patience et de persévérance.

Autre idée, passer par le github du site où je trouve effectivement cela. De nouveau, cela ressemble à ce que je cherche mais il y a malheureusement ces quelques lignes :

@import "parts/*";
@import "responsive/*";
@import "common/*";
@import "pygments/colorful";

Je n'ai qu'à remplacer les différents imports par leur code et je devrais avoir une feuille de style complète est explicite. Malheureusement, patience et persévérance manquent sans doute aussi pour cette piste vu que cela représente près de 40 fichiers à importer à la main (pour peu que ces mêmes fichiers ne comporte pas eux-mêmes de @import).

Auriez-vous une bonne idée pour récupérer la feuille de style complète mettant moins à contribution ma patience et ma persévérance qui soit facile à comprendre pour un noob tel que moi ?

  • # F12

    Posté par  . Évalué à 3.

    F12 dans Firefox puis éditeur de style ou inspecteur ?

    • [^] # Re: F12

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

      Effectivement, avec l'éditeur, on obtient des trucs sympas. Merci !

      Maintenant, je n'ai plus que 636+1+(peut-être)50 règles CSS à comprendre :-)

      J'ai en fait accès à 4 feuilles de style
      1 avec 636 règles qui est ce que je cherchais
      1 avec 1 règles qui appartient clairement aussi à LinuxFR, pas clair pour moi pourquoi cela vient comme une feuille de style différente
      1 avec 3 règles liées à grammalecte
      1 avec 50 règles que je ne comprenais pas très bien mais qui après recherche s'avèrent être liée à l'extension facebook container

      Je n'ai donc que 637 règles à comprendre !

      Surtout, ne pas tout prendre au sérieux !

      • [^] # Re: F12

        Posté par  . Évalué à 2.

        Pour la règle isolée (chez moi en tout cas), elle définit l'image du site affichée en haut à droite : je suppose qu'elle est à part pour pouvoir faciliter son changement (sans modifier toutes les css applicables au site) selon les besoins/envies.

Suivre le flux des commentaires

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