• 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 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 :


Veuillez activer le Javascript pour naviguer correctement sur EklaFastoche
Cet article vous a-t-il aidé ?