Arrondir les coins de mon forum

[vh]

Bonjour

Je voudrais savoir comment faire pour arrondir mon forum tout entier, c'est à dire la PA et le QUEEL aussi ?
Là l'entourrage est droit, moi j'aimerais juste arrondir les coins.

[Fabien B.]

il faut ajouter ce qui se doit dans le CSS, et le reste ça se trouve là : http://www.roundedcornr.com/

[vh]

Euh, à vrai dire sa m'aide pas beaucoup Je ne comprends rien à l'anglais et sa me dit pas se qu'il faut que j'ajoute dans le css !!!

[Fabien B.]

Bah va falloir se mettre a l'anglais ! LOL...

Bon, pour générer des coins ronds, soit on créer des images en forme de coins rond, soit on passe par le CSS, au risque que certains navigateurs ne comprennent pas le code en question... Je te propose la solution en CSS.

Donc pour avoir des coins ronds de 30px de rayon par exemple on ajoute au code (plusieurs codes pour s'adapter aux différents navigateurs principaux):

Code:


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


ça c'est pour avoir la même valeur de rayons pour tous les coins. si on veut des coins de rayons différents il faut en indiquer la valeur comme suivant :

Code:


border-radius: 10px 20px 30px 40px;


Le premier chiffre correspond au coin haut gauche, le second au coin haut droit, le troisième au coin bas droit, et le quatrième au coin bas gauche (on tourne dans le sens des aiguilles d'une montre)

Bon et puis après il faut ajouter ça dans la CLASSE correspondant à l'élément de ton forum auquel tu veux ajouter des coins ronds. Mais ça c'est a toi de chercher...

Si mon explication ne te satisfait pas, tu peux aller voir sur "le site du zero", ou sur "alsacreation" (entre autres sites proposant ce genre de tuto)

[Fabien B.]

bon voila ce que je te propose comme solution :
dans ton CSS ajoute :

Code:


.forumline {
    background: none repeat scroll 0 0 #F7F2D9;
    border: 2px solid #A1894D;
    border-radius: 20px;
    padding: 5px;
}


A toi de faire les réglage sur ce bout de code, entre l'arrondi des coins, et le padding (qui rajoute une marge autour des boites pour éviter que tes coins soient couper par celles qui sont à l'intérieur).

[vh]

Bonjour

Alors j'ai essayé le dernier code que tu m'as donné, déja sa marche, mais j'ai remarqué que sa le fait aussi quand on écris un message, c'est possible de ne pas le faire ?

[Fabien B.]

c'est le problème avec la classe forumline, c'est qu'elle est mise par défaut un peu partout. Et que les réglages pour l'adapter au cas par cas sont compliqués pour cette raison.

Dans ton cas on peut l'enlever pour la saisie des messages... en remplaçant la classe "forumline" dans le template des messages par un "forumline2" (par exemple) auquel on donne les mêmes valeurs que forumline moins les coins arrondis.

Mais la je te laisse chercher, je t'ai déjà mâché beaucoup le travail. ;-)

[vh]

Ok, merci pour ton aide