Bonjour,

J'ai fais plusieurs recherche sur le fofo et je ne trouve aucune réponse à ma question... Lorsque j'ai vu ce topic, j'ai lu chacune des pages et je me suis aperçu que Lukarin avait posé la question qui m'intrigue, donc je fais juste une citation de sa question, car elle est identique ^^

Lukarin a écrit:

Bonjour! Alors voilà, je suis désolée si je me trompe d'endroit, mais je n'ai trouvé aucun topic pouvant m'aider. J'ai utilisé la fonction de recherche, mais en vain! Je suis certainement une quiche en ce qui concerne de chercher, et je m'en excuse si jamais il y avait un endroit répondant à ma question:

Alors voilà, les codes fonctionnent très bien, mais j'aimerais que mes catégories soient elles-mêmes arrondies au niveau des angles, pas seulement un contour donnant cet effet ^^" Mais je ne trouve pas de CSS pour ça. (Oui, je l'ai dit, je suis une quiche!)

Comme ceci par exemple:

(j'ai pris l'image d'un post d'un autre topic, celui où il y a le css pour avoir une image en fond)

J'aimerais avoir les coins arrondi dans mes catégories, comme l'image ci-dessous mais je ne sais pas comment faire.

Puis-je avoir votre aide ? Un conseil ?

Re bonjour

Colle ce code dans ta feuille de style

Code:

.forumline{-moz-border-radius: 10px;
-webkit-border-radius: 19px;
border-radius: 19px;
padding:7px;
}

XD j'avais déjà le code. Donc là, ça n'a rien changer du tout.

Moi j'ai ceci comme code :

Code:

.forumline {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 8px solid #BCBECC;
padding:7px;
}

Mais je crois qu'on ne parle pas de la même chose. Je ne cherche pas à arrondir le coin des catégories (car c'est déjà fait), mais l'intérieur avec d'avoir ce style de losange entre chaque forum.

En image : https://nsa19.casimages.com/img/2010/12/26/101226054142898807.jpg

Il n'y a pas de losange tu dois parler des petits triangles désigné par la flèche ci dessous.

Oui oui c'est ça, le triangle. Si je parle de carré, c'est que lorsqu'il y a plusieur sous forum de créer, ça donne un losange ^^ (triangle+triangle..)

Mais je parle bien de ses petit triangle, donc arrondir ses coins là.

Y a t-il un tuto pour ça ? Si oui, je n'encombre pas le sujet, je vais encore chercher mais en inscrivant "coin arrondis" dans recherche, je n'ai pas eu de réponse...

Non il n'y a pas de tuto pour ça,pour qu'il y est cet effet il a juste placé une image et arrondi juste un peu les angles ce qui donne cet effet.

Ah bon ? J'ai pas pensé à ça ^^

Merci pour l'info, je vais voir si je tente d'essayé la même chose *est pas sur*

Leelewine, il ne s'agit pas d'une image mais bien de contours arrondis .

Oh ? Ce sujet n'est pas bon pour parler de comment faire non ?

Je vais voir pour demandé de l'aide afin d'avoir ce genre d'effet. Merci pour l'information Hiro' !

Bonjour

Bon j'ai trouvé la solution je te laisse un aperçu et si ça te plais je te donne la marche a suivre pour le réaliser.

Spoiler:

Oh génial !!!

Ca va s'appliqué à tout l'intérieur du fofo ? Là ou il y a : la description du forum + les 3 dernières colonnes ?

Si oui, je veux bien l'explication !! Sinon, j'ai fais la demande de "tuto" à propos de ce type d'arrondis, si jamais tu veux y répondre (je sais pas trop comment ça fonctionne ^^)

Bonjour,
J'ai pour navigateur Opéra (la version juste avant le 11), et les arrondis ne s'affichent pas...
Voici mon code:

Code:

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-border-radius: 10px;
}

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

.forumline{
background-color: #b0b0b0;
-moz-border-radius: 10px ;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-border-radius: 10px;
border: 3px #000000 solid;
}

J'ai oublié quelque chose ou... ?

Merci d'avance.

Tupac a écrit:

Bonjour

Bon j'ai trouvé la solution je te laisse un aperçu et si ça te plais je te donne la marche a suivre pour le réaliser.

Spoiler:

J'ai trouvé l'astuce !! c'est tout simple, je l'ai mentionné dans ma demande de tuto (pour ceux qui sont intéréssé) ^^

Merci quand même pour votre aide !

Merci pour les codes!

Bonjour

Pour ceux que ça intéresse je vous propose ce code pour mettre une image dans chaque cellule.

Code:

td.row1.over,td.row2.over,td.row3.over{
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
background-image:url(http://img59.imageshack.us/img59/2725/plainepage020.jpg);
}

Bonjour à tous ^^

pfiou je commence tout doucement à comprendre les CSS/HTML

mais là je bloque ^^

Spoiler:

J'ai beau essayer les codes mais là je pige plus ^^
mon cadre intérieur ne s'arrondit pas ...

ici j'ai mis beaucoup en px pour voir la différence, ainsi qu'une couleur flashy hein ^^

si quelqu'un pourrait m'aider ....

merci beaucoup à vous et pour tout vos conseils et tout ^^

C'est où que j'installe ce code dans mon forum ?

: textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}


Merci =)

Dans ton css

Hop'

Puis-je avoir vos forum s'il vous plaît?

Bonjour à tous!

J'ai internet explorer simple et Mozilla, mais je suis essentiellement sur Explorer.
Pourtant, les codes ne marchent pas.
Voici mon code:

Code:

textarea, .textarea.post, input.post
{
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.bodyline {
-moz-border-radius:10px;
}
.forumline{
background-color: #COULEUR;
-moz-border-radius: 10px ;
border: 3px #COULEUR solid;
}

Go sur Border-radius et copie tout le code qu'ils te donnent

Je comprends rien à ce site, il y a juste un carré blanc et des zéro autour >.<

Oui, met la valeur que tu veux dans le premier petit carré (ou il y'as le zero) et le code se généreras tout seul