Forum-webmaster
Webdesign / graphisme => Webdesign => Message commencé par: sam01 le le 25-04-2006 a 18:02:12

Titre: menu arrondi
Posté par: sam01 le le 25-04-2006 a 18:02:12

je cherche à savoir de quelle façon peut-on faire des menus arriondis que l'on voit une peu partout (c'est à la mode...)
un peu comme sur ce site :

http://www.rueducommerce.fr/Photo-Video-Numerique/Appareil-Photo-Numerique/-a-6-Megapixels/NIKON/368441-Coolpix-L101-Livre-avec-Chargeur-et-Batteries.htm

merci d'avance pour votre aide.

Titre: Re:menu arrondi
Posté par: MarvinLeRouge le le 25-04-2006 a 22:27:33

Bonjour,

Si tu parles des onglets, tu trouveras pas mal de méthodes avec onglets + css.

Titre: Re:menu arrondi
Posté par: KaRaK le le 19-05-2006 a 11:04:52

C'est une image de fond créée par un logiciel.

Tu peux le faire en css avec la propriete moz-border-radius qui ne fonctionne pas avec IE :)

Titre: Re:menu arrondi
Posté par: daminus_css le le 31-05-2006 a 01:42:49

Ce genre de menu m'avait tout particulièrement interessé puisque j'en ai intégré dans mon site ;D

Alors c'est simple, sous un logiciel de dessin vectoriel comme Illustrator ou Inkscape, tu dessines, tu exportes ton image, et ensuite tu intègre à l'aide du XHTML /CSS.

Coté XHTML tu prépares tes div, et ensuite en CSS tu affectes à ces div des background.
Pour ensuite gérer le hover tu as deux solutions, soit tu utilises le div:hover qui ne marche pas sous ie 6, du moins pas sans le hack.
Ou alors plus simple, tu gères ca en DHTML :)

Si le script t'interesses je peux te le passer ;D

Titre: Re:menu arrondi
Posté par: Cocci le le 01-06-2006 a 14:44:55

Je pense que c'est qqchose dans ce style que tu cherches...

http://www.cssplay.co.uk/menus/menueight.html
http://www.cssplay.co.uk/menus/menuthirteen.html
http://www.cssplay.co.uk/menus/doors.html
http://www.cssplay.co.uk/menus/doors-two.html


Il suffit de consulter le code source de la page pour avoir ce que tu veux... ;)


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.