Dans ce tuto CSS3 gratuit en vidéo, nous verrons comment créer un système de vote par étoile en CSS3. Nous n'utiliserons pas d'images, ni de javascript dans ce tuto. Pour créer les étoiles nous utiliserons les entités HTML, et pour créer l'effet d'étoiles pleines au passage de la souris nous utiliserons la propriété "content" de CSS3 combiné aux entités HTML.Ce tutoriel n'aborde que la partie visuel du système de vote, nous n'aborderons pas le côté dynamique ici.

Bon tuto!

Jetez un oeil à ces autres tuto CSS 3

10 astuces CSS pour faciliter l'intégration VOLUME 210 astuces CSS pour faciliter…
Dans cette formation CSS volume 2, nous allons découvrir 10…

Apprendre le Responsive DesignApprendre le Responsive Design…
Dans cette formation Responsive Design signée Elephorm, vous…

Teaser de la formation avec Thierry AudouxTeaser de la formation avec…

Qu'est-ce que le Responsive Web Design ?Qu'est-ce que le Responsive…

Créer un site One Page complet de A à ZCréer un site One Page complet…
Dans ce tuto vidéo HTML5, CSS3 et jQuery, 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…

Montage HTML/CSS d’une maquette graphique sur DreamweaverMontage HTML/CSS d’une maquette…
Voici une formation dédiée à la découpe et au montage HTML…

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 7 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

simpledev , formateur certifié



Toutes les formations de Simpledev


Témoignage des clients de simpledev

Tutoriel clair et précis. Continuez ainsi :)

Tuto sur le codeigniter excellent par contre existe t il un tuto sur la création d'un back office avec codeigniter. Si oui, je suis fortement intéressée...

Superbes tutos pour apprendre Laravel ! Continue comme ça :D

Merci beaucoup pour tes tutorial que j'adore :D

Très bon formateur de bonne qualité. J'aime.

Lire les autres témoignages

 

D'autres tuto de simpledev

Pagination avec LaravelPagination avec Laravel
Dans ce tutoriel Laravel gratuit en vidéo, nous verrons comment mettre en place très…

Laravel : formulaire de contactLaravel : formulaire de contact
Dans ce tuto Laravel gratuit en vidéo, nous verrons comment créer un formulaire de…

Laravel : poster un nouvel articleLaravel : poster un nouvel article
Dans ce tuto Laravel gratuit en vidéo, nous créerons un formulaire pour permettre aux…

Développez un paiement en ligne Paypal ou Carte BancaireDéveloppez un paiement en ligne Paypal ou Carte Bancaire
Dans ce tuto PHP en vidéo, nous verrons comment développer un système de paiement…

voir tous les tuto de simpledev

Notes attribuées par les utilisateurs (1 vote)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (1)

par nanodemarsa voté :
(a téléchargé ce tuto - 25 août 2012)

" Merci pour ce petit tutoriel gratuit ! Très intéresssant ! "

 

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 7 minutes a été téléchargé 301 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 24 août 2012 par simpledev, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,4/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto CSS Formulaire.

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 !