Réduire la taille des catégories
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Réduire la taille des catégories
Détails techniques
Version du forum : AwesomeBB
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 : 05/07/2024
Lien du forum :
Description du problème
Bonjour, comme indiqué sur l'image, j'aimerais bien réduire le cube bleu afin que les catégories paraissent plus petites. Est-ce que vous savez ce que je dois ajouter dans le CSS pour réduire ces catégories justement ?En vous remerciant !
Dernière édition par KitsuHG le Dim 7 Juil - 19:11, édité 2 fois
Re: Réduire la taille des catégories
Bonsoir, mettez ce code dans la feuille de style (CSS).
Ajustez le chiffre en + ou - selon votre convenance.
- Code:
div.forum-header {
height: 40px;
}
Ajustez le chiffre en + ou - selon votre convenance.
Re: Réduire la taille des catégories
Salut KitsuHG,
KitsuHG , il faudrait préciser ta demande car tu mentionnes un forum AwesomeBB
et le lien que tu donnes est un forum Phpbb2 !!!
Laférosse ,
il faut juste jouer avec le padding et non la hauteur ..
Comme ceci:
Puis il faut aussi modifier la css pour le petit bouton qui Cache/Affiche les forums:
a++
KitsuHG , il faudrait préciser ta demande car tu mentionnes un forum AwesomeBB
et le lien que tu donnes est un forum Phpbb2 !!!
Laférosse ,
il faut juste jouer avec le padding et non la hauteur ..
Comme ceci:
- Code:
.forum .forum-header
{
padding:6px 64px!important;
}
Puis il faut aussi modifier la css pour le petit bouton qui Cache/Affiche les forums:
- Code:
.forum .forum-hide {height:20px!important;line-height:20px!important;top:5px!important;}
a++
Re: Réduire la taille des catégories
Merci pour l'explication Milouze. Sur le profil c'est bien un forum AwesomeBB et le screen correspond visuellement à cette version. Mais oui dans le message ce n'est pas mis à jour. Cela serait bien que KitsuHG mette la bonne URL.
Re: Réduire la taille des catégories
Bonjour ! Vos solutions n'ont pas fonctionné. J'ai mis à jour le lien, sorry, j'avais oublié une partie
Re: Réduire la taille des catégories
Edit : Votre forum semble en version modernBB , je ne connais pas le code adéquat pour votre demande. Modifiez aussi celui de votre profil svp.
Re: Réduire la taille des catégories
Bonjour,
En modernBB, ce code devrait fonctionner, même si sans voir le lien du forum, difficile de confirmer :
En modernBB, ce code devrait fonctionner, même si sans voir le lien du forum, difficile de confirmer :
- Code:
/*hauteur des en-têtes des catégories*/
ul.topiclist .header dd, .header dd.lastpost {
padding: 5px !important;
}
.btn-collapse {
top: 10px;
}
MlleAlys- Membre actif
- Messages : 5901
Inscrit(e) le : 12/09/2012
Re: Réduire la taille des catégories
MlleAlys a écrit:Bonjour,
En modernBB, ce code devrait fonctionner, même si sans voir le lien du forum, difficile de confirmer :
- Code:
/*hauteur des en-têtes des catégories*/
ul.topiclist .header dd, .header dd.lastpost {
padding: 5px !important;
}
.btn-collapse {
top: 10px;
}
Bonjour, la solution est bonne et ça a fonctionné ! Est-ce que par hasard tu saurais comment on redimensionne le texte à l'intérieur des en-têtes de catégorie et le centrer du coup, étant donné que j'ai rétrécie la catégorie ?
Et eventuellement si tu as le code pour que les bords des catégories soient carrés et non arrondis ca serait le top ! Un grand merci à toi
Re: Réduire la taille des catégories
Voici un code css de mise en forme du titre :
display: block; et text-align:center; permettent de centrer le titre ;
font-size: taille du texte ;
line-height: hauteur de l'interligne ;
font-weight: plus ou moins gras ou normal ou fin ;
color: couleur du texte ;
Si vous n'avez pas envie de changer l'une des options, vous pouvez simplement supprimer la ligne correspondante dans le code.
- Code:
ul.topiclist dd.dterm h2 {
display: block;
text-align: center;
font-size: 20px;
line-height: 23px;
font-weight: normal;
color: red;
}
display: block; et text-align:center; permettent de centrer le titre ;
font-size: taille du texte ;
line-height: hauteur de l'interligne ;
font-weight: plus ou moins gras ou normal ou fin ;
color: couleur du texte ;
Si vous n'avez pas envie de changer l'une des options, vous pouvez simplement supprimer la ligne correspondante dans le code.
MlleAlys- Membre actif
- Messages : 5901
Inscrit(e) le : 12/09/2012
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum