Cadres arrondis

[Invité]

Bonjour,mince c'est bonsoir mais fais pas nuit
Je voudrais modifier les cadres de mon forum. Ils ont actuellement les bords sont droits, carrés mais je les voudrais arrondi.
Je pense qu'il faut un code à ajouter à la feuille de style mais je ne le connais pas .
Pourriez-vous m'aider ?
Merci, Netty

[Matriochka]

Bonsoir,

À quel cadre voulez-vous appliquer ce style ? Celui qui englobe tout votre forum ?
Si oui, voici le code :

Code:

.bodyline {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}

Vous pourrez ensuite modifier la valeur si vous voulez augmenter ou réduire l’effet

[Invité]

Je voudrais que cela soit pour tous les cadres (celui du forum, des catégories, ect)
Merci

EDIT : Le code ne marche pas =/

[_Tonton_]

Bonsoir,

essayer ceci :

Code:

.forumline {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;}
       
        td.catHead, th.thHead {
        -webkit-border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        border-radius: 15px 15px 0 0;}
       
        td.catBottom, th.thBottom {
        -webkit-border-radius: 0 0 15px 15px;
        -moz-border-radius: 0 0 15px 15px;
        border-radius: 0 0 15px 15px;}

[Invité]

Je ne vois toujours pas de changement =/

[_Tonton_]

Et ceci :

Code:

        th
        {
          -moz-border-radius:10px;
        -webkit-border-radius:10px;
        -ô-border-radius:10px;
        -khtml-border-radius:10px;
        border-radius:10px;
        }

[Invité]

Non plus

[_Tonton_]

Peu être ceci alors :

Code:

 .forumline{
          -moz-border-radius: 30px;
          -webkit-border-radius: 30px;
          border-radius: 30px;
        }
       
        .bodyline{
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;
        }
       
        td.row1, td.row2, td.row3, td.row3Right, th{
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;
        }
       
        .catHead{
       
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px;}
       
        .catBottom{
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px;}

[Invité]

ça marche merci !!!
Mais le comment faire pour que les cadres qui englobent les catégories le soient aussi ?

[_Tonton_]

ça marche merci !!!
Mais le comment faire pour que les cadres qui englobent les catégories le soient aussi ?

La je sais pas désole

[Invité]

C'est pas grave, merci beaucoup

[Invité]

Mais le comment faire pour que les cadres qui englobent les catégories le soient aussi ?

[Invité]

Mon problème est toujours d'actualité

[Matriochka]

Bonjour,

Votre problème est-il toujours d’actualité ?

Si oui, quelle est la partie que vous nommez "les cadres qui englobent les catégories" ? Serait-il possible d’avoir une capture d’écran afin que nous puissions mieux situer l’élément ?

Merci.

[hd-fred]

Bonjour, les modif données plus haut sont bonne.
C'est sans doute plus sur quel class mettre ces attributs.

pouvez vous donnez l'adresse de votre forum ?

merci

[Invité]

Bonjour,
excuser mon retard, je n'avais pas vu vos réponses.
J'ai fais un screen pour vous montrez ce que je voudrais faire, je peux aussi vous donnez ma feuille CSS, si vous le voulez.

En fait, je voudrais arrondir tous les cadres, tous les carrés. Que se soit pour répondre à un message (CB, mp, etc ...) où juste lire un sujet.

Je suis absente du 8 avril au 15, je ne pourrais pas répondre pendant mon absence à part si j'ai une connexion internet.

[Matriochka]

Dans ce cas, essayez ceci :

Code:

#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post, textarea {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}

[Invité]

Merci
Mais tu n'as résolu qu'un morceau du problème, la flèche qui monte a été résolu mais pas les autres =/

[Matriochka]

Essayez avec :

Code:

.forumline {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;}

Il n’y a pas de raison que cela ne fonctionne pas.

Quelle est l’URL de votre forum ?

[Invité]

Merci beaucoup ! Cela fonctionne
L'adresse de mon forum : http://art-de-vivre.forumgratuit.org/

[Matriochka]

Mmh, plus que ceci et ça devrait aller :

Code:

.forumline td {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;}

Me prévenir si j’ai oublié un endroit ^^

[Invité]

Merci Mon problème est résolu
Merci aux personnes qui m'ont aidé