Suivi - Feuilles de style (CSS) Rendre accessible les images des thèmes sur img.linuxfr.org

#1313 Posté par (page perso) . État de l'entrée : corrigée Licence CC by-sa
Tags : aucun
1
4
avr.
2014

Lorsque l’on upload une css via le formulaire d’upload, elle est déposée sur img.linuxfr.org, cela signifie que les images utilisées par la css en chemin relatif sont relative au serveur qui héberge la css.

En ce moment je suis en train de corriger une CSS de LinuxFr (grises), et pour tester, j’upload mes versions temporaires via le formulaire d’upload. Donc, le navigateur cherche ses images sur img.linuxfr.org au lieu de linufr.org.

Par exemple le navigateur cherche le logo à cette adresse :
https://img.linuxfr.org/images/contrib/grises/linuxfr-logo.png
Au lieu de :
https://linuxfr.org/images/contrib/grises/linuxfr-logo.png

Dans le cas où l’on upload une version modifiée de CSS existantes (comme ici en vue d’une contribution), les images ne sont pas disponibles alors qu’elles existent déjà sur un autre domaine de LinuxFr.

Est-il possible de rendre accessible ce dossier d’images /images/contrib sur img.linuxfr.org ?

Le formulaire d’upload est le moyen le plus simple de tester une CSS, et s’il sagit de modifier une CSS existante pour la corriger, cela simplifierai énormément la contribution d’amélioration de CSS existantes par tout un chacun !

Là si je veux tester ma CSS avec les images il faut que j’envoie la CSS et les images sur un serveur tiers… Si je développais de zéro une nouvelle CSS je comprendrai, mais pour tuner une CSS existante c’est dommage ! Et puis cela rend le formulaire d’upload inutile dans les faits.

Suggestion comme ça en passant, ça ne doit pas être très couteux d’installer sur img.linuxfr.org une redirection de ce style :
(~^/images/contrib/.*) ${scheme}://linuxfr.org$1

Voilà merci !

  • # Ainsi que les images non spécifiques

    Posté par (page perso) . Évalué à 1 (+0/-0). Dernière modification le 04/04/14 à 02:52.

    Le problème se pose aussi pour l’image /image/icones/tag.png qui n’est pas spécifique à un thème !

    Donc il faudrait aussi rediriger /image/icones/.

    Les seules images qui s’affichent sont celles externes, ou celles écrites en dur dans la page, par exemple le logo LinuxFr s’il n’est pas surchargé par un thème (c’est le cas de RonRonnement).

    ce commentaire est sous licence cc by 4 et précédentes

  • # Fait

    Posté par (page perso) . Évalué à 4 (+0/-0).

    Cf https://github.com/nono/admin-linuxfr.org/commit/13971bb744f423962f51e40124cd224d8c2dc07f

    Sinon, c'est également possible d'héberger la feuille de style chez soi le temps de tester (on lance un mini serveur HTTP en local avec python -m SimpleHTTPServer ou thin -A file start, puis on met http://localhost:3000/ma_feuille.css en URL et le tour est joué). Ou encore, on peut faire un @import url("//linuxfr.org/assets/application.css"); et juste surcharger les styles que l'on veut modifier.

    Ça fera maintenant une solution de plus !

    • [^] # Re: Fait

      Posté par (page perso) . Évalué à 1 (+0/-0).

      Merci !

      Pour le moment j’ai du me résigner à mettre le thème et ses assets sur un serveur, mais le HTTPS râle… ^_^

      La solution d’upload de CSS est pratique pour éviter ce problème de CSS, surtout quand on tune une CSS existante.

      Je n’avais pas vu que la conf d’nginx était en ligne, j’aurai pu fournir directement un patch. :-)

      J’ai corrigé énormément de bugs de la CSS grises et rendu fonctionnel des choses qui n’avaient jamais été implémentées dedans (comme les norloges, le «crayon» dans l’espace de rédaction, les images mathjax…), j’ai aussi backporté tout ça dans la CSS opensuse, je soumettrai tout ça bientôt. :-)

      ce commentaire est sous licence cc by 4 et précédentes

    • [^] # Re: Fait

      Posté par (page perso) . Évalué à 2 (+0/-0).

      Bon en fait ça ne va pas. ^_^ C’est l’œuf ou la poule, si les images img.linuxfr.org sont redirigées sur linuxfr.org, c’est parce que la copie d’un thème linuxfr.org est sur img.linuxfr.org, donc il faut rediriger les images mais pas la css.

      Maintenant les images répondent mais plus les css personnalisées. :-p

      J’ai corrigé et j’ai fait pull request : https://github.com/nono/admin-linuxfr.org/pull/2

      ce commentaire est sous licence cc by 4 et précédentes

Envoyer un commentaire

Suivre le flux des commentaires

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