Sujets similaires

Voila, je sais pas si c'est possible mais il me semble que oui je voudrais savoir comment on fait pour que la forme de nos catégorie soit comme sa :

Spoiler:

Je suis désoler d'avance si on a déjà poser cette questions :X

Mais si vous avez la réponse est ce que vous pouvez me donner le code pour le faire ou alors me dire comment ...

Voila merci d'avance si j'explique mal dite le moi x)

Bonjour. =)

Essais si tu rajoute ceci dans la bonne partie de ton css (celle qui code ce que tu souhaite changer):

Code:: -webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:15px;
-moz-border-top-left-radius:15px;
-moz-border-top-right-radius:0px;
-moz-border-bottom-left-radius:0px;
-moz-border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:0px;
border-bottom-right-radius:15px;
border-bottom-left-radius:0px;

Tu peux remplacer le 15px par une valeur plus grande si tu souhaite un arrondi plus fort.

J'espère que c'était ceci que tu cherchais. ; )

Euh c'est bien dans la partie CSS que je doit la mettre ?

non parce que il me dit :

Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

désoler je suis nul UU

Tu veux arrondir quoi exactement ?
Tu peux me mettre un lien vers ton forum et copier/coller ton css ?

Bah les catégorie :

http://a-world-which-change.forumactif.com/forum.htm

la elle sont coin arrondis mais je les voudrais comme la forme montrer :

Spoiler:

Hmmm

Je te propose de rajouter dans ton css:

Code:: table {
padding: 2px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:15px;
-moz-border-top-left-radius:15px;
-moz-border-top-right-radius:0px;
-moz-border-bottom-left-radius:0px;
-moz-border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:0px;
border-bottom-right-radius:15px;
border-bottom-left-radius:0px;
}

Tu peux augmenter et diminuer a ta guise les valeurs en pixel

Je te conseille aussi de rajouter partout dans tes codes css (lorsque tu utilise moz-border-radius) :

Code:: webkit-border-radius: ??px;
border-radius: ??px;

Pour que tous les navigateurs prennent en compte l'arrondis

Non mais sérieux je doit être une grosse quiche ou alors ce que je demande existe pas mais sa marche TT sa me laisse tout les coins de mon forum arrondis....

Ca ne marche pas ?
T'as rentré le code comme je te l'ai donné ?

Oui .. si tu veut tiens mon code x) :

Spoiler:

si sa ce trouve j'ai mal mis le code ou j'ai quelque chose en trop .. je suis vraiment désoler hien :X

Ahhh ca y est jai trouvé !

Voici ce que tu dois coller dans ton css (supprime ce que j'avais donner avant)

Code:: .forumline{
background-color: #000000;
padding: 2px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:15px;
-moz-border-top-left-radius:15px;
-moz-border-top-right-radius:0px;
-moz-border-bottom-left-radius:0px;
-moz-border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:0px;
border-bottom-right-radius:15px;
border-bottom-left-radius:0px;
border: 3px #DDDDDD solid;
}

Euh... normale que sa fasse comme sa ? :

http://a-world-which-change.forumactif.com/index.htm

Non parce que si sa fait sa c'est pas ce que je veut *part ce cacher loins *

*lafilletropchiant*

Oui. (je crois que j'ai pas du comprendre là...)

Explique-moi ce que tu veux changer (au pire fait un screen et avec un logiciel de retouche genre photofiltre, photoshop, gimp...) montre moi exactement ce que tu veux.

Bah le problème c'est que je crois que j'avais vu sa sur un forum mais il a changer depuis
Donc je peut juste expliquer x)

En faite c'est le cadre des catégorie sur mon forum il a les coin arrondis !

et moi je voudrais un truc du genre :je sais pas trop comment expliquer genre le coin en haut a gauche arrondis, celui de droite pointus, celui du bas a droite arrondis et celui du bas a gauche pointue ... x)

Je sais pas si tu comprend TT MDR

Bah c'est bien ce que tu as sur ton forum.
Qu'est ce que tu entends par categorie alors ?
(tu peux me faire une screen de ce que tu vois sur ton forum ?)

Alors voila j'ai fait sa moi même avec mes petite mains *OUT*

Pour mieux te montrer ce que je veut exactement

Spoiler:

Coucou,

Mets ceci :

Code:: .forumline {
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:50px;
}

Dans ta feuille de style CSS. Par contre, la barre et les cases vont rester rectangulaires.

Yaaahaaaah !! Merci beaucoup c'est exactement ce que je voulais !!

Et il a pas un moyens pour que la bar et les casse soit pareille ? ou arrondis ?

sinon tans pis x)

Bonjour, excusez-moi d'intervenir, mais est-ce que ce genre de code marche sur tout les forums où alors il faut une configuration spéciale, parce que ça ne marche pas sur le mien ^w^

Ensuite, ce devrait pouvoir être possible de l'appliquer aux barres et aux cases, mais je ne suis pas sûr que ça fasse très esthétique. Sinon, il me semble qu'il faut que tu appliques une class via le css ^w^

Bisous~

comment sa une case vie le CSS ? tu expliquer mieux MDR ?

et ton forum il est en quoi ? moi il est en phpBB2

Remplace le code de Sui par:

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

C'est légèrement moins encombrant et en plus les arrondis sont compatibles avec Safari, Chrome et Opera xD

Pour les cases où y'a les titres des catégories, tu mets ça: