ajouter une image à un module

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

  • [RÉGLÉ] ajouter une image à un module

    Bonjour,
    Svp quelqu'un peut-il m'aider. J'utilise un module Poll gratuit de joomla et il est sans image. Je recherche une astuce ou bien comment insérer un div dans l'un des fichier pour y ajouter une image fin de donner cela :Cliquez sur l'image pour l'afficher en taille normale

Nom : module 2.jpg 
Affichages : 1 
Taille : 35,4 Ko 
ID : 1824406

    Merci d'avance
    Dernière édition par zeurbik2016 à 13/10/2016, 17h57

  • #2
    Re : ajouter une image à un module

    Bonsoir,

    Je veux bien te faire ça mais il faut me dire ou télécharger ton module ???

    Papounet
    Artiste international, producteur phonographique et bidouilleur du web encore et toujours en activité.
    Compositeur du groupe : Roses Street présent sur toutes les plateformes de steaming.
    I'am happy for you !
    Dernière réalisation : http://www.pierrickservais.com/

    Commentaire


    • #3
      Re : ajouter une image à un module

      Bonjour,

      Puisque c'est un module, vous pouvez le mettre n'importe où en utilisant {loadposition <position de votre module>}.

      Vous pouvez donc l'intégrer à un module de type "Contenu personnalisé", dans lequel vous aurez mis une ou plusieurs images.

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

      Commentaire


      • #4
        Re : ajouter une image à un module

        Bonjour Papaounet voici le lien du module
        Find extensions for your Joomla site in the Joomla Extensions Directory, the official directory for Joomla components, modules and plugins.


        pmleconte j'ai essayé vote astuce elle ne fonctionne pas Merci à vous

        Commentaire


        • #5
          Re : ajouter une image à un module

          Salut
          Tu peux essayer module anywhere pour insérer un module dans un module https://www.regularlabs.com/extensions/modulesanywhere
          Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

          Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

          Commentaire


          • #6
            Re : ajouter une image à un module

            Bonjour TOFFEE j'avais déjà essayé module anywhere mais quand je clique sur module le popup reste tout blanc et n'affiche pas la liste des module alors je l'ai supprimé

            Commentaire


            • #7
              Re : ajouter une image à un module

              Envoyé par zeurbik2016 Voir le message
              Bonjour Papaounet voici le lien du module
              Find extensions for your Joomla site in the Joomla Extensions Directory, the official directory for Joomla components, modules and plugins.
              Okay, merci
              Je faire ceci de suite...

              Papounet
              Artiste international, producteur phonographique et bidouilleur du web encore et toujours en activité.
              Compositeur du groupe : Roses Street présent sur toutes les plateformes de steaming.
              I'am happy for you !
              Dernière réalisation : http://www.pierrickservais.com/

              Commentaire


              • #8
                Re : ajouter une image à un module

                Bonjour,

                Pour que cela fonctionne (sans moduleanywhere.., juste avec les modules standards), il faut, dans le module de contenu personnalisé, mettre plugins de contenu à oui (c'est dans l'onglet paramètres du module de contenu).

                Je viens d'en créer un, de mettre une image (la pomme habituelle prise dans sampledata), puis j'ai mis {loadposition pos_sp} car j'avais mis mon module sp à cette position et j'ai obtenu une belle image avec mon SP.

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

                Commentaire


                • #9
                  Re : ajouter une image à un module

                  L'ajout de l'image est à faire dans le fichier : modules/mod_sp_poll/tmpl/default.php

                  Nous allons ajouter ceci :
                  Code PHP:
                      <div class="sppoll-img">
                          <
                  img src="chemin-de-ton-image.png" />
                      </
                  div
                  Evidemment, il faut que tu remplace "chemin-de-ton-image.png"
                  Soit tu place ton image dans le dossier tmpl ou dans le dossier des images (ce qui est plus simple pour remplacer l'image).
                  Eventuellement, on peut faire en sorte de mettre ce chemin en paramètre dans le module.

                  Ensuite, tu colles ce code dans modules/mod_sp_poll/tmpl/default.php :
                  Code PHP:
                  <?php 
                  /*------------------------------------------------------------------------
                  # mod_sp_poll - Ajax poll module by JoomShaper.com
                  # ------------------------------------------------------------------------
                  # author    JoomShaper http://www.joomshaper.com
                  # Copyright (C) 2010 - 2016 JoomShaper.com. All Rights Reserved.
                  # License - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
                  # Websites: http://www.joomshaper.com
                  -------------------------------------------------------------------------*/
                  defined ('_JEXEC') or die('resticted aceess');

                  ?>

                  <div class="mod-sppoll <?php echo $moduleclass_sfx;?>">
                      <?php if(isset($poll)) { ?>
                          ICI
                          <strong><?php echo $poll->title?></strong>
                          <?php $polls json_decode($poll->polls); ?>
                          <form class="form-sppoll" data-id="<?php echo $poll->sppolls_poll_id?>" data-module_id="<?php echo $module->id?>">
                              <?php foreach ($polls as $key=>$value) {?>
                              <div class="radio">
                                  <label>
                                      <input type="radio" name="question" value="<?php echo $key?><?php echo ($key==0) ? 'checked'''?>>
                                      <?php echo $value->poll?>
                                  </label>
                              </div>
                              <?php ?>
                              <input type="submit" class="btn btn-default" value="<?php echo JText::_('MOD_SP_POLL_BUTTON_SUBMIT'); ?>">
                              <input type="button" class="btn btn-success btn-poll-result" data-result_id="<?php echo $poll->sppolls_poll_id?>" value="<?php echo JText::_('MOD_SP_POLL_BUTTON_RESULT'); ?>">
                          </form>
                          <div class="sppoll-results"></div>
                      <?php } else { ?>
                          <p class="alert alert-warning"><?php echo JText::_('MOD_SP_POLL_NO_RECORDS'); ?></p>
                      <?php ?>
                  </div>
                  Et pour finir voici ce qu'il faut ajouter dans ton css

                  Code PHP:
                  /* largeur image */
                  div.sppoll-img {
                    
                  width220px;
                  }
                  /* Image responsive */
                  div.sppoll-img {
                    
                  width100%;
                    
                  heightauto;

                  Je ne sais pas comment est ton template donc pour div.sppoll-img j'ai fixé à 220px au pif.
                  Mais si ta colonne qui accueil le module est fixe alors tu peut mettre 100% et on en parle plus.
                  Si ton template est responsive alors div.sppoll-img peut être placé dans les différents points de rupture avec la valeur adéquate...

                  Papounet
                  Artiste international, producteur phonographique et bidouilleur du web encore et toujours en activité.
                  Compositeur du groupe : Roses Street présent sur toutes les plateformes de steaming.
                  I'am happy for you !
                  Dernière réalisation : http://www.pierrickservais.com/

                  Commentaire


                  • #10
                    Re : ajouter une image à un module

                    J'ai mis en ligne une petite vidéo pour montrer la méthode simple http://www.conseilgouz.com/index.php...u-personnalise

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

                    Commentaire


                    • #11
                      Re : ajouter une image à un module

                      Bonjour pmleconte,

                      Envoyé par pmleconte Voir le message
                      J'ai mis en ligne une petite vidéo pour montrer la méthode simple http://www.conseilgouz.com/index.php...u-personnalise
                      Je ne sais pas avec quoi tu as généré ta vidéo mais en tout cas, tu as mis le turbo. C'est parce que je sais de quoi tu parles que j'ai compris mais pour un novice !
                      Pour infos.
                      GIMPons.net : http://www.GIMPons.net = plus de 1000 tutoriels sur GIMP , plus d'un millier d'images pour expliquer les filtres de GIMP.
                      Le terrier de Fynhooft : http://patrick.gauwin.free.fr
                      Le CSE d'Hazebrouck : http://www.csehazebrouck.fr

                      Commentaire


                      • #12
                        Re : ajouter une image à un module

                        Merci à tous pour votre aide, pmleconte je viens de voir que votre vidéo je l'ai automatiquement utilisé pour un autre travail mais néanmoins pour ce qui est de l'astuce de papounet je l'ai utilisée dans ce cas précis et c'est impeccable. J'adore travailler directement dans les fichiers ce qui empêche d'utilisé 2 module pour un seul objectif.


                        Grand merci
                        Dernière édition par zeurbik2016 à 13/10/2016, 17h57

                        Commentaire


                        • #13
                          Re : ajouter une image à un module

                          Bonjour,

                          Votre code est bien compliqué.
                          Regardez-mon module "offrez-moi un café", dans mon site GIMPons.net
                          il faut juste utiliser la balise ::before dans le css

                          j'ai juste ajouté dans le fichier css :
                          Code:
                          h3.cafe::before
                          {content: url("le chemin de l'image");
                          position : relative;
                          left: xxx px;
                          top : yyy px;
                          }
                          GIMPons.net : http://www.GIMPons.net = plus de 1000 tutoriels sur GIMP , plus d'un millier d'images pour expliquer les filtres de GIMP.
                          Le terrier de Fynhooft : http://patrick.gauwin.free.fr
                          Le CSE d'Hazebrouck : http://www.csehazebrouck.fr

                          Commentaire

                          Annonce

                          Réduire
                          Aucune annonce pour le moment.

                          Partenaire de l'association

                          Réduire

                          Hébergeur Web PlanetHoster
                          Travaille ...
                          X