Modifier la taille des "forums"

[Youpub18]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : /
Lien du forum :

Description du problème

Bonjour,

Je sollicite votre aide, car je souhaite modifier la taille des forums afin qu'ils prennent moins de place, car quand on a plusieurs forums, quand on descend en bas, ça peut prendre du temps. (tout en ne souhaitant pas les déplacer dans un forum pour qu'ils deviennent des sous forums).

Merci d'avance à toute personne qui me viendra en aide.

[*Splash*]

Hi,

Tu peux essayer ce code à la CSS

Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS

Code:

.topiclist.forums .lastpost {
    padding-top: 5px!important;
    padding-bottom: 0px!important
}

[Youpub18]

aucun résultat :/

[Youpub18]

Toujours pas résolu

[*Splash*]

Hi,

Ton forum est en Invision ou en ModernBB ?

[Youpub18]

Modern BB

[Youpub18]

Petit up =)

[Invité]

Hello Youpub18,

tu peux tester ce style.
Ce dernier est prévu pour l'affichage actuel,
donc il ne faudra aucun forum/sous forums dans chacune des catégories.

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


.topiclist.forums dd.dterm,.topiclist.forums dd.lastpost
{
height:50px !important;padding:6px !important;margin-top:-5px;
}
.topiclist.forums dd.topics,.topiclist.forums dd.posts
{
padding: 8px 6px !important;height:50px !important;
}
.topiclist.forums dd .lastpost-avatar
{
top:-5px; 
}
.topiclist.forums dd.dterm h2.hierarchy
{
position: relative;
top:15px;
}
.topiclist.forums dd.lastpost span:not(.lastpost-avatar)
{
display: inline-flex !important;margin-top: 10px;
}
.topiclist.forums dd.lastpost .lastpost-avatar:after{top:10px!important;}
.topiclist.forums dd.lastpost span:not(.lastpost-avatar) a[href]:first-child
{
margin:0px 2px 0px 2px; 
}
.topiclist.forums dd.lastpost span:not(.lastpost-avatar) strong
{
margin:-5px 2px 0px 2px; 
}
.topiclist.forums dd.lastpost span:not(.lastpost-avatar) a[href]:last-child
{
margin:8px 2px 0px 2px; 
}


Penses à cliquer sur le bouton




a++

[Youpub18]

Salut Milouze 14

Merci pour ta réponse, ça a marché, cependant, les forums ont rétrécis comme voulu mais la police de caractère est toujours aussi grosse :/ ce qui dénature, aurais-tu une solution pour ça ?

Bien à toi

[Invité]

Re,
comme je ne sais pas trop quelle taille que désires diminuer, on va il aller par étape.
tu peux ajouter ceci:

Code:

ul.topiclist.forums dd.dterm h2.hierarchy .forumtitle{font-size:12px !important;}

a++

[Youpub18]

Super ! Merci Milouze