Joomladay francophone 2018 à Paris 18 et 19 mai

Bug dans le CSS de Protostar ?

Réduire
Ce sujet est fermé.
X
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Bug dans le CSS de Protostar ?

    Bonjour,

    Je viens de télécharger la dernière version (française) de Joomla et de faire quelques essais en local avec le template Protostar de base. J'ai un petit souci: L'image "mapple.jpg" ne se redimensionne correctement que pour les petites dimensions d'écran, quand l'affichage bascule en taille "mobile/tablette".
    En revanche, sur un grand écran, elle ne se redimensionne plus et se bloque à une dimension quasi-invisible (23px x 6px). J'ai essayé de modifier le css mais je n'arrive à rien de bien car je ne maîtrise pas assez le CSS. Quelqu'un aurait-il une piste ?

    Merci.

    Christophe

  • #2
    Re : Bug dans le CSS de Protostar ?

    Bonjour Christophe,

    L'image "mapple.jpg" ne fait pas partie du template Protostar ni même de Joomla!.

    La première piste c'est que tu nous donnes un minimum d'information sur cette image et sur la façon dont tu l'utilises.

    Amicalement,
    Rajoz

    Commentaire


    • #3
      Re : Bug dans le CSS de Protostar ?

      Bonjour Rajoz et merci de ton aide.

      Toutes mes excuses, maintenant que tu me dis que c'était pas dans le package de base, je me dis que c'est probablement moi qui ai fait une fausse manip en essayant de commencer à customiser les sites d'exemple (Australie et Boutique de fruits) livrés avec le package en français.

      En fait, ça me revient maintenant, il commençait à se faire tard mais c'est très probablement moi qui ait essayé de mettre cette image (qui venait des images de la "Boutique de fruits") pour voir si je pouvais mettre une image redimensionnable différente dans div.moduletable.span1.jmoddiv
      Le résultat fonctionnait très bien, c'était pile poil ce qu'il me fallait, mais ça marchait uniquement pour les petits écrans.
      Faut pas essayer de jouer dans la cour des grands quand on n'a pas le niveau !

      J'le frais plus !

      BTW: Le CSS du site d'exemple "Australie" en français en revanche fonctionne très mal (2 colonnes verticales étroites et illisibles) et là, je suis certain à 99.9% que je n'y suis absolument pour rien, mais c'est un autre sujet.

      Bien cordialement
      Christophe

      Commentaire


      • #4
        Re : Bug dans le CSS de Protostar ?

        (Re)bonsoir,

        Bon bein non, correctif à mon message précédent, je n'y étais pour rien:

        J'ai téléchargé le paquet:
        Joomla_3.4.0-Stable-Full_Package_French_v1.zip
        A l'installation, j'ai demandé l'installation des "données d'exemple en français".
        A la fin de l'installation je me retrouve, en plein écran, avec une micro image carrée de 34x9px (plus ou moins selon qu'on redimensionne l'écran).
        Quand je diminue considérablemenbt la taille de la fenêtre, pour imiter un écran de tablette, l'image change de position et s'agrandit d'un seul coup pour occuper toute la largeur de sa zone.
        Avec un clic droit sur cette image, on voit qu'il s'agit de l'image:
        /images/headers/maple.jpg
        (je n'avais rien modifié en dur hier au soir, finalement)

        Les outils de Chrome me disent que l'image est dans <div class="moduletable_span1">
        Et le code source de la page d'accueil, la toute première qui s'affiche après l'installation, me dit que c'est à la ligne 77 du html.

        <div class="row-fluid">
        <main id="content" role="main" class="span9">
        <!-- Begin Content -->
        <div class="moduletable span1">
        <div class="custom" >
        <p><img src="/joomla_original/images/headers/maple.jpg" alt="" /></p></div>
        </div>

        Sur les petits écrans, cette petite image d'exemple prend tout la largeur de la fenêtre et se redimensionne, ce qui est très bien.
        Quand on bascule sur un grand écran, les menus latéraux se mettent en place et cette fichue image devient microscopique et mal placée (juste avant le titre "Joomla" du premier article d'exemple). Elle se redimensionne toujours, mais en restant microscopique.
        J'ai fait un essai avec un navigateur Internet Explorer 11, avec exactement le même résultat.
        Je crois donc qu'il y a quelque chose qui cloche dans ces exemples en français (et/ou le CSS) mais je ne comprends pas assez ces choses là pour en dire plus.

        Toute aide ou piste serait la bienvenue, parce que cet exemple me conviendrait très bien s'il fonctionnait un peu mieux avec les grands écrans. En effet, je n'aurais qu'à changer l'image de l'exemple!

        Bien sincèrement
        Christophe

        Commentaire


        • #5
          Re : Bug dans le CSS de Protostar ?

          Bonsoir Christophe,

          L'image indiquée dans le premier post (mapple.jpg avec deux "p") n'existe pas d'où ma difficulté à voir le problème.

          Avec la correction du dernier post (/images/headers/maple.jpg avec un seul "p") tout s'éclaire. Vive l'ortografe !

          Dans les exemples, cette image est affichée par le module "Module Image" de type Contenu personnalisé et placé en position-3 qui est par défaut de style xhtml :
          • Dans les "Paramètres avancés" du module, le paramètre "Style du module" est à Hérité ce qui signifie que le style est défini par le code dans le template.
          • Dans templates/protostar/index.php la position-3 est déclarée par <jdoc:include type="modules" name="position-3" style="xhtml" /> donc de style xhtml

          Le style xhtml est défini dans templates/system/html/modules.php par la fonction modChrome_xhtml. Cette fonction a été modifiée dans J! 3.4.0 pour intégrer les paramètres Bootstrap dans ce style de module (Tag de module, Taille Bootstrap, Tag d'en-tête/titre et Classe d'en-tête/titre).

          Le résultat c'est qu'avec J! 3.4.0 la largeur spanX du module est maintenant prise en compte alors qu'elle ne l'était pas en 3.3.6

          Pour corriger l'affichage du module, il faut aller dans Extensions > Gestion des modules > Module Image > Paramètres avancés et mettre Taille Bootstrap à 12 (au lieu de 1).

          Amicalement,
          Rajoz

          Commentaire


          • #6
            Re : Bug dans le CSS de Protostar ?

            Super ! Merci Rajoz ! Ca marche impeccable!

            Et merci aussi pour les explications de la solution, qui me montrent clairement qu'après 5 années sans configurer de site web, il va falloir que je fasse un sérieux effort de remise à niveau.

            Bon, avant de clore ce fil, j'en profite pour faire remonter aussi un autre petit problème assez similaire dans les exemples en français, bien qu'il n'ait aucune conséquence pratique pour moi:
            Dans localhost/joomla/index.php/sample-sites , en petit écran les liens vers les deux sites d'exemple sont impeccables (en bas), mais en grand écran, ils se dimensionnent mal (à droite).
            C'est pas très gênant mais si quelqu'un qui sait faire ces choses-là pouvait le corriger dans le paquet Joomla_3.4.0-Stable-Full_Package_French_v1.zip, ça serait peut-être aussi bien pour l'image de marque de Joomla auprès des débutants.

            A bientôt pour de nouvelles aventures, d'ici là, moi, je file apprendre Bootstrap!

            Bien amicalement
            Christophe

            Commentaire

            Annonce

            Réduire
            1 sur 2 < >

            C'est [Réglé] et on n'en parle plus ?

            A quoi ça sert ?
            La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

            Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

            Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
            Comment ajouter la mention [Réglé] à votre discussion ?
            1 - Aller sur votre discussion et éditer votre premier message :


            2 - Cliquer sur la liste déroulante Préfixe.

            3 - Choisir le préfixe [Réglé].


            4 - Et voilà… votre discussion est désormais identifiée comme réglée.

            2 sur 2 < >

            Assistance au forum - Outil de publication d'infos de votre site

            Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

            Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

            Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

            UTILISER À VOS PROPRES RISQUES :
            L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

            Problèmes connus :
            FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

            Installation :

            1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

            Archive zip : https://github.com/AFUJ/FPA/zipball/master

            2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

            3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

            4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

            5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

            6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
            et remplacer www. votresite .com par votre nom de domaine


            Exemples:
            Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
            Télécharger le script fpa-fr.php dans: /public_html/
            Pour executer le script: http://www..com/fpa-fr.php

            Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
            Télécharger le script fpa-fr.php dans: /public_html/cms/
            Pour executer le script: http://www..com/cms/fpa-fr.php

            En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

            Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
            Voir plus
            Voir moins
            Travaille ...
            X