• Changer le Header survolé

    ~ Changer d'image quand le Header est survolé par votre curseur :

    #header: hover {

    opacity: 100;

    background-image: url("URL DE L'IMAGE");

    background-repeat: no-repeat; }

     

    Ce code vous permet de passer à une autre image (Header) quand vous passez la souris sur votre Header. Le "hover" est la fonction "par dessus" ou "survolée", c'est cette fonction qui définit si l'image change ou pas qu'en elle est survolée par votre curseur. Ensuite nous avons la fonction déterminant l'opacité de votre image survolée, vous pouvez modifier le code en orange pour donner plus ou moins d'effet à votre image. Puis nous avons les fonctions "background", une pour insérer l'image choisie et une autre pour ne pas répéter l'image, c'est à dire pour n'avoir qu'une seule fois l'image dans votre Header. Le code en rouge "URL DE L'IMAGE" est la source de votre image. Si vous êtes sur la plateforme Eklablog et que vous souhaitez insérer une image se trouvant dans votre ordinateur et non sur le web, alors il faut upload cette même image dans vos fichiers Eklablog.

    Démonstration :

    Changer le Header survolé

    Changer le Header survolé

    Changer le Header survolé

    Voilà vous avez votre adresse URL à insérer dans votre code !

    Il faut savoir que ce code peut foncitonner pour d'autres images, le footer, les images du contenu et des menus, il suffit de changer le "#header" par "#footer" etc

     

     

    J'espère que ce code vous sera utile, si vous avez des questions n'hésitez pas, bye ~

    (un commentaire fait toujours plaisir)


    Tags Tags : ,
  • Commentaires

    1
    Samedi 10 Juin à 14:57

    Ce qui suit n'a pas grand chose à voir avec ce que tu as posté sauf le thème mais je savais pas où le poster désolé :c

    Tient, si ça t'intéresse j'ai trouvé quelque chose qui pourrais régler le problème de certains utilisateurs d'ekla qui comme moi, n'utilisent pas ekla pour leur blog mais veulent quand même suivre des personnes et des blogs sur ekla. (Tout en ayant un lien vers leur blog sur leur profil) ^^ 
     

    Il suffit de mettre ça dans les balises meta de son site sur eklablog, en remplaçant "http://example.com" par le lien de son site web. Et 0 par le nombre de secondes avant de rediriger. :3

    <meta http-equiv="refresh" content="0; url=http://example.com/">
      • Samedi 10 Juin à 23:00

        Oh ok pas mal ! Merci 



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :