Comment faire les bords arrondis aux catégories ?

[An'-SLF]

Bonsoir ! Je viens en aide car j'ai recrée un forum de ma communauté Sophie Lowe France (je ne me rappelle plus du mot de passe de l'autre forum que je voudrais supprimer) et je voudrais apprendre comment faire les bords arrondis des catégories comme sur mon ancien forum sur un ancien compte FdF :

url=https://servimg.com/view/18537211/4][/url]

Si vous avez une idée de code à insérer pour ça, je vous remercie d'avance pour vos réponses.

Cordialement,

Annie.

[Lixyr]

Bonjour et Bienvenue sur le Forum des Forums Forumactif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Pour arrondir les bords des catégories :

  soit vous ajoutez ces arrondis à la classe forumline :
panneau d'administration >> affichage >> couleur >> feuille de style css :

Code:

.forumline {border-radius:10px;-webkit-border-radius:10px;}

mais ça affectera pas mal d'endroits de votre forum, donc vous retrouverez ces arrondis un peu partout, pas uniquement sur les catégories.

  soit vous modifiez votre template (vous devez être fondateur du forum pour avoir accès aux templates) index-box :
panneau d'administration >> affichage >> templates >> généraux >> index-box :   

- Vous cherchez cette ligne au début :

Code:

<table class="forumline" width="100%" cellspacing="1" cellpadding="0" border="0"><tbody><tr><th class="secondarytitle" width="100%" nowrap="nowrap" colspan="2">

(la table avec la classe forumline)
- vous modifiez la classe forumline par autre chose (comme par exemple Categories)

  

Code:

<table class="Categories" width="100%" cellspacing="1" cellpadding="0" border="0"><tbody><tr><th class="secondarytitle" width="100%" nowrap="nowrap" colspan="2">

- vous enregistrez le template :    puis   
- et vous rajoutez dans la feuille de style css les arrondis à cette classe :

Code:

.Categories {border-radius:10px;-webkit-border-radius:10px;}

- et vous enregistrez.

La valeur 10px peut être modifier selon vos préférences. Plus la valeur est grande, plus c'est arrondis.
- border-radius affichera les coins arrondis pour les navigateurs qui supportent cette propriété
- webkit c'est pour que ça s'affiche sur safari et chrome

[An'-SLF]

Bonsoir !

Je vous remercie pour votre aide et je vais essayer de ce pas ! ^^

[Lixyr]

Bonjour, Où en-est votre problème ? Deux solutions : Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message, Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté, A bientôt sur ForumActif

[An'-SLF]

Merci mais j'ai trouvé la solution à mon problème.   

Cordialement