[ModernBB] Catégories 2 Colonnes

[Tyren]

Bonjour !

En vérité, j'aimerais savoir s'il est possible de placer les catégories d'un forum ModernBB sur deux colonnes (côte à côte, donc). Il s'agit d'un style très répandu sur la version phpbb2, mais je n'arrive pas à obtenir le même résultat avec les nouveaux templates. J'aimerais donc connaître la marche à suivre, si possible.

(Mon forum, pour le moment, n'a reçu aucune modification au sein du template « index_box ».)

Merci d'avance !

[Invité]

Hello Tyren,

on va juste entourer les catégories avec une div


Dans le template index_box:
Affichage/Templates/Général/index_box

Recherches ceci (ligne 20 environ):

Code:

<!-- BEGIN catrow -->

Juste avant

Déposes ceci:

Code:

<div id="M14_catrow">

Recherches ceci (ligne 86 (environ) :

Code:

<!-- END catrow -->

Juste après

Déposes la fermeture de la div:

Code:

</div>

Penses à enregistrer puis à valider en cliquant respectivement sur puis


Ensuite un peu de style que l'on va placer dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Déposes ceci:

Code:


/*Le conteneur de categories*/
#M14_catrow{width:100%;}
/*on donne une largeur en pourcentage et une hauteur en pixels*/
#M14_catrow .forabg
{
width:45%;
height:300px;
}
/*Les categories paires se trouveront a droite*/
#M14_catrow .forabg:nth-child(even)
{
float:right;
margin-top: -324px;
}


Penses à cliquer sur le bouton

Ici; ce sera la hauteur des catégories

Code:


#M14_catrow .forabg
{
width:45%;
height:300px;
}


Tu peux augmenter ou diminuer la hauteur comme bon te semble,
il faudra aussi modifier la valeur négative ici

Code:


/*Les categories paires se trouveront a droite*/
#M14_catrow .forabg:nth-child(even)
{
float:right;
margin-top: -324px;
}


Code:


height:300px;
margin-top: -324px;


Hum pourquoi cette différence de 24px ?
Tout simplement que sur la c.s.s de base sur mon fofo , j'ai un:

Code:

margin-bottom: 24px;

Il faut donc ajouter cette valeur à la hauteur de la catégorie.



a++

[Tyren]

Wow. Merci ! Je viens de tester sur mon forum et le résultat est parfait.

Je ne crois pas avoir d'autres questions alors je passe en résolu. Encore merci, Milouze.