Rappel du premier message :
Edit Responsable : Puisque le tutoriel utilisait plusieurs notions dépassées et templates qui n'existent plus, il a été remplacé par un bout de CSS tout aussi utile.
Bonjour!
Combien de fois cette question a-t-elle été posée:
"Comment on arrondis la barre de catégorie en haut?"
ou
Comment on arrondit cette barre?
Voici un petit ou gros tutoriel bien pratique qui arrondira tous les hauts de tableau (catégories, qeel, pa, etc.).
Attention, cela fonctionne seulement sur phpBB2.
Aussi, pour éviter que cela soit hyper laid, je vous recommende d'enlever les bordures des tableaux.
Il suffit de mettre ceci dans le CSS :
Admirez votre travail. Pas mal, non?
Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
Lien pour comprendre pourquoi le contenu n'est pas sous hide
Lien pour comprendre pourquoi le contenu n'est pas sous hide
Edit Responsable : Puisque le tutoriel utilisait plusieurs notions dépassées et templates qui n'existent plus, il a été remplacé par un bout de CSS tout aussi utile.
Bonjour!
Combien de fois cette question a-t-elle été posée:
"Comment on arrondis la barre de catégorie en haut?"
ou
Comment on arrondit cette barre?
Voici un petit ou gros tutoriel bien pratique qui arrondira tous les hauts de tableau (catégories, qeel, pa, etc.).
Attention, cela fonctionne seulement sur phpBB2.
Aussi, pour éviter que cela soit hyper laid, je vous recommende d'enlever les bordures des tableaux.
Il suffit de mettre ceci dans le CSS :
- Code:
.forumline > tbody > tr > th:nth-child(1) {
border-top-left-radius: 13px;
}
.forumline > tbody > tr > th:nth-last-child(1) {
border-top-right-radius: 13px;
}
.catHead {
border-radius: 13px 13px 0px 0px;
}
.catBottom {
border-radius: 0px 0px 13px 13px;
}
Admirez votre travail. Pas mal, non?
Dernière édition par Marie le Sam 26 Nov 2011 - 8:24, édité 3 fois
![[template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 7 Coco_c11](https://i.servimg.com/u/f12/18/02/01/62/coco_c11.png)
![[template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 7 1424818313-sign-apoka](https://2img.net/image.noelshack.com/fichiers/2015/09/1424818313-sign-apoka.png)
![[template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 7 Sign_j10](https://i.servimg.com/u/f72/15/58/69/59/sign_j10.png)
![[template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 7 OXvQ1](https://2img.net/h/lightpics.fr/images/2013/06/16/oXvQ1.gif)
![[template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 7 Ma_sig11](https://i.servimg.com/u/f70/18/13/01/86/ma_sig11.png)
