• Astuce n°6 : Avatars des derniers visiteurs

    Tout d'abord, voilà le sélecteur :

    .menu-lastvisitors-avatar {}

    Entre les {} nous allons ajouter les propriétés que l'on veut appliquer !

    Quelques exemples possibles :

     

    Mettre des coins arrondis :

    .menu-lastvisitors-avatar {border-radius : Xpx  Xpx Xpx Xpx;}

    Changez simplement les X par le nombre de pixels de votre arrondissement.

     

    Ajouter une ombre :

    .menu-lastvisitors-avatar {box-shadow: Xpx Xpx Xpx COULEUR EN ANGLAIS;}

    Changez les X par la taille et l'empacement de l'omber (les deux premiers servent à placer l'ombre, et le dernier à définir la taile), et changer COULEUR EN ANGLAIS par la couleur désirée (ou un le code HEX de votre couleur fonctionne aussi -c'est code avec le # devant-) !

     

    Ajouter une bordure :

    .menu-lastvisitors-avatar {border: solid Xpx COULEUR EN ANGLAIS;}

    Changer le X par la taille de votre bordure et changer COULEUR EN ANGLAIS par la couleur que vous souhaitez lui donner (ou, encore une fois, un le code HEX de votre couleur fonctionne aussi -c'est code avec le # devant-).

     

    Si vous souhaitez connaitre une autre propriété applicacable aux avatars de vos derniers visteurs, dites le moi par commentaire et j'éditerais l'article ;)


    Tags Tags : , , , , , , , ,
  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :