Arrondir les coins des bordures

[MAC]

Bonjour

Je désire arrondir les coins du cadre du forum. mon forum est un phpbb 3

MErci

[Scipion]

Bonsoir !

Bien que votre forum soit en version phpBB3, essayez à toute fin utile ce code CSS qui fonctionne bien sur phpBB2 :

Code:

.bodyline {
-moz-border-radius:12px;
-webkitborder-radius:12px;
border-radius:12px;
border: 5px solid #000;}

Cordialement

[MAC]

Merci mais ca ne marche pas

Avec ce code j'ai un des 4 coins arrondi

#wrap {
border-left: 5px solid #162194; border-bottom:5px solid
#162194;-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px; border-bottom-left-radius:
10px;border-right: 5px solid #162194;border-top: 5px solid #162194;
}

[Flighter-X]

Bonjour !

Donc voici le code d'un de mes forums :

Code:

.bodyline {
-moz-border-radius-topleft:25px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-topright:25px;
border:dotted;
border color: #FFFFFF;
border size: 5px;
}

Donc les pointillés, c'est :

Code:

dotted

Si tu veux que ce soit une ligne normale, tu remplaces "dotted" par :

Code:

solid

Ensuite, il y a ce qui permet d'arrondir les coins :

Code:

-moz-border-radius

Mais bon, j'ai mis "bottomright", "topleft", etc. parce-que je n'ai pas mis tous les coins arrondis. Si tu veux arrondir TOUS les coins de ton cadre, tu remplace les 0px par 25px. Si tu veux que ce soit moins arrondis ou plus, tu personnalises.
Ensuite, il y a l'épaisseur du cadre :

Code:

border size: 5px;

Tu personnalises

Et la couleur :

Code:

border color: #FFFFFF;

Voilà, je t'ai tout expliqué en détail ^^ Si tu as besoin d'aide ou que tu n'as pas compris, fais le moi parvenir

En espérant t'avoir aidé.

Amicalement.

[MAC]

Es tu sur que ton code fonctionne, car les bordures se mettent en mode classique... aucune couleur aucun coins arrondi pas de largeur

[MAC]

ii

[Flighter-X]

Et bien moi ça marche très bien... Je ne comprends pas. Tu as bien mis ton code dans ta feuille de style ?

[MAC]

Oui dans le CSS j'ai placé exactement le même code que tu m'as placé mais rien ne change

[MAC]

REctification du code ca fonctionne ainsi

#wrap {
-moz-border-radius-topleft:25px;
-moz-border-radius-topleft:25px;
-moz-border-radius-topright:25px;
-moz-border-radius-topright:25px;
border:dotted;
border color: #FFFFFF;
border size: 5px;
}