Transparence sur avatars

    Partager

    Clorenthe
    Membres
    Membres

    16/01/2012

    Terminé Transparence sur avatars

    Message par Clorenthe le Dim 22 Jan - 1:47

    Bonjour,

    j'ai une petite question. Comment faut-il faire pour que tous les avatars de mon Forum soient en transparence et nettement visible quand on passe le curseur dessus ?

    Voilà mon forum, il est en phpBB2 --> http://atari.forumpro.fr

    Cordialement.


    Dernière édition par Clorenthe le Mar 24 Jan - 23:19, édité 1 fois

    Clorenthe
    Membres
    Membres

    16/01/2012

    Terminé Re: Transparence sur avatars

    Message par Clorenthe le Mar 24 Jan - 2:21

    Up (:

    Quierra
    Fondatrice
    Fondatrice

    Féminin 13/04/2009

    Terminé Re: Transparence sur avatars

    Message par Quierra le Mar 24 Jan - 13:14

    Coucou, désolée ! Je n'avais pas vu ce sujet.

    Il suffit d'entourer la variable pour l'avatar :

    Code:
    {postrow.displayed.POSTER_AVATAR}


    D'un span(ou div) :

    Code:
    <span class="the_avatar">{postrow.displayed.POSTER_AVATAR}</span>


    Et dans ton CSS, tu mets les valeurs que tu veux pour les avatars :

    .the_avatar img{
    opacity: 0.5;
    }

    .the_avatar img:hover{
    opacity: 1.0;
    }


    Bon là c'est avec la propriété "opacity", mais il y a d'autres façons comme l'opacité progressive : http://www.themes-fa.com/t4063-opacite-progressive


    Clorenthe
    Membres
    Membres

    16/01/2012

    Terminé Re: Transparence sur avatars

    Message par Clorenthe le Mar 24 Jan - 23:19

    Merci beaucoup Quierra ! ^^ Ça marche parfaitement.

    Passe une bonne journée (:

      La date/heure actuelle est Mer 23 Mai - 15:56