Tuto publié par Dans ce tuto CSS, vous apprendrez à créer une effet de changement d'apparence d'une image lorsque votre souris passe au-dessus de celle-ci. (voir l'effet sur les petits logos en bas du ce site). Ce tuto se divisera en deux parties :
- Une partie dans Photoshop : Vous apprendrez à créer un script ( basique ) et à coloriser en noir et blanc vos logos.
- Une partie dans votre éditeur de codes ( Notepad ++, etc .. ) : Vous apprendrez à créer des liens sans texte ( juste avec une image ) et à changer son apparence lors du passage de votre souris sur celui-ci.
Jetez un oeil à ces autres tuto CSS
Apprenez les bases du CSS…
Dans ce tuto vidéo sur les bases du CSS, nous verrons ensemble…
Initiez vous à toutes les…
Dans ce tuto CSS, vous découvrirez comment utiliser les positions…
Découper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…
Générer du texte en 3D avec…
Dans ce tuto CSS, vous découvrirez comment générer du texte…
Découper et intégrer une…
Ce tutoriel est la suite du tuto créer une page d'accueil de…
Créez et intégrez un menu…
De la création du visuel sous Photoshop à l'intégration HTML/CSS,…
Un menu complet à partir…
Dans ce tuto vous allez apprendre à créer un menu complet…
Utilisez n'importe quelle…
Dans ce tuto CSS, vous découvrirez comment utiliser facilement…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto CSS de 14 minutes est proposée dans une résolution plus grande que l’extrait suivant :
davidlecouz
, Formateur
Jeune belge, amateur du multimédia en général.
Visant plus tard des études dans le film ( conception, montages ).
En savoir plus sur davidlecouz
Témoignage des clients de davidlecouz
Formateur qui va droit au but, ( parfois un peu trop rapidement...), mais le résultat final est toujours celui que l'on attend, et ce grâce à des opérations simples et efficaces.
D'autres tuto de davidlecouz
Réaliser un logo style web 2.0
Dans ce tuto Photoshop (cs5 ou versions antérieures), vous apprendrez à créer un logo…
Notes attribuées par les utilisateurs (2 votes)
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 d’une durée de 14 minutes a été téléchargé 480 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 8 avril 2011 par davidlecouz, contributeur, ayant reçu une note moyenne de 5/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto CSS Image.
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 24010 tuto classés dans nos 201 logiciels ou langages informatiques.
(a téléchargé ce tuto - 21 décembre 2011)
" Ouaip j'adore le tuto. À la prochaine j'espère hein. "
(a téléchargé ce tuto - 13 décembre 2011)
" excellent "
(a téléchargé ce tuto - 03 décembre 2011)
" Merci pour ce tutoriel.
Par contre, lorsque que je fait intervenir une deuxième image avec le même principe, le lien n'est disponible que pour le deuxième ; le premier restant seulement une div img+hover.
Pourriez-vous m'indiquer une solution ?
Merci "