$ 4.00

Tuto Menu déroulant intelligent en full CSS 3 avec CSS

$ 4.00

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

Avec ce tuto CSS 3, apprenez à réaliser un menu déroulant dit "intelligent" en full CSS 3.
Plus besoin de passer des heures devant Photoshop pour avoir des dégradés, des bordures et des ombres dignes de professionnels! Avec ce tutoriel CSS qui est compatible sur 4 des plus puissants navigateurs web (Mozilla Firefox, Chrome, Safari, Opera) vous n'aurez que la difficulté du choix!

De niveau intermédiaire voire même facile, ce tutorial s'adresse à toute personne connaissant très légèrement le CSS 3. Nous aborderons ensemble les points suivants :

  • Les préfixes -moz- / -webkit- / -o-
  • Réaliser un dégradé en CSS3
  • Réaliser un text-shadow (ombre de texte) ou un box-shadow (ombre d'élément) en CSS3
  • Apprendre à réaliser un border-radius (coins arrondis) en CSS3
  • Gestion des listes "ul" et "li" en HTML
  • Apprendre à gérer des classes avec des largeurs différentes sous CSS
  • S'intéresser à la balise "input" et la styliser

Un fichier source est fourni avec ce tutoriel vidéo :)


Formateur : Benoît Philibert

Benoît Philibert a publié 28 tutoriels et obtenu une note moyenne de 4,3/5 sur 14 623 tutoriels vendus. Voir les autres formations de Benoît Philibert

4,6
note moyenne

18
avis laissés
5 étoiles
11
4 étoiles
6
3 étoiles
1
2 étoiles
0
1 étoile
0
  • 3
    avis de valerie-a77 laissé le 14/10/2018
    Pas du tout satisfaite. Tout est fait de manière désordonnée et on ne sait même plus ce qu'on est en train de faire. Au final, je n'ai rien appris. Et justement si ça avait été ordonné, ce tuto aurait pu être divisé en plusieurs vidéos, ce qui aurait été moins lourd. Déjà le doctype et la définition de la langue ne sont pas bon pour le html5. Et il manque le meta pour l'encodage du texte (<meta http-equiv="content-type" content="text/html; charset=utf-8" />). Cela évite d'avoir des symboles à la place des lettres accentuées. En principe, on rédige tout le code html et ce n'est qu'après qu'on se met au code css. Et il faut vérifier dans le navigateur après chaque partie de code css ajoutée. C'est comme ça qu'on retrouve une erreur plus facilement. D'ailleurs, j'avais des erreurs mais comme tout a été fait en dépit du bon sens, impossible de les trouver. Heureusement qu'il y a le code source. Voilà. Désolée mais j'ai connu mieux et c'est dommage car le rendu final est intéressant. De plus, je ne suis pas convaincue pour certains codes, qu'ils soient exacts en 2018 mais je passe vu que ce tuto date de 2011.

  • 4
    avis de membre-8921-216 laissé le 19/06/2018
    Merci pour votre tutoriel de grande qualité ! (Peut-être que diviser le tutoriel en plusieurs chapitres ou rubriques en faciliterait la lecture ?)
    "Bonjour, merci pour votre retour constructif :)"

  • 4
    avis de membre-8890-7322 laissé le 24/01/2017
    Très bon Tuto, manque d'explications parfois que je suis allée chercher sur le net mais je m'en suis sortie.

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1162 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données