-
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 : avatar, couleur, changez, anglais, dernier, css, code, web, desing
-
Commentaires