Tous les blogs

Editer l'article Suivre ce blog

Administration + Créer mon blog

Tous les blogs

Connexion + Créer mon blog Editer l'article Suivre ce blog

Administration

Partager

Bienvenue sur Pause Cappuccino. Un blog destiné au divertissement, pour se pauser, traitant de différents sujets. Vous y retrouverez des astuces, des conseils, des découvertes, du partage, et bien d'autres encore. Bonne visite !

Changer l'header au survol de la souris avec du codage CSS

26.06.2018 …

Par Nesumi

Ces codes sont à mettre dans la partie "Ajouter du CSS" quand vous modifiez votre thème :

#header {opacity: 100; background-image: url("URL DE L'IMAGE 1"); background-repeat: no-repeat;}
#header:hover {opacity: 100; background-image: url("URL DE L'IMAGE 2"); background-repeat: no-repeat;}

Remplacez URL DE L'IMAGE par l'adresse des deux headers que vous voulez. Pour que ça soit esthétique, mettez deux images de la même taille pour vos headers. Le deuxième code correspond au deuxième header qui apparaîtra en survolant le premier header avec la souris.

Pack 011 : Puces (Flèches 2) Retrouvez ici d'autres tutoriels CSS !

« Article précédent Article suivant »

Retour à l'accueil

Partager cet article

Repost0

Commenter cet article

film streaming

20/03/2019 05:30

merci énormément!<br />

Répondre

Steph43Photography

19/09/2018 11:13

Coucou Capou , j'ai vu de la lumière alors j'suis rentré mdrrr , sympa cette astuce , merci pour ton passage chez moi , ravi que tu aimes mes photos , mon +5 du jour , amitié d'Auvergne

Répondre

#Miraculous Ladybug

14/09/2018 18:51

merci énormément!

Répondre

Mirlane

14/09/2018 15:18

Merci pour le code CSS ! Je l'ai mis sur un de mes blogs !

Répondre

Loralie

11/09/2018 10:41

Merci pour cette astuce, je viens de m' en servir<br />