Tuto publié par 
- Une partie programmation en CSS 3 & HTML 5 : Nous verrons comment gérer les effets d'animation au survol de l'une des rubriques de notre menu, et comment faire en sorte que la rubrique survolée reste opaque tandis que les autre rubriques s'assombriront.
- Une partie graphisme avec Photoshop CS5 : Nous partirons d'une image unique et la découperont en vignettes de sorte à pouvoir animer ces vignettes indépendamment les unes des autres.
Ce tuto est destiné à tous ceux quoi souhaitent améliorer leurs connaissances en CSS 3. Il est nécessaire de posséder quelques notions de base en HTML, CSS et Photoshop.
Les fichiers sources sont livrés avec cette formation. Bon tuto à tous!
Jetez un oeil à ces autres tuto CSS 3, Photoshop CS5
Afficher des vidéos en Responsive…
Dans ce tuto CSS en vidéo, nous verrons comment nous pouvons…
Créer une galerie d'images…
Dans ce tuto WordPress, nous allons voir comment ajouter une…
Débuter en HTML5 - CSS3 -…
Cette formation fait partie d'une série sur la programmation…
Créer un Sticky menu qui…
Dans ce tuto vidéo CSS3 et Jquery, en vidéo, nous allons voir…
Créer un site web avec un…
Dans ce tuto jQuery / CSS3, nous allons ensemble, pas à pas,…
Menu déroulant intelligent…
Avec ce tuto CSS 3, apprenez à réaliser un menu déroulant…
Ajouter une bulle d'info enrichie…
Dans ce tuto jQuery en vidéo, nous allons voir comment créer…
Intégrer et Développer un…
Voici une formation complète dédiée à l'intégration et…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto CSS 3, Photoshop CS5 de 1 heure 1 minute est proposée dans une résolution plus grande que l’extrait suivant :
VincentTutos
, Formateur
Intermittent du spectacle depuis plusieurs années, je suis passé par différents corps de métiers, dont la programmation et l'enseignement. C'est ce qui m'a conduit à m'intéresser à la création de tutoriels vidéos et à les proposer sur tuto.com.
En savoir plus sur VincentTutos
D'autres tuto de VincentTutos
Créez votre menu polaroïd animé
Dans ce tuto CSS 3 en vidéo, nous allons voir comment concevoir un menu de navigation…
Notes attribuées par les utilisateurs (1 vote)
Les avis / Questions des utilisateurs (3)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto CSS 3, Photoshop CS5 d’une durée de 1 heure 1 minute a été acheté 16 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 12 janvier 2012 par VincentTutos, contributeur, ayant reçu une note moyenne de 5/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto CSS Menu.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.
Choisissez parmi 24011 tuto classés dans nos 201 logiciels ou langages informatiques.
(auteur de ce tuto - 19 janvier 2012)
" Bonjour,
Concernant la compatibilité de ce menu, il sera visible et fonctionnel sans problème sous la majorité des navigateurs dont Firefox, Safari & Chrome.
Concernant Internet explorer, il est possible d'ajouter le préfixe -ms- à votre propriété CSS pour que le navigateur interprète le script comme vous le souhaitez, cependant la prise en charge des animations n'est pas encore compatible avec la version 9 (implémentation prévue pour la version 10).
Enfin en ce qui concerne Opéra, la dernière version du logiciel n'interprète pas encore l'effet de fondu animé, cependant il interprète le code sans problème et le menu s'affiche sans encombre.
Je vous invite par ailleurs à consulter ce tableau de compatibilité CSS3 : http://www.findmebyip.com/litmus/
Gardez à l'esprit que le CSS3 devrait normalement être implémenté sur tous les nouveaux navigateurs et que les légers décalages de version sont liés au fait que la version 3 du langage CSS est assez jeune, cela devrait rentrer dans l'ordre d'ici peu.
Cordialement,
Vincent "
(n'a pas acheté ce tuto - 19 janvier 2012)
" Bonjour,
juste une petite question, pour la compatibilité, quels sont les navigateurs qui sauront faire fonctionner ce menu ?
Merci. "
(a acheté ce tuto - 18 janvier 2012)
" superb "