Vous avez envie de mettre des messages personnalisé et bien voyant pour que vos utilisateurs ne ratent pas vos messages super important, voici la solution…

 

Vous allons d’abord installer le CSS via votre feuille de style css, compatible pour forumactif également : Panneau d’administration > Affichages > Couleurs > Feuille de style CSS

♦ Mettez dans votre feuille de style, les codes qui suivent :

.msginfo {
border: 2px solid #0166B3;
background-color: #C4E4FD;
background-image: url(« http://stockage.ffmystery.com/images/moderation/message_info.png »);
background-repeat: no-repeat;
background-position: left;
margin-left: 40px;
margin-right: 40px;
padding-bottom: 20px;
padding-top: 20px;
}

.msginfo_content {
color: #0166B3;
margin-left: 100px;
margin-right: 20px;
}

.msgsucces {
border: 2px solid #319400;
background-color: #C4FDC5;
background-image: url(« http://stockage.ffmystery.com/images/moderation/message_succes.png »);
background-repeat: no-repeat;
background-position: left;
margin-left: 40px;
margin-right: 40px;
padding-bottom: 20px;
padding-top: 20px;
}

.msgsucces_content {
color: #319400;
margin-left: 100px;
margin-right: 20px;
}

.msgwarning {
border: 2px solid #CB9319;
background-color: #FEFEC8;
background-image: url(« http://stockage.ffmystery.com/images/moderation/message_warning.png »);
background-repeat: no-repeat;
background-position: left;
margin-left: 40px;
margin-right: 40px;
padding-bottom: 20px;
padding-top: 20px;
}

.msgwarning_content {
color: #CB9319;
margin-left: 100px;
margin-right: 20px;
}

.msgerreur {
border: 2px solid #842500;
background-color: #FEE0C8;
background-image: url(« http://stockage.ffmystery.com/images/moderation/message_erreur.png »);
background-repeat: no-repeat;
background-position: left;
margin-left: 40px;
margin-right: 40px;
padding-bottom: 20px;
padding-top: 20px;
}

.msgerreur_content {
color: #842500;
margin-left: 100px;
margin-right: 20px;
}

♦ Vous pouvez changez le lien de l’image si vous voulez les remplacer par du fichier .png, ainsi que les couleur du texte (color:#COULEUR;) et les couleurs du background ( background-color: #COULEUR;), ainsi que l’épaiseur, le style et la couleur de la bordure ( border: 1px solid #COULEUR;)
♦ Sauvegarder en cliquant sur valider (forumactif) ou en enregistrant votre feuille, pui l’héberger sur votre ftp en fichier .css (pour les sites)

♦ Allons dans votre message (forumactif) ou votre page html (site) et voici donc les codes à insérant en modifiant le texte par ce que vous voulez entre les deux balises :

–| Concernant tous les messages sur les informations importantes

<div class= »msginfo »><div class= »msginfo_content »>METTRE VOTRE TEXTE ICI EN REMPLAÇANT CELUI CI</div></div>

–| Concernant tous les messages sur les validations

<div class= »msgsucces »><div class= »msgsucces_content »>METTRE VOTRE TEXTE ICI EN REMPLAÇANT CELUI CI</div></div>

–| Concernant tous les messages sur les avertissements ou d’attention

<div class= »msgwarning »><div class= »msgwarning_content »>METTRE VOTRE TEXTE ICI EN REMPLAÇANT CELUI CI</div></div>

–| Concernant tous les messages d’Erreurs, de sanctions ou de bannissement

<div class= »msgerreur »><div class= »msgerreur_content »>METTRE VOTRE TEXTE ICI EN REMPLAÇANT CELUI CI</div></div>

 

♦ Enregistrer et hébergez-le si necessaire (site)
♦ Et c’est terminée !!

© Icons By Easy Hébergement & Tutoriel By Shaynee

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *