Varier le nombre de colonnes selon taille d'écran

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

  • [RÉGLÉ] Varier le nombre de colonnes selon taille d'écran

    Bonjour,
    Je souhaiterai un blog sur 3 colonnes sur les écrans d'ordinateur, 2 colonnes sur les tablettes et 1 colonne sur les phones. Visiblement, le passage sur 1 colonne pour les petits écrans se fait déjà, c'est donc que cette instruction est déjà écrite. Mais où ?

    À votre avis, on trouve ça dans quel type de fichier ?
    Merci !
    Dernière édition par GraphiqueDesign à 02/03/2019, 02h10
    "Si vous n’êtes pas impliqués émotionnellement dans ce que vous créez, laissez tomber."
    https://www.graphiquedesign-bf.com/

  • #2
    Ca dépend de ton css.
    Probable que ton template utilise Bootstrap, auquel cas tu joues typiquement sur la classe des DIV pour dire (sur une grille imaginaire de 12 colonnes) combien de colonnes l'élément doit prendre selon la taille de l'écran.
    Exemple
    Code HTML:
    class="col-lg-4 col-md-6 col-sm-12"
    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
      Bonjour Woluweb, et merci pour l'intérêt,
      J'ai passé des heures à fouiller tous les fichiers à l'aide de grep.php en ciblant sur des termes comme media dans les css, les scss, les js, etc mais je n'ai pas trouvé le déclencheur. Bien-sûr, j'ai parcouru et cherché de la doc sur bootstrap qui est le moteur de l'affichage mais quand le template décide de passer sur 1 colonne l'affichage du blog à 767px, cette consigne doit bien être mentionnée dans un fichier du template !

      En fait, je peux choisir le nombre de colonnes pour afficher mon blog, je choisis 3. Arrivé à une largeur d'écran de 767px, le blog passe sur 1 colonne, c'est parfait. Mais à 800px, les 3 colonnes sont vraiment étroites et donc je voudrais ajouter un passage sur 2 colonnes à partir de 960px. En gros, passer le col-md4 en col-md6 ! Et ça, je n'y arrive pas.
      "Si vous n’êtes pas impliqués émotionnellement dans ce que vous créez, laissez tomber."
      https://www.graphiquedesign-bf.com/

      Commentaire


      • #4
        ben tu ne dois rien changer au css : juste ajouter les classes comme j'indiquais.
        Avec
        class="col-lg-4 col-md-6 col-sm-12" ce sera en pleine largeur sur un écran petit (12/12), en 2 col sur un écran moyen (6/12) et en 3 colonnes sur un écran large (4/12)
        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


        • #5
          Donc dans le fichier override html de l'affichage du blog ?
          "Si vous n’êtes pas impliqués émotionnellement dans ce que vous créez, laissez tomber."
          https://www.graphiquedesign-bf.com/

          Commentaire


          • #6
            Si c'est dans le contenu d'un article que tu as des "blocs", alors c'est dans l'éditeur de l'article.
            Mais si ce que tu veux se joue au niveau de la Vue Blog, alors effectivement via un override de la Vue Blog
            (attention, selon que c'est Bootstrap 2 3 ou 4 la syntaxe est différente)
            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

            Annonce

            Réduire
            Aucune annonce pour le moment.

            Partenaire de l'association

            Réduire

            Hébergeur Web PlanetHoster
            Travaille ...
            X