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

[gabyber]

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

[marie-louise]

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

[lefabdu51]

Re : Article, mise en page sans tableau

quel est l'éditeur utilisé ?

[toffffe]

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

[gabyber]

Re : Article, mise en page sans tableau

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

[Flagada]

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.

[gabyber]

Re : Article, mise en page sans tableau

Merci,

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

Merci

Maxime

[Flagada]

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 !

[gabyber]

Re : Article, mise en page sans tableau

Merci,

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

[thefbi]

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

[Flagada]

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).

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