[RÉGLÉ] Créer 3 colonnes pour un seul article

[JJJ75]

Bonjour,

Je cherche à mettre en page un article avec 3 colonnes mais je n'ai rien trouvé là dessus.

Avez-vous une solution ?

Merci de votre aide.

[jisse03]

Re : Créer 3 colonnes pour un seul article

Bonjour,

Voir par exemple ce tuto CSS http://stackoverflow.com/questions/2...ayout-html-css

[PhilJ]

Re : Créer 3 colonnes pour un seul article

Bonsoir,


...Certains templates prévoient aussi d'emblée cette possibilité avec des classes CSS prédéfinies, ce qui épargne l'écriture de CSS supplémentaires.

=> Il faut regarder la documentation du template.

Un exemple avec JSN Boot, pour deux colonnes :

<div class=”grid-layout”>

<div>Colonne 1</div>
<div>Colonne 2</div>

</div>

Pour 3 colonnes :

<div class=”grid-layout”>

<div>Colonne 1</div>
<div>Colonne 2</div>
<div>Colonne 3</div>

</div>

Voir en ligne : http://demo.joomlashine.com/joomla-t...=74&Itemid=469.


Bonne soirée,


PhilJ

[JJJ75]

Re : Créer 3 colonnes pour un seul article

Merci pour vos retours !

J'intègre directement ces codes CSS dans le template ?
Est-ce que cela va s'imposer à tous les articles ?

Merci pour vos lumières

[houba_houbi]

Re : Créer 3 colonnes pour un seul article

Bonjour
Il y a quelques temps j'étais tombé sur cet article aussi : http://www.aide-joomla.com/tutoriels...n-page-article

[PhilJ]

Re : Créer 3 colonnes pour un seul article

Re,

J'intègre directement ces codes CSS dans le template ?

...Tout dépend de ce que vous appelez ces codes. Si vous utilisez JSN Boot, alors oui, tout container DIV avec la classe ”grid-layout”, une fois divisé en DIVs, permettra autant de colonnes que de DIVs. Mais ”grid-layout” n'est pas du tout un classe standard Joomla. C'est une classe spécifique aux templates d'un éditeur, en l'occurrence JoomlaShine.

En second lieu, « intégrer dans le template » est une expression vague dans la mesure où un template est constitué de nombreux fichiers. Une solution peut consister à intervenir dans le fichier template.css du template (le chemin : /templates/nom-de-votre-template/css/template.css). Toutefois, tenez compte de cette limite : toute mise à niveau logicielle du template écrasera le template.css, donc toutes vos personnalisations. La bonne solution consiste plutôt à laisser intact le template.css, et à injecter une autre feuille de style (qui peut se nommer, par exemple, custom.css) pour le modifier.

Est-ce que cela va s'imposer à tous les articles ?

...Oui, si aucune autre directive CSS placée après dans l'ordre de chargement de vos pages articles ne contredit vos personnalisations.



Cordialement,



PhilJ

[ghazal]

Re : Créer 3 colonnes pour un seul article

Salut,
juste une remarque.
dommage que le style CSS3 "columns" ne fonctionne pas avec IE9/IE8, c'est très pratique pour faire "couler" du texte sur 2 et + colonnes.

Voir : http://caniuse.com/#search=columns

Demo : http://codepen.io/ghazalp/pen/mwBlb

Description : http://www.w3schools.com/css/css3_multiple_columns.asp

Il y a bien sur des alternatives/fallback en JavaScript.

[JJJ75]

Re : Créer 3 colonnes pour un seul article

Bonsoir à tous,

J'ai testé cette technique : http://www.aide-joomla.com/tutoriels...icle-2-methode mais cela ne fonctionne pas, vous pouvez le voir ici

Merci pour votre aide

[PhilJ]

Re : Créer 3 colonnes pour un seul article

Bonsoir,

J'ai testé cette technique : http://www.aide-joomla.com/tutoriels...icle-2-methode mais cela ne fonctionne pas, vous pouvez le voir ici

...Quel est le template utilisé ?

[ghazal]

Re : Créer 3 colonnes pour un seul article

Template apparemment fait avec Artisteer.

Je cherche à mettre en page un article avec 3 colonnes mais je n'ai rien trouvé là dessus.

Mon post précédent est mal approprié à cette question.

Si c'est de ton lexique dont tu parles, l'HTML en est relativement mal composé pour réaliser ceci.
*Question : pourquoi le lexique français se trouve dans la partie en anglais ?

La balise p (pour "paragraph") n'est pas faite pour une liste.
L'usage de br pour un espace, bof.

La technique la plus adaptée (et d'ailleurs faite pour ça) est d'utiliser les "definition lists" :

<dl>: Conteneur
<dt>: Titre
<dd>: Description

Exemple :

http://codepen.io/ghazalp/full/BFlCv/

Code de l'exemple :

http://codepen.io/ghazalp/pen/BFlCv

NB : L'ordre alphabétique est un peu bizarre, mais adapté au passage en mode responsif (smartphone).

[JJJ75]

Re : Créer 3 colonnes pour un seul article

En effet, le template a été créé par une agence de com. Ce n'est pas un template par défaut.

Merci Ghazal, je vais tenter ta solution.

[JJJ75]

Re : Créer 3 colonnes pour un seul article

Bonjour à tous,

Cela n'a pas l'air de fonctionner. J'ai intégré le CSS au template.css. Ensuite, j'ai intégré <p class="three-col"> via Toggle Editor devant le premier mot et j'ai terminé par </p>.

Avez-vous une idée pourquoi cela ne fonctionne pas ?

Merci !

[fred31200]

Re : Créer 3 colonnes pour un seul article

Bonjour, tu peux aussi installer un module de type "news" qui presentent un resume des 3 articles en page centrale et tu as les articles separement quand tu click dessus ...


Envoyé de mon iPhone à l'aide de Forum Joomla.fr

[jisse03]

Re : Créer 3 colonnes pour un seul article

Bonjour,

Template apparemment fait avec Artisteer.

Dans le cadre Artistruc, leur forum contient des tas de questions sur ce sujet, par exemple http://www.artisteer.com/?post_id=150653&p=forum_post qui fournit une solution.

[JJJ75]

Re : Créer 3 colonnes pour un seul article

Je viens de tenter ta solution jisse03 mais le lexique ne bouge pas...
Je vais tenter avec le plugin News !

Merci pour votre aide !