Ou plus exactement comment attirer l'attention sur une info ou un message?
Copier et coller dans "modifier le head "les codes ci dessous
<style type="text/css">
/*<![CDATA[*/
/* Messages style */
.message-ok, .message-info, .message-error, .message-warning, .message-ok a, .message-info a, .message-error a, .message-warning a {
font:normal 14px/140% "Droid Sans", sans-serif!important;
}
.message-ok, .message-info, .message-error, .message-warning {
padding: 0.8em!important;
line-height:1.8em!important;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
}
.message-ok {
background:#DFF2BF url();
color: #4F8A10!important;
border:1px solid #DFF2BF;
border-left: 4px solid #4F8A10 !important;
}
.message-info {
background:#D9EDF7 url();
border:1px solid #BCE8F1;
color: #00719F!important;
border-left: 4px solid #00719F !important;
}
.message-warning {
background:#FCF8E3 url();
border: 1px solid #FBEED5;
color: #C09853!important;
border-left: 4px solid #C09853 !important;
}
.message-error {
background:#F2DEDE url();
border-left: 4px solid #B94A48 !important;
border: 1px solid #EED3D7;
color: #B94A48!important;
}
/*]]>*/
</style>
Pour insérer le message en vert ....Message positif...
Copiez le code ci dessous et collez-le dans un élément widget / HTML sur la page de votre site ou vous voulez faire apparaître l'info
Code à entrer :
<div class="message-ok">
Écrire votre message positif ici</div>
Remplacez : "Ecrire votre message positif ici" par votre message/texte perso!
Ce qui donne :
Pour insérer le message en rose ....Message d'erreur...
Copiez le code ci dessous et collez-le dans un élément widget / HTML sur la page de votre site ou vous voulez faire apparaître l'info
Code à entrer :
<div class="message-error">
Écrire votre message d'erreur ici</div>
Remplacez : "Ecrire votre message d'erreur ici" par votre message/texte perso!
Ce qui donne :
Pour insérer le message en beige ....Message d'alerte...
Copiez le code ci dessous et collez-le dans un élément widget / HTML sur la page de votre site ou vous voulez faire apparaître l'info
Code à entrer :
<div class="message-warning">
Écrire votre message d'erreur ici</div>
Remplacez : "Ecrire votre message d'erreur ici" par votre message/texte perso!
Ce qui donne :
Pour insérer le message bleu ....Message info ...
Copiez le code ci dessous et collez-le dans un élément widget / HTML sur la page de votre site ou vous voulez faire apparaître l'info
Code à entrer :
<div class="message-info">
Écrire votre message d'erreur ici</div>
Remplacez : "Ecrire votre message d'erreur ici" par votre message/texte perso!
Ce qui donne :