PDA

Afficher la version complète : Vos forums et sous forums en 2 colonnes


Allan
30/12/2009, 14h31
Ce tutoriel permet de modifier l'apparence de vos forums et sous forums, pour qu'il s'affiche en en 2 colonnes.


Lynne (http://www.vbulletin.org/forum/member.php?u=65230) est l'auteur de ce Tutoriel (http://www.vbulletin.org/forum/showthread.php?t=228112).


Remerciements


Ce tutoriel a été traduit en français pour vBulletin-Ressources avec l'autorisation explicite de son auteur que nous remercions.
Version vBulletin Requise : vB 4.x
Traducteur : Sunray (http://www.vbulletin-ressources.com/forum/member.php?u=8678)

Copyright © 2006-2009 vBulletin-Ressources.com - Tous droits réservés Uniquement pour nos traductions

Instructions


Ajouter ce contenu à la fin du template "forumbits.css":



.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
border-top: 0;
}
.forumrow .table {
height: 100px;
}
ol.childforum {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.childforum li.forumbit_post {
float: left;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
#forums .L1 .L2 {
clear:none;
}
.forumbit_post .forumrow .forumlastpost {
clear:both;
width:95%;
}
.forumbit_post .forumlastpost .lastpostby {
display: block;
float: left;
}
.forumbit_post .forumlastpost .lastpostdate {
display: block;
float: right;
}
.forumbit_post .forumlastpost .lastposttitle {
display: block;
float: left;
}
.forumbit_post .foruminfo {
clear:right;
float:left;
min-width:50%;
width:70%;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
width:20%;
}

Dans le même template, ajouter ce contenu (cela permet de mettre vos sous forums en une disposition 2 colonnes):



.subforums ol.subforumlist {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.subforumlist li.subforum {
float: left;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
/* to remove the commas */
.commalist li.subforum:after {
content:"";
}

PS: Pour mettre, par exemple, les forums sur 3 colonnes, éditer le 50% en 33%, dans la class:


.childforum li.forumbit_post {
float: left;
width: 50%;
margin: 0;
padding: 0;
clear:none;
Allan
30/12/2009, 14h35
Ensuite, pour adapter les espaces et écarts, vous devez jouer avec les class ajoutées ici.
Simon
30/12/2009, 14h46
Merci pour le tuto :)
Ombre
30/12/2009, 18h09
Bonsoir, merci pour la traduction du tutoriel :)
Mrzaa
30/12/2009, 20h06
Très bon tutoriel, merci Allan :smile2:
toutgratos
19/02/2010, 12h25
je trouve super ce petit système, j'ai juste un un petit souci lorsque j'ai un forum avec des sous forums c'est décalé par rapport aux autres qui ne contiennent pas de sous forum

existe t-il une solution pour agrandir par exemple les forums ne contenant pas de sous forums ? merci
Simon
19/02/2010, 12h44
je trouve super ce petit système, j'ai juste un un petit souci lorsque j'ai un forum avec des sous forums c'est décalé par rapport aux autres qui ne contiennent pas de sous forum

existe t-il une solution pour agrandir par exemple les forums ne contenant pas de sous forums ? merciBonjour,

La seule solution que j'ai trouvé est de fixé manuellement la hauteur: dans le template forumbits.css, recherche:
min-height: {vb:math {vb:stylevar forumicon_size}+{vb:stylevar padding}}; /* 48px is the icon size */que tu remplace par
height: {vb:math {vb:stylevar forumicon_size}+{vb:stylevar padding}}; /* 48px is the icon size */

Mais il doit sans doute en exister une meilleure :)
toutgratos
19/02/2010, 16h26
dommage ca écrase tout on vois plus les forums entièrement, le tchat est incrusté dans le forum inférieur a sa positon voir l'image merci quand meme
Ombre
19/02/2010, 18h54
Bonsoir, fais nous une capture qui nous montre un peu plus le défaut stp.
Simon
19/02/2010, 20h48
dommage ca écrase tout on vois plus les forums entièrement, le tchat est incrusté dans le forum inférieur a sa positon voir l'image merci quand memeIl vaut mieux augmenter la taille s'il y a beaucoup de chose à afficher...
toutgratos
19/02/2010, 20h49
Avant

http://ups.imagup.com/07/1266652577.PNG

Après

http://ups.imagup.com/07/1266652713.PNG



Avant

http://ups.imagup.com/07/1266652811.PNG

Après

http://ups.imagup.com/07/1266652873.PNG



Avant

http://ups.imagup.com/07/1266652929.PNG


Après

http://ups.imagup.com/07/1266652989.PNG


voila si ca peux vous aider et merci encore
toutgratos
20/02/2010, 21h07
simon comment augmenter la taille?? merci
Ombre
20/02/2010, 22h22
Bonsoir, chez moi ce mod est pas au point sous vb4.0.2 il est à revoir, contacte l'auteur pour ton soucis, bien que je pense qu'en plus de ne plus être au point il à était effectué sans hack, et ton style n'est pas le style par défaut je pense?
toutgratos
20/02/2010, 23h11
tout a fait mais même avec le style par défaut c'est la même chose
toutgratos
21/02/2010, 18h55
dommage c'était vraiment joli
Neox
18/10/2010, 18h10
Dommage qu'il marche pas sur vb4.0.7
Ombre
18/10/2010, 18h55
Bonsoir, fonctionne sous vb 4.0.7, testé à l'instant.
Neox
23/10/2010, 12h04
bizzard :s je vais réessayer :)