URL: https://linuxfr.org/users/benoit_monin/journaux/une-css-opensuse-pour-linuxfr Title: Une css opensuse pour linuxfr Authors: Benoît Monin Date: 2009年10月12日T00:18:23+02:00 Tags: opensuse et firefox Score: 16 Bonjour, bonsoir, En attendant la sortie de la version 11.2 d'openSUSE prévue pour le 12 novembre, je me suis lancé à créer une feuille de style aux couleurs du site [[http://opensuse.org](http://opensuse.org)]. Elle est disponible ici : [[http://pagesperso-orange.fr/bmo-perso/opensuse.css](http://pagesperso-orange.fr/bmo-perso/opensuse.css)] Pour la réaliser, je suis parti de la feuille de style par défaut [[http://linuxfr.org/css/style.css](http://linuxfr.org/css/style.css)] et je me suis baladé sur le site pour essayer de retrouver les différents éléments. Je me suis aidé de firebug [[http://getfirebug.com/](http://getfirebug.com/)] que j'ai installé pour l'occasion. Je doit dire que cet outil est génial, c'est la sonde jtag du web ! N'étant pas du tout spécialiste des technologies web, [[http://www.w3schools.com/](http://www.w3schools.com/)], [[http://www.alsacreations.com/](http://www.alsacreations.com/)] et bien sur [[http://www.w3.org/TR/CSS21/](http://www.w3.org/TR/CSS21/)] m'ont beaucoup servi. Il y a des éléments présents dans style.css que je n'ai pas retrouvé donc je ne les ai pas repris. Si vous voyez des morceaux à l'affichage curieux, merci de me les signaler. La css contient une poignée de -moz-border-radius donc les coins arrondis ne seront visibles que pour les utilisateurs de firefox. A moins que vous ne connaissez un moyen de faire des arrondis avec les autres navigateurs ? Dans cette css, la taille des différents objets affichés est relative soit à la largeur de la fenêtre du navigateur, soit à la taille de la police au lieu d'être fixée en pixels comme à l'origine. Ça peut poser problème pour l'affichage du logo si votre écran affiche moins de 1000 pixels de large. J'ai fait des tests avec firefox et konqueror, et différentes tailles de fenêtre et de police et le rendu me semble correct. Ceci dit je ne peux pas garantir que ça ne va pas vous piquer les yeux ;) Vos commentaires sont les bienvenus.