Supprimer l'espace entêtes catégories + forums

[Invité]

Bonjour, j'aimerai pourvoir supprimer l'espace (en gris foncé sur le screen joint) qui se trouve en dessous de l'entête de catégorie ainsi qu'entre chaque forum et le remplacer par une ligne couleur de séparation. Merci.

Je suis en version AwesomeBB

[Invité]

Hello Surricate,
tu peux tester cette c.s.s:


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

Ajoutes ceci:

Code:

.forum-section{margin-top:0px!important;}
.forum-section:first-child{-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
.forum-section:last-child{-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;}




Penses à cliquer sur le bouton

a++

[Invité]

Hello Milouze merci infiniment c'est bien ça. Par contre, peux-tu m'indiquer comment mettre une ligne de séparation entre chaque forum ? On voit légèrement un trait de séparation mais j'aurai bien voulu l'accentuer. J'ai essayé de rajouter ceci à ton code :

Code:

border-bottom : 2px solid #d4d4d4;

mais sans succès.

[Invité]

Hello Surricate,
avec un hack !important, tu obtiendras satisfaction:

Code:

border-bottom: 2px solid #d4d4d4 !important;

a++

[Invité]

Hello Surricate,
avec un hack !important, tu obtiendras satisfaction:

Code:

border-bottom: 2px solid #d4d4d4 !important;

a++

Bonjour Milouze, de mon côté cela ne fonctionne pas. J'ai essayé de mettre le border-bottom plusieurs fois également comme ceci

Code:


.forum-section{margin-top:0px!important;}

 .forum-section:first-child{-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
 border-bottom: 2px solid #d4d4d4 !important; 
}
.forum-section:last-child{-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px ;
border-bottom-left-radius: 3px;
 border-bottom: 2px solid #d4d4d4 !important;
}
 

Itou.

Chose étrange également, peux-tu me préciser où tous les radius dans ton code doivent arrondir les angles ? Parce que j'ai tenté de modifier et même de les supprimer et en fait, cela ne change rien, j'ai toujours ce petit arrondi disgracieux entre chaque forum de chaque côté. Merci

[Invité]

Re,

tu peux changer ceci:

Code:

 
.forum-section{margin-top:0px!important;}
 
 .forum-section:first-child{-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
 border-bottom: 2px solid #d4d4d4 !important; 
}
.forum-section:last-child{-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px ;
border-bottom-left-radius: 3px;
 border-bottom: 2px solid #d4d4d4 !important;
}
 

Par :

Code:

.forum-section
{
margin-top:0px!important;
-webkit-border-radius:0px !important;
-moz-border-radius:0px !important;
border-radius:0px !important;
 border-bottom: 2px solid #d4d4d4 !important; 
}


Vu que tu ne souhaites plus d'arrondi, je n'ai pas besoin de te donner d'explication .

a++

[Invité]

Re,

tu peux changer ceci:

Code:

 
.forum-section{margin-top:0px!important;}
 
 .forum-section:first-child{-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
 border-bottom: 2px solid #d4d4d4 !important;  
}
.forum-section:last-child{-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px ;
border-bottom-left-radius: 3px;
 border-bottom: 2px solid #d4d4d4 !important;
}
 

Par :

Code:

.forum-section
{
margin-top:0px!important;
-webkit-border-radius:0px !important;
-moz-border-radius:0px !important;
border-radius:0px !important;
 border-bottom: 2px solid #d4d4d4 !important;  
}


Vu que tu ne souhaites plus d'arrondi, je n'ai pas besoin de te donner d'explication    .

a++

Super ! c'est bien l'effet que je recherchais. Un grand merci pour ton aide.