Catégories en plusieurs colonnes

cghescghes Member
dans Entraide
Bonsoir,

Je suis en construction d'un site, et j'aimerai avoir des catégories avec des articles présentés sur trois colonnes quelqu'un a une idée et peu m'aider à modifier le categorie.php du theme idim?

ex: j'adorerai avoir la mise en page comme samare: http://www.samare.net/categorie4/boite-a-outils

merci à vous

Réponses

  • Jerry WhamJerry Wham Member
    Cherche sur son site. Il me semble qu'il a écrit un article là-dessus (Daniel arrête moi si je me trompe).
  • cghescghes Member
    arf j'arrive pas a trouver cet article...
  • Jerry WhamJerry Wham Member
    Ou étudie le code source de la page en question avec la css.
  • cghescghes Member
    oui pas bête! merci
  • danielsandanielsan Member
    http://www.samare.net/article19/repartition-des-articles-en-3-6-12 ?
  • danielsandanielsan Member
    novembre 2012 modifié
    bon, c'est juste des blocs avec une largeur fixe et en float=left ...
  • cghescghes Member
    merci daniel pour ton aide, mais je suis completement perdu, dans ces trucs là (je suis un peu trop novice).
    En fait j'aimerai savoir quoi mettre dans le screen.css et dans le categorie.php pour avoir 3 colonnes comme ça http://www.samare.net/categorie4/boite-a-outils
    même sans animation mais juste répartir les articles en 3 colonnes. merci
  • danielsandanielsan Member
    novembre 2012 modifié
    un truc plutôt comme ça ? :p
  • cghescghes Member
    novembre 2012 modifié
    oui exactement ça... mais je sais pas comment le faire!
  • danielsandanielsan Member
    template categorie ( crées-en un nouveau categorie-grille.php ): 
    <?php include(dirname(__FILE__).'/header.php'); ?>

<div id="description" class="grid_12">
	<h2><?php $plxShow->catName(); ?></h2>
	<div class="text_justify border_1 paddingV_1 paddingH_1 bg_1 marginB_1">
	<?php
		if($plxShow->plxMotor->aCats[$plxShow->plxMotor->cible]['description']==""){
			echo "<p>Veuillez renseigner la description de la cat&eacute;gorie "; $plxShow->catName(); echo "</p>";
		}else{
			echo plxUtils::strCheck($plxShow->catDescription());
		}
	?>
	</div>
</div>

<?php while($plxShow->plxMotor->plxRecord_arts->loop()): ?>
	<div class="item grid_4 relative">
		<h3 class="borderB_1 borderC_2"><?php $plxShow->artTitle('link'); ?></h3>
		<div class="art-chapo text_justify marginT_0">
			<?php $plxShow->artChapo(); ?>
		</div>
	</div><!-- .item -->
<?php endwhile; ?>

<hr class="grid_12"/>

<p id="pagination" class="text_center grid_12"><?php $plxShow->pagination(); ?></p>

<?php include(dirname(__FILE__).'/footer.php'); ?>

    et la CSS (pour plus de détails, regarde la mienne): 
    .item {
margin-bottom: 32px;
}
.relative {
position: relative;
}
.grid_4 {
width: 288px;
margin: 0 16px 0 16px;
overflow: hidden;
float: left;
display: inline;
}


    cordialement,
  • cghescghes Member
    Super ça marche nikel avec quelques petites modif par rapport à mon thème
    merci daniel
    bonne soirée
  • danielsandanielsan Member
    cool !
    de rien
Connectez-vous ou Inscrivez-vous pour répondre.