Dans ce tuto CSS, apprenez à créer une barre sociale (également appelé signet ou bookmark) facilement en CSS3.

Dans un premier temps, nous verrons la mise en place générale de notre menu puis nous appliquerons dans un cas concret les nouvelles propriétés CSS3. Notions abordées dans ce tutorial :

  • Les listes non-ordonnées
  • propriété z-index
  • propriété opacity
  • propriété transition
  • ...

Je répondrai rapidement à toutes vos questions. Bon tuto!

Jetez un oeil à ces autres tuto CSS 3

Afficher des vidéos en Responsive DesignAfficher des vidéos en Responsive…
Dans ce tuto CSS en vidéo, nous verrons comment nous pouvons…

Créer une galerie d'images avec pagination sur WordPressCréer une galerie d'images…
Dans ce tuto WordPress, nous allons voir comment ajouter une…

Débuter en HTML5 - CSS3 - Javascript - Tome 1Débuter en HTML5 - CSS3 -…
Cette formation fait partie d'une série sur la programmation…

Créer un Sticky menu qui reste visible à tout instantCré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 slider d'images en full pageCréer un site web avec un…
Dans ce tuto jQuery / CSS3, nous allons ensemble, pas à pas,…

Menu déroulant intelligent en full CSS 3Menu déroulant intelligent…
Avec ce tuto CSS 3, apprenez à réaliser un menu déroulant…

Ajouter une bulle d'info enrichie à votre siteAjouter une bulle d'info enrichie…
Dans ce tuto jQuery en vidéo, nous allons voir comment créer…

Intégrer et Développer un site Web ecommerceInté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 de 21 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

Tutoast , Formateur

Jeune passionné de l'image et du multimédia, je suis ici pour partager mes connaissances ainsi que pour en acquérir de nouvelles. Autodidacte depuis plus de 3 ans, mon savoir s'étend sur un assez large domaine. Je suis un touche à tout, priviliégiant la programmation web (Html, Css, Jquery...) et les logiciels comme After effects, Photoshop, Flash... et bien d'autres! :) A tout de suite!

En savoir plus sur Tutoast


Témoignage des clients de Tutoast

Des tutos vraiment très complets et diversifiés. Assès bien expliqués pour la plupart ! merci beaucoup.

Excellent formateur !!! Bon ben voila j'ai tout dit ^^

De super tuto , continue !!

Toujours de très bons tutos !

Géant! Vraiment, si vous cherchez un bon auteur, alors c'est lui.

Lire les autres témoignages

 

D'autres tuto de Tutoast

Réaliser un TrailerRéaliser un Trailer
Dans ce tuto After Effects (CS4 et CS5), apprenez à créer un trailer grâce à divers…

Recréer le générique de MasterChefRecréer le générique de MasterChef
Dans ce tuto After effects (CS5 et CS4) de plus de 2 heures, apprenez à réaliser le…

Animation de la Saint-Valentin avec ParticularAnimation de la Saint-Valentin avec Particular
Dans ce tuto After Effects (CS5 et CS4), apprenez à réaliser une animation pour la…

Logo de particules sous ParticularLogo de particules sous Particular
Dans ce tuto After Effects (toutes versions), apprenez à réaliser une apparition de…

voir tous les tuto de Tutoast

Notes attribuées par les utilisateurs (16 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (9)

par Akuma21
(a téléchargé ce tuto - 25 avril 2012)

" Un grand merci pour ton tutoriel clair, simple, et gratuit ! "

par coco33000à voté :
(a téléchargé ce tuto - 21 février 2012)

" Excellent tuto !
De plus il est gratuit. "

par ibelkedarà voté :
(a téléchargé ce tuto - 07 février 2012)

" trés bon tuto.. "

par doudou31840à voté :
(a téléchargé ce tuto - 29 décembre 2011)

" Merci super tuto !! "

par moncefscorpionà voté :
(a téléchargé ce tuto - 10 novembre 2011)

" excélent tuto J'aime bien mais il te faut faire vite la prochaine fois , puiceque c long ;) "

par Tutoast
(auteur de ce tuto - 09 novembre 2011)

" Merci ;) "

par Azote75à voté :
(a téléchargé ce tuto - 09 novembre 2011)

" sympa le tuto et gratuit !!

Merci "

par Davidrà voté :
(a téléchargé ce tuto - 04 novembre 2011)

" Bon tutuoriel "

par Jeeffà voté :
(a téléchargé ce tuto - 18 septembre 2011)

" Tuto de bonne qualité. "

 

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 d’une durée de 21 minutes a été téléchargé 830 fois et a reçu une note moyenne de 4/5.

Ce tuto a été publié le 6 avril 2011 par Tutoast, contributeur, ayant reçu une note moyenne de 4,4/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.

N'hésitez pas à nous contacter si vous avez la moindre question !