Effet rollover sur une image (Créer un compte)

  • Statut : non résolu
  • Ce sujet contient 22 réponses, 2 participants et a été mis à jour pour la dernière fois par Anonyme, le il y a 11 années et 5 mois.
15 sujets de 1 à 15 (sur un total de 23)
  • Auteur
    Messages
  • #528403
    Lyser
    Participant
    Chevalier WordPress
    122 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : Version 3.6.1
    – Version de PHP/MySQL : 4.4.9
    – Thème utilisé : canvas
    – Extensions en place : ubermenu
    – Nom de l’hebergeur : 1 and 1
    – Adresse du site : http://www.lyser.fr/testwp/

    Problème(s) rencontré(s) :
    Salut, j’aimerais savoir comment faire pour que les images en home (les guitares) soit légèrement plus claires lorsqu’on passe la souris dessus. Un peu comme un effet bouton, qu’on comprenne qu’on puisse cliquer dessus.

    #912779
    Anonyme
    Invité
    Maître WordPress
    34072 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #912780
    Lyser
    Participant
    Chevalier WordPress
    122 contributions

    Pour le php, je suis passé en version 5.4.19 depuis l’espace client de 1and1, mais j’étais bien en 4.4.9 avant, wordpress n’aurait pas du fonctionner avec cette version ?

    Sinon j’ai trouvé une petite extension qui fait ce que je recherche : Hover Image, ça fait apparaitre une deuxième image qu’on aura fait soi-même (avec un peu plus de luminosité par exemple) qui viendra par dessus la première lorsqu’on passe sa souris dessus.

    Ca demande donc un peu plus de temps à faire que quelque chose d’automatisé avec du code, mais ça fonctionne bien.

    Je suis bien sur preneur si un quelconque code à inserer quelque part permettrait d’automatiser cette fonction.

    #912781
    Anonyme
    Invité
    Maître WordPress
    34072 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #912782
    Lyser
    Participant
    Chevalier WordPress
    122 contributions

    Ok noaneo, j’ai essayé CSSSprite, ça marche bien pour les icones sociales, mais est-ce que ca serait viable pour chaque première image de post sachant que le site sera géré par quelqu’un dont la programmation n’est pas son métier ?

    Sinon petite question : ok pour rajouter le code où on veut pour que les icones apparaissent, mais si on a envie de les mettre dans le header sur la droite, ou doit se placer le code ?

    #912783
    Lyser
    Participant
    Chevalier WordPress
    122 contributions

    j’ai réussi a avoir une petite animation du facebook comme sur ce site donné en exemple : demo.onedesigns.com

    l’animation se joue quand on passe la souris dessus mais pas quand on sort : c’est quoi le rollout en css, j’ai lu qu’il fallait rajouter un all mais sans succés

    #social #fb:hover{
    background-position: -23px -23px;
    transition:all background-position 0.25s ease 0s;
    }

    #912784
    Anonyme
    Invité
    Maître WordPress
    34072 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #912785
    Anonyme
    Invité
    Maître WordPress
    34072 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #912786
    Lyser
    Participant
    Chevalier WordPress
    122 contributions

    pour l’animation, c’était bien un all qu’il fallait placer mais pas dans
    #social #fb:hover{

    mais plutot dans
    #social li a{

    Sinon je sèche encore sur le placement de ces icônes dans le milieu droite du header.

    #912787
    Anonyme
    Invité
    Maître WordPress
    34072 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #912788
    Lyser
    Participant
    Chevalier WordPress
    122 contributions

    le widget texte fait apparaitre les icones dans la partie droite de la page non ?

    #912789
    Anonyme
    Invité
    Maître WordPress
    34072 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #912790
    Lyser
    Participant
    Chevalier WordPress
    122 contributions

    J’aimerais que ces icônes apparaisent dans le header sur la droite.

    #912791
    Anonyme
    Invité
    Maître WordPress
    34072 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #912792
    Lyser
    Participant
    Chevalier WordPress
    122 contributions

    Pour le thème enfant, pas de soucis, ce site n’est destiné qu’a faire des tests. Je fais bien sur des thèmes enfants pour mes sites.

    J’ai trouvé quelque chose pour créer un widget dans le header : ici
    J’ai rajouté un position: absolute; dans #social{ pour que les icones soient sur la même ligne que le titre.
    Tout pourrait être niquel s’il n’y avait pas ce point gris à coté du titre du site que je n’arrive pas à virer. Je n’arrive pas à le choper avec firebug…

    J’ai remarqué une différence de position des icones entre firefox et d’autres navigateurs (chrome, opera et ie affichent les icônes de la même façon)

15 sujets de 1 à 15 (sur un total de 23)
  • Vous devez être connecté pour répondre à ce sujet.