Article, mise en page sans tableau

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

  • [RÉGLÉ] Article, mise en page sans tableau

    Bonjour,

    Je galère depuis quelques temps. Je fais un site sous joomla 3 et je tente d'éviter les tableaux. Je veux faire un article en deux colonnes. Mais j'ai beau regarder des tuto, je n'y arrive pas en jouant avec le CSS.

    J'ai vu sur un video youtube un tuto ou le gars n'avait qu'à cliquer sur un bouton ''MODÈLE'' situé dans le bas de l'article près du bouton IMAGE et LIRE LA SUITE. Ce bouton permettait de choisir la mise en page désirée (2,3, 4 colonnes, etc.)

    Est-ce à cause de mon template que je n'ai pas ce bouton ou dois-je installer une application?

    J'utilise le template At SPA de Age theme.

    Merci

    Maxime

  • #2
    Re : Article, mise en page sans tableau

    Bonjour,

    Certains éditeurs de texte font des colonnes Drop Editor, par exemple, pour le CSS j'avais trouvé un tuto très bien fait mais j'arrive pas à mettre la main dessus pour le moment.

    A bah le voila ce fameux tuto
    Dernière édition par marie-louise à 27/01/2016, 20h22

    Commentaire


    • #3
      Re : Article, mise en page sans tableau

      quel est l'éditeur utilisé ?

      Commentaire


      • #4
        Re : Article, mise en page sans tableau

        Salut
        C'était un plugin, peut être sinon content templater de nonumber
        L'éditeur jce à aussi une possibilité comme celle là ou encore arkeditor
        Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

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

        Commentaire


        • #5
          Re : Article, mise en page sans tableau

          Merci à tous!
          Pour l'instant je vais essayer avec JCE

          Commentaire


          • #6
            Re : Article, mise en page sans tableau

            Bonjour,

            Tente ceci dans le fichier css de ton template:

            .double-col {
            -moz-column-count: 2;
            -webkit-column-count: 2;
            -ms-column-count: 2;
            column-count: 2;
            -moz-column-gap: 40px;
            -webkit-column-gap: 40px;
            -ms-column-gap: 40px;
            column-gap: 40px;
            text-align: justify;
            -moz-column-rule: 1px outset #5C4C4D;
            -webkit-column-rule: 1px outset #5C4C4D;
            -ms-column-rule: 1px outset #5C4C4D;
            column-rule: 1px outset #5C4C4D;
            margin: 45px 0; }

            puis tu attribues, dans ton article, la classe double-col aux parties que tu veux publier en double colonne.
            Tu pourras affiner selon tes besoins en modifiant le css.

            Commentaire


            • #7
              Re : Article, mise en page sans tableau

              Merci,

              Mais à quelle endroit dois-je inscrire l'attribut css dans mon article.

              Merci

              Maxime

              Commentaire


              • #8
                Re : Article, mise en page sans tableau

                Dans ton article, tu passes en vue html.
                Au début de la partie que tu veux sur 2 colonnes, tu places une balise
                <div class="double-col">
                et à la fin tu fermes la balise
                </div>
                Tout ce qui se trouvera entre s'affichera en 2 colonnes.

                Tu peux facilement bricoler le code css pour avoir un affichage en 3 colonnes.
                Il te suffit de recopier le code donné, de l'ajouter à ton fichier css, d'en modifier la classe (par exemple .triple-col), de changer les "2" en "3". Et dans l'article tu mets une balise class="triple-col".
                Tu as le principe, tu peux te préparer un css pour avoir 4, 5 ou plus de colonnes.
                Tu peux également supprimer les lignes de css qui dessinent une ligne séparatrice si tu n'en veux pas, modifier l'espacement, etc.

                Bref, tu as la structure, tu n'as plus qu'à t'amuser !
                Dernière édition par Flagada à 31/01/2016, 18h34

                Commentaire


                • #9
                  Re : Article, mise en page sans tableau

                  Merci,

                  simple clair et précis.....j'adore!

                  Commentaire


                  • #10
                    Re : Article, mise en page sans tableau

                    Hello,
                    autrement, il y a un composant (payant) que j'utilise perso et qui permet de monter ton article comme tu veux, en créant facilement des blocs pour mettre ce que tu veux dedans (image, module, youtube, texte, etc). En plus c'est responsive. Il s'agit de JSN Pagebuilder, sur joomlashine.com.
                    Ca marche vraiment bien
                    “Un problème sans solution est un problème mal posé." - Albert Einstein
                    "La sagesse, c’est d’avoir des rêves suffisamment grands pour ne pas les perdre de vue quand on les poursuit." - Oscar Wilde

                    Commentaire


                    • #11
                      Re : Article, mise en page sans tableau

                      Envoyé par thefbi Voir le message
                      Hello,
                      autrement, il y a un composant (payant) que j'utilise perso et qui permet de monter ton article comme tu veux, en créant facilement des blocs pour mettre ce que tu veux dedans (image, module, youtube, texte, etc).
                      Bonjour,

                      Personnellement j'essaie de limiter au strict minimum (et donc à l'indispensable) l'usage des composants et plugins. Ce sont en effet toujours des risques de problèmes supplémentaires lors de mises à jour.
                      De plus la pérennité n'est pas forcément assurée sur le long terme !
                      C'est pourquoi je privilégie les solutions internes à Joomla lorsque c'est possible.
                      Mais à chacun de faire comme il préfère!

                      Cordialement

                      Commentaire

                      Annonce

                      Réduire
                      Aucune annonce pour le moment.

                      Partenaire de l'association

                      Réduire

                      Hébergeur Web PlanetHoster
                      Travaille ...
                      X