Discutez Comment réaliser un menu type Apple http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html Fri, 10 Sep 2010 19:25:37 +0100 FeedCreator 1.7.3 http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html#comment-597 Salut c'est un peu flou au niveau du passage de la souris j'ai toujours pas compris comment sa marche quelqu'un pourrais m'expliquer svp? Sat, 20 Mar 2010 19:19:01 +0100 http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html#comment-380 Salut Dams, tu peux utiliser l'outil Tranches de photoshop pour délimiter les images à exporter, puis en exportant pour le web (Ctrl + Maj + Alt + S) tu choisira d'exporter toutes les tranches, celles que tu sélectionnes ou autre. Sinon à l'ancienne, pour garder certaines transparences : l'outil recadrage (C), image par image en rendant visible ou non les calques qui gènent pour les transparences. Mon, 22 Jun 2009 10:00:58 +0100 http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html#comment-379 Bonjour, si quelqu'un pourrait m'expliquer comment exporter les éléments car je suis pommé la. Merci Sun, 21 Jun 2009 23:40:25 +0100 http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html#comment-105 Salut bil, Il faut exporter de ton photoshop chaque élément en .png et le tout s'assemblera logiquement dans ton css. Le mieux donc est de ne rien fusionner avant d'exporter, puisque le fond du menu ne doit contenir aucun bouton et aucun séparateurs. Tu devra rendre visible seulement le fond du menu puis l'exporter, ensuite exporter un séparateur seul, puis un bouton de chaque style, en hover, et en active :) Ensuite les titres ne les ajoute pas sur photoshop, le mieux est de les ajouter dans ton html pour pouvoir les changer facilement et que ton site soit propre. As-tu regarder le zip que je fourni avec le menu intégré ? A bientôt Fri, 24 Apr 2009 08:32:55 +0100 http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html#comment-104 Salut c'est encore moi(bil)^^ désolé pour toutes ces questions mais j'essaie de bien tout comprendre. Tout d'abord si j'ai bien compris il faut créer chaque élément png séparément(c-a-d fond puis séparateur puis hover puis active) et ensuite les utiliser en les réunissant grâce au css. Ou faut-il créer le menu apple entier sur photoshop (en fusionnant tous les calques) et ensuite l'utiliser tout entier dans le css? Enfin je n'ai pas très bien compris l'étape 7 c-a-d comment placer les titres et ensuite "réunir les différents éléments". Désolé pour toutes ces questions (^^) :lol: Thu, 23 Apr 2009 14:57:38 +0100 http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html#comment-91 Salut bil, Exactement, il faut que tu crées un nouveau calque et c'est sur celui-ci que tu ajoutera ton tracé au crayon représentant les séparateurs. Ainsi tu pourra ajouter un style de calque par la suite seulement sur ces séparateurs. Tu positionnes tous tes calques 'séparateurs' dans un dossier au dessus de tous les autres calques. Après, l'histoire du dossier ce n'est vraiment que pour être bien organisé et ne pas avoir 10 calques 'séparateurs' en vrac :) Tue, 21 Apr 2009 21:04:10 +0100 http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html#comment-86 Salut merci à julien pour ce superbe tuto. Par contre je bloque à l'étape 4. Etant débutant je ne comprends pas quand tu dis de créer un nouveau calque et de le nommer séparateur, ça je le fais mais après est- ce je que dois tracer avec le crayon dans le nouveau calque et après faire une superposition ou une fusion avec le calque 1 précédemment créé. Merci d'avance pour les réponses. Tue, 21 Apr 2009 16:49:29 +0100 http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html#comment-46 .image .image:hover .image:active -------------------------------------- Les numéro d'images fonctionne dans ce cas si je pense du plus clair vers le plus foncé, a vous de choisir image "display": c'est l'image qui est afficher a la base. image "hover": c'est l'image qui apparait lorsque votre curseur passe sur l'image. image "active": c'est l'image qui aparait lorsque vous clicker sur l'image. Tue, 31 Mar 2009 10:41:16 +0100 http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html#comment-33 Les hovers sont représentés par les onglets foncés du menu. Pour 'animer' je pense que c'est de celà dont tu parles. Sinon pour une animation poussée on peut toujours faire appel à du javascript mais là n'est pas le sujet du tuto, ni même l'intégration d'ailleurs. Je te propose de voir le rendu sur l'intégration que je vous offre gracieusement, à bientôt :) Sun, 15 Mar 2009 23:13:19 +0100 http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html#comment-31 Dans ton css, ce sont les hoovers je crois Sun, 15 Mar 2009 16:29:49 +0100 http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html#comment-26 Comment fait-on pour l'animer ? Que ca devienne plus foncé au passage de la souris, ... ?? Fri, 13 Mar 2009 20:34:40 +0100 http://eva-sion.com/Interfaces/comment-realiser-un-menu-type-apple.html#comment-24 Génialisime pour un rendu super pro (Style Mac :D) Wed, 11 Mar 2009 23:54:11 +0100