Redimensionner un module joomla

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Redimensionner un module joomla

    Bonjour,

    Je voudrais savoir comment faire pour que mon module joomla puisse automatiquement s'adapter à mon écran du téléphone quand je lis le site sur le téléphone.

    Merci

  • #2
    Bonjour,

    La question est un peu vague. Si vous donniez un lien vers le site et précisiez de quel module vous parlez, ce serait plus commode. Et comment vous voulez que ça s'agence sur smartphone.

    Si votre template utilise bootstrap, vous pouvez jouer sur la largeur des colonnes selon la taille d'écran : col-md-6, col-sm-12 etc (à question générale réponse générale )
    Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

    Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

    Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

    Commentaire


    • #3
      Voici le lien : http://cabelbethel.com/index.php#

      Le site s'affiche correctement sur le pc mais sur mobile, seul le module qui affiche les photos en haut "smaccorgrid" qui ne s'adapte pas à l'écran du téléphone.

      Merci de m'aider

      Commentaire


      • #4
        Bonjour,

        Le problème ne vient pas du template (RT Lawyer : http://www.rushthemes.com/joomla-templates/lawyer). Il semble gérer correctement les différentes tailles d'écran.

        Le problème vient de votre module SMAccorGrid qui ne sait pas le faire. Il date de 2015 et n'est plus maintenu.

        Il faut soit prendre un autre module chez SmallIrons, soit ailleurs.

        Pascal
        If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

        Commentaire


        • #5
          ah, on voit dans le code du module que la largeur est exprimée en pixels. Et 910 pixels de large, c'est bcp sur smartphone
          width: 910px; height: 500px;

          Visiblement le module s'appelle smaccorgrid
          Find extensions for your Joomla site in the Joomla Extensions Directory, the official directory for Joomla components, modules and plugins.


          A vous de voir si qqch est prévu dans les options.
          Sinon je vois qu'il n'y a plus eu de mises à jour depuis 2015, donc c'est possible que rien n'ait été prévu pour adapter la taille aux smartphones...

          Code HTML:
          <div class="accordion" style="width: 910px; height: 500px;"><div class="panel" style="width: 738px; height: 457px; left: 0px; top: 0px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/1.jpg&quot;); background-position: center top;"><div class="caption" style="width: 300px; height: 35px; left: 30px; top: 10px; opacity: 1;"><div class="caption-background" style="width: 100%; height: 100%;"><p style="width: 100%; height: 100%; opacity: 1;">Maître Alain ALINGI BOYA</p></div></div></div><div class="panel" style="width: 40px; height: 457px; left: 741px; top: 0px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/2.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 457px; left: 784px; top: 0px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/3.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 457px; left: 827px; top: 0px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/4.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 457px; left: 870px; top: 0px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/5.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 738px; height: 40px; left: 0px; top: 460px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/6.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 40px; left: 741px; top: 460px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/7.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 40px; left: 784px; top: 460px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/8.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 40px; left: 827px; top: 460px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/9.jpg&quot;); background-position: center top;"></div><div class="panel" style="width: 40px; height: 40px; left: 870px; top: 460px; background-image: url(&quot;../../modules/mod_smaccorgrid/pic/91.jpg&quot;); background-position: center top;"></div></div>
          Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

          Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

          Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

          Commentaire


          • #6
            Le module crée une IFrame qui contient les images ??????
            If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

            Commentaire


            • #7
              Merci beaucoup pour vos interventions. Pouvez vous me proposer un module gratuit similaire qui pourrait facilement s'adapter à tout types d'écran ?

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X