Le footer du template hera_j3_vm3

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

  • [RÉGLÉ] Le footer du template hera_j3_vm3

    Bonjour,

    J'ai créé un footer avec un tableau de 3 colonnes, pour que les 3 zones soient alignées et non empilées... sur les différents pc (écran 28' sur lequel je travaille et écran 10' pour vérifier ) ça rend très bien, mais sur le tél mobile, seule une colonne apparaît, les deux autres sont visibles hors champs en faisant glisser la zone et parce que j'ai mis un body background color noir comme mon footer. Je pense que j'aurais dû créer cette mise en forme différemment mais je ne sais pas comment...

    Merci de me dire si ma question est claire et possiblement résolvable :-)

  • #2
    Ton erreur est là :
    J'ai créé un footer avec un tableau de 3 colonnes
    La mise en page avec des tableaux c'est la préhistoire. Il faut utiliser les css.
    Je ne connais pas ce template mais il est sans doute possible de positionner trois modules cote à cote.
    Lorsque l'on se cogne la tête contre un pot et que cela sonne creux, ça n'est pas forcément le pot qui est vide.
    Confucius

    Commentaire


    • #3
      Oui, je m'en doutais... je suis "out" :-)
      bon je vais fouiller de ce côté là, css... héra est l'un des 3 templates installés (avec beez et protostar) sur ma version joomla. En fait, j'ai fait une petite formation de 4 jours auprès de la chambre des métiers pour créer ma boutique en ligne et depuis 2 mois j'y travaille... j'adore ça mais c'est parfois un peu difficile...
      merci.

      Commentaire


      • #4
        Bonjour,

        Le template utilise Bootstrap 3.3.7
        Il faut mettre des div avec les classes indiquées sur cette page : https://getbootstrap.com/docs/4.0/layout/grid/
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Oh merci, Lomart ! ça semble exactement ce qu'il me faut !! Il ne me reste plus qu'à m'y mettre.. Je vous dirai.

          Commentaire


          • #6
            j'ai finalement abandonné la mise en page spéciale... trop novice pour ça.. j'ai utilisé le module menu et ça fera bien son office pour l'instant.

            Commentaire


            • #7
              Bonjour,

              Pourtant ce n'est pas très dur !
              Il suffit de mettre ce code dans un module personnalisé (celui de joomla ou le mien (LM-Custom) pour être sur qu'un éditeur WYSIWYG n'efface pas notre beau travail
              Code HTML:
              <div class="container">
                <div class="row">
                  <div class="col-sm">
                    Contenu de la 1ère cellule du tableau actuel
                  </div>
                  <div class="col-sm">
                    Contenu de la 2ème cellule du tableau actuel
                   </div>
                  <div class="col-sm">
                    Contenu de la 3ème cellule du tableau actuel
                   </div>
                </div>
              </div>
              UP, le plugin universel à découvrir sur https//up.lomart.fr
              bgMax
              , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

              Commentaire


              • #8
                Bonjour,
                et si tu veux le faire sans ajouter une ligne de code ... tu n'as qu'a utiliser un editeur comme pagebuiderCK
                Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
                Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

                Commentaire


                • #9
                  Bonjour,

                  - Manu je vais aller voir pagebuilder CK
                  - Lomart je joins ici 3 images pour montrer :

                  1/ le footer tableau de départ, même si le contenu ne me convient plus, pour diverses raisons que je ne vais pas développer, mon post serait trop long :-)
                  2/ le footer avec module menu
                  3/ l'essai fait avec le code que tu m'as fourni




                  1/
                  Cliquez sur l'image pour l'afficher en taille normale  Nom : Capture-footer_tableau_du_début.JPG  Affichages : 1  Taille : 66,3 Ko  ID : 1974731

                  2/
                  Cliquez sur l'image pour l'afficher en taille normale  Nom : Capture-footer_avec_lien_de_menu.JPG  Affichages : 2  Taille : 33,1 Ko  ID : 1974732

                  3/
                  Cliquez sur l'image pour l'afficher en taille normale  Nom : Capture-footer_essai_avec_code.JPG  Affichages : 1  Taille : 65,8 Ko  ID : 1974729

                  Ainsi vous pourrez constater mon grand talent !!! :-/
                  Fichiers joints

                  Commentaire


                  • #10
                    Bonjour,

                    Il faudrait regarder avec un inspecteur de code pourquoi cela ne fonctionne pas.
                    Le site n'est pas visible en ligne ?
                    UP, le plugin universel à découvrir sur https//up.lomart.fr
                    bgMax
                    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                    Commentaire


                    • #11
                      Bonjour,

                      Si si, il est visible, en tout cas cette partie là oui, pour le côté boutique je retravaille mes fichiers produits en attendant que mon hébergeur passe mon site en https

                      voici le lien :
                      Découvrez l'univers onirique des collages de Valserine dans son Petit Magasin d'Images : collages-numériques, tableaux, photos... c'est l'art de la déco unique

                      Commentaire


                      • #12
                        Il n'y a actuellement que 2 colonnes.
                        Mon code précédent peut-être repris en enlevant le bloc parent qui doit être donné par le module et en remplaçant le nom de la classe, soit
                        Code HTML:
                        <div class="col-md-4">
                              Contenu de la 1ère cellule du tableau actuel    
                        </div>    
                        <div class="col-md-4">
                              Contenu de la 2ème cellule du tableau actuel      
                        </div>    
                        <div class="col-md-4">
                              Contenu de la 3ème cellule du tableau actuel      
                        </div>
                        col-md-4 veut dire que la colonne fera 4/12 de large

                        On verra ensuite, s'il faut remettre le bloc parent
                        UP, le plugin universel à découvrir sur https//up.lomart.fr
                        bgMax
                        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                        Commentaire

                        Annonce

                        Réduire
                        Aucune annonce pour le moment.

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X