Modifier l'apparence de l'avertissement de nouveau message

[Cloo]

Bonjour,

Forum --> http://accrosjardin.forumactif.com
(mais je fais mes essais sur le forum test --> http://accrosjardintest.forumactif.com)
Version --> PhpBB3


Quand un nouveau message est écrit dans un sujet, alors qu'on est en train de répondre, quand on envoie notre réponse, on a le message suivant:
Un nouveau message vient d'être ajouté pendant que vous écriviez le vôtre.
Vous pouvez consulter les derniers messages postés ci-dessous et ainsi décider si vous voulez le modifier ou l'enregistrer.

Plusieurs de mes membres, trop pressés, ne voient pas ce message, et du coup, perdent le message qu'ils ont écrit. C'est arrivé à plusieurs.

Je sais qu'il y a une option dans le profil qui permet de ne pas avoir ce message, là n'est pas la question.

Je voudrais modifier l'apparence de ce message, le mettre en rouge et en bold.

Après recherches, j'ai ajouté ceci dans mon CSS:

Code:

/* Avertissement nouveau message en rouge et bold */
.panel div.mes-txt, .panel p {
   color:red;
   font-weight: bold;
}

Cela fonctionne pour le message, mais ça modifie aussi l'en-tête des message dans la revue du sujet qui est juste en-dessous. Et je crains que ça ne modifie d'autres choses également.

Il y a donc sûrement moyen de modifier ce que j'ai fait pour limiter la modification de l'apparence au message d'avertissement, c'est pourquoi je fais appel à vous, je suis loin d,être une experte dans le domaine.

Merci d'avance!

[Invité]

Hello Cloo,
un petit truc sympa qui peut interpeller le membre:

Une alerte s'affichera:


Puis au clic sur cette alerte.
Une bordure rouge viendra entourer le message en question et aussi le bouton "Envoyer":



Tu pourras modifier le texte de l'alerte dans le script ici:
Attention aux caractères spéciaux !!!

Code:

var M14_alertText="Attention un message vient d\'être posté";

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript

Mets un titre explicite.
Coches sur toutes les pages.


Déposes ceci:

Code:


$(function(){
var M14_alertText="Attention un message vient d\'être posté";
var M14_alert=$('.inner p:contains("Un nouveau message vient d\'être ajouté pendant que vous écriviez le vôtre.")').length;
if(M14_alert){
alert(M14_alertText);
$('.panel.row1,input[name="prevent_post"]').css('border','5px solid red');
}
});




Penses a cliquer sur le bouton VALIDER


 

a++

[Cloo]

C'est une solution, oui... merci, Milouze!

Mais comme j'ai réussi simplement avec le CSS, sauf que ça impacte d'autres choses... je me dis que ça doit être possible de mettre des énoncés CSS mieux ciblés pour ne toucher que le message, non?

Mais si personne n'a de solution, j'essaierai la tienne... merci beaucoup!


Edit: juste pour te confirmer, Milouze... je l'ai essayé sur mon forum test, et ça fonctionne bien... mais j'aimerais trouver la solution CSS, si possible

[Invité]

Hello Cloo,

effectivement tu vas retrouver à maintes reprises ces éléments..
En css, tu ne pourras donc rien faire.
Par contre, ce script( en remplacement de l'autre):

Code:


$(function(){
var M14_alert=$('.inner p:contains("Un nouveau message vient d\'être ajouté pendant que vous écriviez le vôtre.")').length;
if(M14_alert){$('#main-content').addClass('M14_alert');}
});

va donner la class ( M14_alert ) à la div:

Code:

#main-content

A partir de là, tu vas pouvoir faire ce que tu souhaites comme ceci

Code:


#main-content.M14_alert .panel div.mes-txt,
#main-content.M14_alert .panel p
{
   color:red;
   font-weight: bold;
}



a++

[Cloo]

Bonjour Milouze,

Je viens de l'essayer sur mon forum test. Ça fonctionne pour le message d'avertissement, mais les titres des messages dans la revue des messages en-dessous sont également en rouge bold. Mais uniquement cela, donc moins de choses impactées qu'avec ce que j'avais mis.

(Avec ce que j'avais mis, quand on faisait "Répondre", les titres des messages précédents, affichés sous la boîte de réponse étaient impactés... avant même d'envoyer le message et d'avoir le message d'avertissement... pas avec ta solution... c'est donc déjà mieux!).

[Invité]

Re Cloo,
que veux tu faire alors ?
Pourrais tu faire une capture de ton souhait ?

a++

[Cloo]

Bonjour Milouze,

Je me suis mal exprimée... c'est parfait pour le message d'alerte de nouveau message, et je l'ai déjà implanté. Merci beaucoup!  

Mais il y a encore un effet secondaire (beaucoup moins qu'avec ce que j'avais fait au début), tu peux voir sur la copie d'écran ci-dessous que, si on regarde la revue du sujet qui se trouve en dessous de ce message d'alerte, les titres sont aussi en gras et en rouge, ce qui n'est pas le cas d'habitude.



Comme c'est assez mineur, j'ai implanté quand même la modif, et je te remercie de la solution que tu m'as donnée. Mas si on pouvait aussi corriger ce petit effet secondaire, ce serait parfait!

Merci beaucoup!

[Invité]

Re Cloo,
ce style devrait fonctionner:

Code:


#main-content.M14_alert .inner p[style="text-align:center"]
{
color:red;
font-weight: bold;
}
 

a++

[Cloo]

Ah oui, c'est parfait!

Merci beaucoup, Milouze!

[Invité]

Re,
de rien chère amie .

a++

[Chacha]

Ah oui, c'est parfait!

Merci beaucoup, Milouze!

Bonjour, Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à : éditer votre premier message, cocher l'icône résolu et enregistrer Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

[Cloo]

Oui, oui, je sais!!! J'attends juste un feedback de mes membres pour savoir si ça leur convient, je vais le faire d'ici quelques jours