Bonjour et bonne année à tous et à toutes !
Je suis le webmaster d'un petit forum et j'aimerais connaitre la solution pour arrondir les angles de mon forum...
Je cherche depuis un bon petit moment mais en vain, je n'ai rien trouvé sur MyBB.fr, ou sur le net, c'est pour cela que je me tourne vers vous...
Merci d'avance, Emilio !
Salut , tu peux arrondir en prenant les partie du forum comme le header avec photoshop
outils rectangle de sélection/ améliorer le contour
Donc si je comprends bien, il suffit de faire l'angle avec photoshop sur notre image... mais comment faire pour que l'angle se fasse des 2 côtés du tableau toujours en ayant l'image qui s'adapte à sa largeur ?
Pour l'instant j'utilise par exemple pour le panneau de bienvenue : url(images/thead_bg.gif) top left repeat-x dans la configuration du thème...ne faudrait il pas changer quelques choses ici aussi ?
Car quand j'envoie mon image modifier sur le serveur, l'image se répète sur la largeur du tableau ce qui fait que j'ai un certain nombre d'angle...
Voir là :
http://ceslava.com/blog/fr/esquinas-redondeadas-en-internet-explorer-border-radius/ , personnellement, j'ai choisi pour mon forum de ne pas m'embêter et je me suis limité aux propriétés -moz-border-radius et -webkit-border-radius, j'invite(rai) ceux qui le souhaite à changer de navigateur ou à voir mon forum tout carré, ce qui n'est en soit pas très grave. N'étant en effet toujours pas rémunéré par microsoft pour me prendre la tête sur leur navigateur, il est hors de question que j'y perde mon temps et/ou mon énergie.
J'ai mis "-Moz-border-radius: 10px;" dans Attribut CSS Supplémentaire de mon panneau de bienvenue et j'obtiens exactement ce que je voulais...
Il me reste maintenant à trouver comment n'avoir que la bordure extérieur de l'ensemble entête + sous-entête+rangé1+rangé2 arrondi.
Merci de ton aide pedro,
A+, Emilio...
Bon je n'arrive toujours pas à comprendre pour le tableau où il y a les forums : j'en suis pour l'instant pour le bas, à avoir des bordures arrondies mais cachée par le fond des rangées alternative qui lui est carré... et pour ce qui est de l'entête quant à elle est arrondie en haut mais je n'est plus les bordures entre l'entêtes et la sous-entête ?
Pour vous expliquer, j'aimerais arrivé à avoir le haut de la ligne entête et le bas de la dernière rangé alternative arrondies.
Je ne sais pas si j'ai bien réussi à vous faire comprendre mon problème...
Je pense que tu auras un peu de mal là...
En effet les entêtes, sous-entêtes et bas des tableaux sont générés à partir d'une image.
Entête :
.thead {
background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
color: #ffffff;
}
Sous-entête :
.tcat {
background: #ADCBE7;
color: #000000;
font-size: 12px;
}
Lignes alternées :
.trow1 {
background: #f5f5f5;
}
.trow2 {
background: #EFEFEF;
}
Bas :
.tfoot {
background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
color: #ffffff;
}
Comme tu vois, le haut et le bas utilisent une image répétée dans le sens horizontal.
Pour arrondir les coins, c'est assez coton !.
C'est bon je suis arrivé à mes fins, j'ai tricher sur la taille de la bordure en la mettant à 3px... sa me fait un petit cadre arrondi c'est tout aussi bien je trouve...
Merci à tous ceux qui m'ont aidés !
A+, Emilio