contours du forum arrondis

[Law D kev]

Bonjour,

Je voudrai savoir comment mettre les bords de mon forum en forme arrondie.

Cordialement.

[kinesooyoung]

Bonjour,

Il faut pour cela se rendre dans la feuille CSS du forum : PA > Affichage > Couleurs > Feuille de style CSS

là entrez :

Code:

.forumline{
border-radius:0px 0px 0px 0px;
}

Remplacez les "0" par les valeurs de votre choix. Plus le chiffre est grand, plus le bord sera arrondis.
De plus, voici l'ordre des valeurs :

Code:

.forumline{
border-radius: coin du haut gauchepx coin du haut droitpx coin du bas droitpx coin du bas gauchepx;
}

Attention, "radius" ne fonctionne pas sous Internet Explorer
Cordialement

[Law D kev]

Bonjour,

Je n'est pas très bien compris. Il faut mettre les deux codes dans la feuille de style CSS ?

[Grey.]

Coucou,
Il faut juste mettre le premier code dans ta feuille de style CSS. Le deuxième c'est juste une explication des valeurs ^^

[Law D kev]

Bonjour,

J'ai bien mit le 1er code dans ma feuille de style CSS puis je valide et ensuite je regarde sur mon forum mais les bords ne sont toujours par arrondies.
Comment faire ?

[kinesooyoung]

Bonjour,

Est-ce que les valeurs ont bien été modifiées ? Si on laisse "0" forcément, ça ne devient pas arrondi. J'ai expliqué que plus le chiffre été grand plus le coin sera arrondi.
J'ai aussi expliqué qu'on ne pouvait pas voir les arrondis sous Internet Explorer.

Cordialement.

[skysky]

Bonjour,

Code:

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

J'ai ajouté les arrondi pour firefox (-moz-) et google chrome/safari (-webkit)
Tu change le 0 par la valeur que tu souhaite

je pense que tu devrais voir tes arrondis maintenant

Bonne journée

[Law D kev]

Bonjour,

Merci kinesooyoung et skysky, maintenant ca marche

PS: mais sinon il n'y a pas un code unique pour toutes les versions du web ?

Cordialement.

[kinesooyoung]

Pas de quoi

Personnellement, je n'utilise que celui que j'ai donné et sous Mozilla ça fonctionne quand même.

[mimi-76-]

Non, il te faut

Code:

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

pour mettre arrondi, pour que tout les navigateurs prend en compte, car
border-radius fonctionne que sur mozilla et google chrome et pas les autre navigateur alors il te faut

Code:

 -moz-border-radius:0px 0px 0px 0px;
                -webkit-border-radius:0px 0px 0px 0px;

pour internet explorer et d'autre (safari, etc...)

EDIT: biensur, tu dois remplacer les 0 pour faire arrondi,
exemple:

Code:

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

La sa ferais le coin en haut a gauche non arrondi et l'autre en haut arrondi ensuite celui du bas a droite non arrondi et celui en bas a gauche arrondi

[Law D kev]

Okok merci, bon et bien je crois que mon problème est maintenant résolu