Discussion :

[pracede2005]

Bonjour à tous,

Je souhaite faire u bandeau d'un site web avec les coins arrondis comme ceux de firefox.
Pouvez-vous m'expliquez comment procéder?
Merci

[HiRoN]

Bonjour,

Par exemple sous Photoshop...
Tu as directement un outil dans la palette permettant de faire ce genre de chose (avec définition du diamètre de l'arrondis).

Je ne serai dire pour Gimp...

[12monkeys]

Bonsoir

Tu as aussi la possibilité d'utiliser CSS 3 : http://designshack.developpez.com/tu...-bordures/#LII, faut juste faire attention, ces fonctionnalités ne doivent pas encore être très répandus dans les navigateurs...

[netjet]

Il y a aussi un site trés intéressant pour les débutants: http://www.roundedcornr.com/

[ova13]

Et voici encore une autre solution (100% CSS) : http://blog.websourcing.fr/webdesign...ondis-1px-css/

[cedric_g]

Bonjour

Il y a aussi Nifty Cube qui fait ça très bien (script JS, non intrusif, compatible JQuery... Exemple ici : http://www.effi10.com )

Sur les nouveaux sites que je crée j'utilise du CSS3, je m'embête plus avec le JS car les nouveaux navigateurs "compatibles" savent désormais afficher le CSS3. Et pour les autres, ils vont rapidement devenir une minorité.

Désolé pour le déterrage

[12monkeys]

Ou tout aussi simple sans javascript : http://christophe-f.developpez.com/t...oins-arrondis/

[Noukito]

Bonsoir

Tu as aussi la possibilité d'utiliser CSS 3 : http://designshack.developpez.com/tu...-bordures/#LII, faut juste faire attention, ces fonctionnalités ne doivent pas encore être très répandus dans les navigateurs...

Bonjour,

Effectivement ce n'est pas reconnu par tous les navigateurs mais grâce à un petit bout de code en Javascript, le border-radius est reconnu par IE

Sous Firefox et Safari c'est parfait mais Opéra ne veut rien savoir : ça reste carré

Je vous mets en téléchargement le js que j'ai placé sur mon site et qui fait bien son boulot.

Ne pas oublier de mettre le commentaire conditionnel ci-dessous dans les pages concernées ou index dans un site dynamique :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<!--[if lte IE 8]> 
<script type="text/javascript" src="script/roundies.js"> 
</script><![endif]-->

En gras c'est l'adresse de mon fichier.

Voila et bon bidouillage car ça vaut le coup

Christian