bloquer colonne de droite et de gauche

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

  • [RÉGLÉ] bloquer colonne de droite et de gauche

    Hello
    j'ai une petite question con - le site en question: https://test.smilecollector.photos/en/photos/f2f

    est-ce qu'on peut figer le défilement des colonnes de droite et de gauche?
    Dernière édition par Cosmic à 14/05/2020, 12h29

    Cosmic - niveau : commence seulement à comprendre comment ça marche, mais, forcément, du coup, se pose encore plus de questions qu'avant
    “Penser veut dire aussi rêver.”​ - George Steiner

  • #2
    Bonjour,

    Vous utilisez Astroid, donc, cela est assez simple et cela se fait avec un peu de css.

    Au niveau de vos positions left et right de votre template (dans layout), il suffit d'ajouter une classe dans custom class telle que sticky_col (qui n'existe pas dans Astroid).

    Ensuite, dans le custom CSS, il suffira de créer cette classe avec
    Code:
    .sticky_col {position:fixed; top:7em}
    Cela bloquera vos 2 colonnes à une position fixe (j'ai mis top:7em car cela les positionne sous le menu). Vous pouvez ne pas préciser le top pour laisser le système laisser les modules où il sont.

    Pascal
    Dernière édition par pmleconte à 14/05/2020, 09h04
    If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

    Commentaire


    • #3
      merci mais errr.... j'ai comme un doute...

      Cliquez sur l'image pour l'afficher en taille normale  Nom : sticky.jpg  Affichages : 0  Taille : 127,7 Ko  ID : 2017410
      Dernière édition par Cosmic à 14/05/2020, 09h39

      Cosmic - niveau : commence seulement à comprendre comment ça marche, mais, forcément, du coup, se pose encore plus de questions qu'avant
      “Penser veut dire aussi rêver.”​ - George Steiner

      Commentaire


      • #4
        En "bloquant" la position right au niveau du template, j'obtiens le résultat suivant:


        Cliquez sur l'image pour l'afficher en taille normale

Nom : Chrome Legacy Window 14052020 105406.jpg 
Affichages : 43 
Taille : 111,1 Ko 
ID : 2017412

        Pouvez-vous mettre en ligne votre modification ?

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

        Commentaire


        • #5
          Pour info, Cedric propose une extension qui fait cela aussi : https://www.joomlack.fr/extensions-j...ting-module-ck
          If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

          Commentaire


          • #6
            Au niveau de votre classe sticky_col, vous l'avez ajouté "trop haut". Elle doit être sur l'élément Right et non sur la colonne (sur l'affichage, ce n'est pas évident, mais, il faut prendre le "crayon" en dessous).
            Cliquez sur l'image pour l'afficher en taille normale

Nom : Chrome Legacy Window 14052020 111100.jpg 
Affichages : 35 
Taille : 5,8 Ko 
ID : 2017415

            Pascal
            Dernière édition par pmleconte à 14/05/2020, 10h12
            If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

            Commentaire


            • #7
              je viens de mettre à jour mon fichier css

              Cosmic - niveau : commence seulement à comprendre comment ça marche, mais, forcément, du coup, se pose encore plus de questions qu'avant
              “Penser veut dire aussi rêver.”​ - George Steiner

              Commentaire


              • #8
                Comme écrit dans mon dernier message, la classe sticky_col n'est pas au bon niveau.
                If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

                Commentaire


                • #9
                  désolé, je n'avais pas vu le message pour déplacer la classe :/
                  merci beaucoup

                  Cosmic - niveau : commence seulement à comprendre comment ça marche, mais, forcément, du coup, se pose encore plus de questions qu'avant
                  “Penser veut dire aussi rêver.”​ - George Steiner

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X