• Changer l'image du header au survol

    Une manière de faire cet effet sur le header
    -- Il faut cliquer ici --

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

    Vous commencez par mettre votre image de base. Celle qui apparaitra sans le survol.
    Donc dans Apparence > Modifier le thème > Header > Format.
    Puis vous allez importer la deuxième image, donc celle qui apparaitra au survol, dans Contenu > Gérer les fichiers.
    Vous allez copier l'URL de cette image et la mettre dans ce code que vous allez placer dans la CSS évidemment.

     #header:hover
      {background-image:url("URL DE VOTRE IMAGE");} 

     Prenons ces deux "headers".

    Le but étant que la deuxième image remplace la première au survol.
    Donc prenons le code :
    #header{background:url('http://ekladata.com/0ECRRiQMweSG4bu2olkzD2Ojx9U@650x108.jpg');}
    #header{background:url('http://ekladata.com/E0OXbeJNEOejNvC9E386wCg3AKU@650x108.jpg');}

    Sans le code :

     

    Avec le code :

     

     


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :