• Résolu Problème avatars Module derniers visiteurs


    Dimanche 30 Septembre 2018 à 13:53
    Damstarr

    Bonjour à tous les eklablogueurs !

    J'ai tenté une modification sur mon blog SharePS4 en changeant de place le module "Derniers visiteurs" jusqu'ici, pas de problème !

    J'ai voulu ajouter un effet de zoom au passage de la souris sur un avatar, là encore pas de problème ! Le soucis, c'est que tous les avatars bougent en même temps, alors que j'aurais préféré que seul, l'avatar survolé bouge...

    Est-ce que l'un d'entre vous à une astuce à ce sujet ? Mon niveau CSS, même s'il a augmenté depuis que je suis sur la plateforme, est un peu limité mais j'arrive à me débrouiller en général, mais là, je sèche !

    Merci à tous !

    Lundi 1er Octobre 2018 à 11:29
    stormalo

    Bonjour,

    Une solution testée sur un module placé dans un menu latéral :

     Ajouter dans le thème css :
    .module_menu_type_lastvisitors a:hover img {
            -webkit-transform:scale(1.25,1.25);
            -moz-transform:scale(1.25,1.25);
            -ms-transform:scale(1.25,1.25);
            -o-transform:scale(1.25,1.25);
            transform: scale(1.25,1.25);
        }

    1.25 >>> valeurs de scale(x,y);       à adapter
    (sauf mauvaise compréhension 1.25 = dimension multipliée par 1,25)

     

    Bien sûr, en enlevant le code actuel ajouté pour l'agrandissement.dans SharePS4

    Lundi 1er Octobre 2018 à 15:44
    Damstarr

    Merci Stormalo !! Ça fonctionne nickel !! Encore une fois, tu sauves mon blog !!

    J'en profite pour te faire part d'un autre problème sur le module "Dernier Visiteurs" ! Au passage de la souris sur un avatar, "un tiret du 6" ( like that "-" )vient se ficher à droite de celui-ci ! Peut-on supprimer ce tiret ?

    Lundi 1er Octobre 2018 à 16:11
    stormalo

    De passage .............   :-)

    Sauver le blog ? un p'tit miracle alors !   smile
    J'ai simplement regardé sur un site que je visitais comment le code était fabriqué et en ai extrait ce transform:scale(1.25,1.25);

    Je ne vois pas de tiret sur le 6ème avatar (Catline111 chez moi) ; pas de like that "-"

    Lundi 1er Octobre 2018 à 16:27
    Damstarr

    Effectivement, pas de tiret sur le dernier avatar, donc le huitième chez moi... tu commences à me faire peur là !! Combien d'avatar vois-tu chez toi ?

    Tu ne sais pas d'où peuvent venir ces tirets ? J'ai fouillé sur le thème CSS et je n'ai rien trouvé de particulier... en même temps c'est un peu le foutoir là dedans, on dirai une chambre d'ado ^^

    Lundi 1er Octobre 2018 à 17:23
    stormalo

    Je vois huit avatars et aucun tiret

    Je dois réduire le zoom pour les avoir tous sur la même ligne, sinon au moins un est sous le titre "accueil"

    Illustre ta demande par une copie d'écran de ces avatars avec tirets !

    Lundi 1er Octobre 2018 à 17:43
    Damstarr

    Au moins un est sous le titre accueil ? Réduire le zoom ? Je sens que je vais tout remettre en place moi !

     

    Désolé la capture est un peu grosse !

    Lundi 1er Octobre 2018 à 18:24
    stormalo

    Rien de visible chez moi. J'utilise Firefox.

    Lundi 1er Octobre 2018 à 18:28
    Damstarr

    Ok ! Bon bah c'est pas très grave de toute façon, ce n'est qu'un tiret ^^ !

    Sinon les avatars sont situé au même endroit que moi ?

    Lundi 1er Octobre 2018 à 20:20
    stormalo

    smile Réponse:

    < clic voir + grand➚

    Au survol, celui qui est survolé se déplace en hauteur et est visible en entier. C'est assez amusant et novateur (même si c'est involontaire).

     




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.