+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : MyBB.fr (https://mybb.support/forum-1.html)
+--- Forum : Support (https://mybb.support/forum-5.html)
+--- Sujet : [Réglé] Affichage du forum en bloc (/thread-7281.html)
Affichage du forum en bloc - Sworm - 23-02-2015
VERSION_MyBB : 1.8.3 (1803)
(Ce problème est essentiellement dû au css)
Bonjour,
J'ai modifié l'affichage de mon forum, pour l'afficher en "bloc". Après quelques heures de modifications, j'obtiens le résultat voulu. Mais, chez certaines personnes le forum ne s'affiche pas correctement.
Voilà ce que j'obtiens chez moi : [attachment=1554]
Mais d'autres obtiennent ça : [attachment=1555]
Comment faire pour que les 2 blocs des forum soient côte à côte peut-importe la résolution de l'utilisateur ?
Je pense que je dois jouer avec des " min-width " ou des trucs comme ça.
Voici une partie de mon css :
Code :
.forumbloc
{
width:45%;
margin:auto;
height:150px;
vertical-align:top;
border:1px solid #0066a2;
display:inline-block;
margin:10px 0px 10px 5px;
text-align:center;
}
.forumdesc
{
width:50%;
height:50px;
margin:auto;
text-align:center;
background-color:#fff;
display:inline-block;
}
.forumicone
{
display:inline-block;
vertical-align:top;
margin:25px 5px 0px 0px;
}Code :
<fieldset class="forumbloc"><legend><strong><a href="{$forum_url}">{$forum['name']}</a></strong></legend>{$forum_viewers_text}
<div class="smalltext">{$forum['description']}</div>
<div class="forumicone"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></div>
<fieldset class="forumdesc"><legend>Sujets : {$threads}{$unapproved['unapproved_threads']} ;
Messages : {$posts}{$unapproved['unapproved_posts']}</legend>
<div class="dernier">{$lastpost}</div></fieldset>
<div class="smalltext">{$subforums}</div>
</fieldset>RE: Affichage du forum en bloc - Jules - 23-02-2015
C'est toute une question de résolution.
Les petits écrans n'ont pas assez de place pour les voir côte à côte.
En changeant width: 45%; en width: 40%; le problème est réglé peu importe la résolution, c'est juste une question de padding qui bloque à 45%.
RE: Affichage du forum en bloc - Sworm - 23-02-2015
Merci beaucoup
Par contre, est-ce possible de les centrer pour que ça fasse harmonieux ?
Genre comme ça : [attachment=1556]
J'avais pensé de regrouper les forums dans un div et de lui appliquer une margin :auto mais je le met où le div ? Car si je le met dans le template forumbit_depth2_forum le margin:auto va s'appliquer à chaque bloc individuellement et ça ne va pas fonctionner :/
(Joli le Lee Sin en photo de profil)
RE: Affichage du forum en bloc - Jules - 23-02-2015
Pour regrouper l'ensemble des blocs vous devez modifier le template qui regroupe la totalité des forums.
Un template gère l'affichage des sections, un autre celui des forums, le template des forums est inséré à la suite de celui des sections pour faire comme une boucle qui affiche donc les forums correspondant aux catégories au bon endroit...
Le template qui gère les catégories et la boucle des forums se nomme forumbit_depth1_cat.
Vous trouverez vite où placer votre <div> à mon avis, vue la travail que vous avez déjà effectuer sur vos templates.
Et merci pour le compliment sur l'avatar
RE: Affichage du forum en bloc - Sworm - 23-02-2015
Merci beaucoup, pour la rapidité et la qualité des réponses. Grâce à vous, j'ai enfin réussi ce que je voulais faire !
Le sujet peut être mis en résolu !
RE: Affichage du forum en bloc - Saphir - 23-02-2015
Ceci est un message préformaté et peut ne correspondre qu'en partie à votre requête.
Bonjour Sworm.
Votre requête semble résolue. La discussion a donc été marquée comme étant réglée.
S'il s'agit d'une erreur, répondez à ce message afin que nous annulions le marquage.
Si vous avez de nouveau besoin de nos services, n'hésitez pas à ouvrir une nouvelle discussion dans nos forums de support.
Merci de l'intérêt que vous portez à MyBB !