-
Personnalisation des messages d'infos temporaires
Peut-être qu'après avoir appris à créer vous-même vos messages d'infos temporaires, vous aimeriez bien les personnaliser ?
Ça tombe bien, car c'est ce que l'on va apprendre à faire aujourd'hui !
Donc commençons par les bases, le sélecteur :
.splash {propriété: valeur;}
Et voici comment le personnaliser :
Les bordures :
.splash {border: (taille en pixels)px (type de bordure (solid pour une bordure normale)) (couleur en HTML);}
La couleur des bordures :
.splash {border-color: (couleur en HTML);}
La couleur du texte :
.splash {color: (couleur en HTML);}
Le fond (avec une couleur) :
.splash {background: (couleur en HTML);}
Le fond (avec une image) :
.splash {background: url('(url de votre fond)');}
Les coins arrondis (pour changer l’arrondissement) :
.splash {border-radius: (taille des coins arrondis en pixels (plus le nombre sera élevé, plus les coins seront arrondis))px;}
La police :
.splash {font-family: (police);}
Taille du texte :
.splash {font-size: (taille du texte en pixels)px;}
Et je vais vous montrer comment le personnaliser comme celui d'EklaFastoche (clic pour voir) !
Voici de suite de code :
.splash {border-color: #8C8C8C; /* Change la couleur de la bordure */
color:#8C8C8C; /* change la couleur du texte */
font-family: 'Open Sans', sans-serif; /* change la police de caractère */}Voilà, je pense avoir à peu près tout dit, vous si avez d'autres idées de personnalisation, n'hésitez pas à m'en faire part dans les commentaires !
Tags : messages infos temporaires
-
Commentaires