$ 3.00

Tuto Créez et intégrez un menu blocs 3D en CSS/HTML avec CSS

$ 3.00

  • Une formation vidéo de 1h19m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto CSS et HTML, vous allez apprendre à créer un menu avec une impression de blocs 3D qui se déplacent lors du passage de la souris. Je vous invite à regarder l?extrait du tuto pour voir le résultat que nous allons obtenir. Les étapes du tuto :

  • Création de la structure HTML de la page.
  • Stylisation de l?environnement du menu en CSS.
  • Création du menu en CSS avec une illusion de blocs 3D.
  • Mise en place de l?impression de 3D lors du passage de la souris (hover).
  • Rajout d?autres aspects du menu (page active, transitions,?)
  • Création de l?effet 3D sur le logo et de l?effet de texte gravé sur le texte des pages grâce à l?effet « text shadow ».
  • Faire en sorte que le menu soit compatible avec tous les navigateurs, y compris Internet Explorer 6 !
  • BONUS : Modification de la feuille de style pour transformer le menu horizontal en menu vertical.

J?ai apporté un grand soin sur la compatibilité de ce menu. Il est compatible avec tous les navigateurs, même Internet Explorer 6. Seul l?effet de transition ne sera pas compatible avec les anciennes versions d?Internet Explorer, mais c?est loin d?être l?aspect le plus important du tuto. De plus, dans le domaine de la compatibilité je vous ferez aussi découvrir quelques sites très utile aux webdesigners.

A la fin de ce tuto vous saurez non seulement créer un menu avec une illusion de blocs 3D mais aussi l?adapter afin de pouvoir créer d?autres types de menus. En effet, j?explique tous les paramètres de style que nous utilisons. Je fournis bien entendu tous les fichiers utilisés dans ce tuto pour que vous n?ayez pas tout à réécrire. J?espère que ce tuto vous plaira!

Table des matières de cette formation CSS (durée : 1h19m)

    • Introduction 00:02:00
    • Conception du menu 00:59:01
    • Compatibilité 00:15:13
    • Bonus 00:03:44



Formateur : David Felix-faure

David Felix-faure a publié 7 tutoriels et obtenu une note moyenne de 4,8/5 sur 536 tutoriels vendus. Voir les autres formations de David Felix-faure

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de lepresident laissé le 23/06/2012
    Pas mal du tout ! Superbe résultat;) On comprend tous ce que l'on fait et ça c'est cool !

  • 5
    avis de swifik laissé le 17/06/2012
    Excellent excellent excellent excellent excellent excellent

  • 5
    avis de CypDesign laissé le 16/06/2012
    Rendu extra et très compréhensible ! ça m'a donné plein d'autres idées! J'ai suivi ton premier tuto et malgré encore quelques hésitations celui là est bien meilleur !

accédez à plus de 1560 tuto gratuits


non, je ne veux pas me former gratuitement