PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 25/03/2015 11:39:01

flipflip
Membre
Lieu : Lyon
Inscription : 19/05/2008
Messages : 752
Site Web

Articles sur deux colonnes

Bonjour,

Je dois migrer un site de Joomla vers PluXml et refaire à l'identique le thème. Pour moi c'est l'occasion de tester pour de vrai PluCSS mais je suis bloqué sur un problème.

Sur la page d'accueil il y a une liste d'articles qui s'affichent sur deux colonnes et je ne sais pas trop comment reproduire ça avec PluCSS.

avez-vous une idée ?


"J'ai un string dans l'array" | http://www.blogoflip.fr

Hors ligne

#2 25/03/2015 11:44:14

Stéphane
Responsable du projet
Lieu : pas loin de Metz
Inscription : 07/08/2007
Messages : 6 190
Site Web

Re : Articles sur deux colonnes


Mes articles et tutoriels pour PluXml
Pluxopolis mon site sur PluXml, mais pas seulement...
Twitter: @pluxopolis

Hors ligne

#3 25/03/2015 11:47:49

flipflip
Membre
Lieu : Lyon
Inscription : 19/05/2008
Messages : 752
Site Web

Re : Articles sur deux colonnes

Je me réponds ça peut servir :

[== CSS ==]
@media screen and (min-width: 400px) {   
	.col-2 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		-o-column-count: 2;
		column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-gap: 20px;
		-o-column-gap: 20px;
		column-gap: 20px;
		-webkit-column-rule: 1px solid #000;
		-moz-column-rule: 1px solid #000;	
		column-rule: 1px solid #000;	
	}
	
	.col-2 div {
		display: inline-block;
	}
}

Et la boucle qui va bien

[== PHP ==]
				<div class="col sml-12 med-12 lrg-12 centered col-2">
				<?php 
				$idCat = '010'; ?>
				<?php 
				while($plxShow->plxMotor->plxRecord_arts->loop()) {
				if($plxShow->artCatIds() == $idCat) { ?>
					<div>
					<h2><?php $plxShow->artTitle(); ?></h2>
					<?php $plxShow->artChapo('', $content=false); ?>
					<p><?php $plxShow->artContent($chapo=false); ?></p>
					</div>
				<?php
				}
				}
				?>
				</div>

Le seul problème est que c'est du css3 mais c'est responsive avec les media query

Dernière modification par flipflip (25/03/2015 14:37:19)


"J'ai un string dans l'array" | http://www.blogoflip.fr

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés