• Résolu CSS derniers visiteurs


    Jeudi 1er Septembre 2016 à 16:15
    Hikaru.

    Salut! J'ai essayé de faire un code avec les cours de nagalia mais il ne marche pas et je ne sais pas ce que je dois modifier est-ce que tu pourrai y jeter un coup d'oeil ?

    Voici le code : 

    .module_menu_type_lastvisitors hover{opacity:5}

    Merci d'avance ;)

    Jeudi 1er Septembre 2016 à 17:22
    Elinae

    déjà colle les : au lastvisitor, ensuite, pour opacity, tu ne peux mettre qu'une valeur entre 0 et 1 (donc de  0.1 à 0.9 par exemple) puisque tout simplement 0 veut dire "totalement transparent" (donc invisible), et 1 veut dire "totalement opaque" (donc on peut pas voir à travers). Mettre opacity:5; ça ne veut rien dire, vu que dès 1 tu ne peux pas faire plus opaque que ça x)

    Jeudi 1er Septembre 2016 à 17:26
    Hikaru.

    Je l'ai fait et ça ne marche toujours pas :/ J'avais déjà essayé de mettre une valeur entre 0 et 1 j'ai mis 5 au pif comme ça x)

    Jeudi 1er Septembre 2016 à 17:32
    Elinae

    oui mais 5 c'est pas une valeur entre 0 et 1 et comme je te l'ai dis, tu dois d'abord coller les : avec le hover et le "lastvisitors" tu ne peux pas mettre d'espace.

    Jeudi 1er Septembre 2016 à 17:45
    Hikaru.

    Oui j'avais compris mais j'ai ré-essayé en collant les mots et tout :

    .module_menu_type_lastvisitors:hover{opacity:0.9}

    Mais ça marche pas

    Jeudi 1er Septembre 2016 à 17:51
    Elinae

    En principe le code devrait marcher sur l'ensemble du module, ensuite tu peux ajouter img juste avant :hover, le code ne s'appliquera que sur les images. L'espace entre ; et } dérange peut être (même si je ne pense pas)

    Jeudi 1er Septembre 2016 à 17:56
    Hikaru.

    Ca ne marche toujours pas je t'ai copié l'ensemble des codes pour les derniers visiteurs peut-être il y a quelque chose qui bloque. je vais essayer le code seul sur un blog test

    /*images des derniers visiteurs*/
     .module_menu_type_lastvisitors img {  -webkit-border-radius0px;
         border-radius0px;
        width60px;
         border3px solid/*ridge*/ #555;
        box-shadow3px #444;
        opacity:0.5;
        margin5px 0px 5px 0px;
       }
    .module_menu_type_lastvisitors:imghover{opacity:0.9;}

     

    Jeudi 1er Septembre 2016 à 17:59
    Elinae

    pour le dernier c'est .module_menu_type_lastvisitors img:hover (pas l'inverse)

    et les codes fonctionnent, donc tu as fait une erreur quelque part. Je sais que suivant le navigateur que tu utilises, ils suffit que tu aies oublié un ; ou que tu en aies mis un  de plus pour que ça annule tout les codes.

    Jeudi 1er Septembre 2016 à 18:07
    Hikaru.

    Ha d'accord j'avais inverser. Mais ça m'énerve ça marche toujours pas : 

    .module_menu_type_lastvisitors img:hover{opacity:0.5;}

    Jeudi 1er Septembre 2016 à 19:23
    Elinae

    comme je te l'ai dis, tu as du faire une erreur dans ton code avant, qui le bloque. Donc va tout vérifier.




    Vous devez être membre pour poster un message.