Membres connectés récemment
[Invision] Alerte message reçu dans messagerie
2 participants
Page 1 sur 1
- Version du forum :Invision
- Templates modifiés :oui
- Navigateur :Chrome
Bonsoir,
j'avais mis une mini-icone .gif (enveloppe clignotante rouge) pour avertir visuellement de la réception d'un message dans la messagerie (le chiffre indiquant le nombre de message reçus n'étant pas très visible, je trouve); j'ai retiré les mini-icônes assez moches de la barre de navig. (sur les conseils de Milouze, car il est toujours de bon conseil mais du coup l'alerte avec l'icone ne marche plus, normal.
Serait-il possible d'avoir un script qui donne l'apparence d'un clignotement du mot Messagerie (par exemple alternance couleur de survol/couleur normale de la barre) lorsqu'un ou des messages non lus sont arrivés. Je ne sais pas si je suis très clair.
j'avais mis une mini-icone .gif (enveloppe clignotante rouge) pour avertir visuellement de la réception d'un message dans la messagerie (le chiffre indiquant le nombre de message reçus n'étant pas très visible, je trouve); j'ai retiré les mini-icônes assez moches de la barre de navig. (sur les conseils de Milouze, car il est toujours de bon conseil mais du coup l'alerte avec l'icone ne marche plus, normal.
Serait-il possible d'avoir un script qui donne l'apparence d'un clignotement du mot Messagerie (par exemple alternance couleur de survol/couleur normale de la barre) lorsqu'un ou des messages non lus sont arrivés. Je ne sais pas si je suis très clair.
C'était pas un script, j'avais juste mis une image animée à PA/Images et Couleurs/Gestion des Images/Mode Avancé/Général-Navigation/Nouveaux messages privés : alerte
Je pense que c'est normal qu'on ne la voit plus puisque ta modif de la CSS #submenu a.mainmenu img{display:none;} cache toutes les petites icônes, non ?
Je pense que c'est normal qu'on ne la voit plus puisque ta modif de la CSS #submenu a.mainmenu img{display:none;} cache toutes les petites icônes, non ?
Bonjour Pascal,
alors effectivement , c'est le style qui bloque cette petite image.
On va procéder autrement afin que le membre puisse voir que sa boite de réception contient un ou plusieurs MP(s).
Au survol de la petite enveloppe rouge, une infobulle affichera un texte (que tu pourras changer dans le script) et si un mp on aura aussi l'auteur.
Je vais te donner deux scripts, le premier affichera sur la barre de navigation au niveau du lien mp:
Si un mp:
Au delà de 1 mp (2 ou plus) :
Pour l'exemple 3 mps:
Et le deuxième script sera identique mais va ajouter en haut à droite
la même information en position fixe(c'est a dire que cette information restera tout le le temps afficher tant que le membre n'aura pas lu son ou ses MP(s).
Le script va rechercher le ou les MPs non lu grâce à l'image nouveau qui correspond à ceci sur ton forum il me semble!
C'est à dire , ce lien:
https://i.servimg.com/u/f10/20/12/81/51/snail_15.png
On retrouve ce lien dans le script afin de nous donner le nombre de MP(s) non lu.
J'ai déposé des variables texte et une image si tu désires modifier la petite image.
Il suffit de suivre les commentaires qui commencent par //
Le premier script:
Le deuxième script:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
déposes le script désiré
Penser a cliquer sur le bouton
Ensuite suivant le script choisis, on va donner un style au(x) boutons(s).
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Si tu as pris le premier script
Ajouter ceci:
Si tu as le pris le deuxième:
Ajoutes ceci:
Penser a cliquer sur le bouton
Remplaces ensuite le style que tu as déposé:
Par celui-ci:
Il cachera toutes les images sauf la petite image indiquant un mp.
alors effectivement , c'est le style qui bloque cette petite image.
On va procéder autrement afin que le membre puisse voir que sa boite de réception contient un ou plusieurs MP(s).
Au survol de la petite enveloppe rouge, une infobulle affichera un texte (que tu pourras changer dans le script) et si un mp on aura aussi l'auteur.
Je vais te donner deux scripts, le premier affichera sur la barre de navigation au niveau du lien mp:
Si un mp:
Au delà de 1 mp (2 ou plus) :
Pour l'exemple 3 mps:
Et le deuxième script sera identique mais va ajouter en haut à droite
la même information en position fixe(c'est a dire que cette information restera tout le le temps afficher tant que le membre n'aura pas lu son ou ses MP(s).
Le script va rechercher le ou les MPs non lu grâce à l'image nouveau qui correspond à ceci sur ton forum il me semble!
C'est à dire , ce lien:
https://i.servimg.com/u/f10/20/12/81/51/snail_15.png
On retrouve ce lien dans le script afin de nous donner le nombre de MP(s) non lu.
- Code:
var number=$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').length;
J'ai déposé des variables texte et une image si tu désires modifier la petite image.
Il suffit de suivre les commentaires qui commencent par //
Le premier script:
- Code:
$(function(){
var mp=$('div#submenu a.mainmenu[href="/privmsg?folder=inbox"]');
$.get('/privmsg?folder=inbox' , function(data){
var number=$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').length;
$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').each(function(){
var membre=$(this).closest('tr').find('td.row1:not(.centered)').find(' a[href^="/u"]').text();
//LE LIEN DE L IMAGE MP
var img="https://i.servimg.com/u/f20/20/11/87/27/mail10.png";
//LE TEXTE AU SURVOL DE L IMAGE SI UN MP
var texteMp="Vous avez reçu un message privé de la part de";
//LE TEXTE AU SURVOL DE L IMAGE SI PLUSIEURS MPS
var texteMpmore="Vous avez reçu des messages privés de la part de beaucoup de membres";
if(number==1)
{
mp.addClass('M14_MP').html(' <img class="imgmp"src="'+img+'"title="'+texteMp+' '+membre+'"/> Message privé ( '+number+' )');
}
else if(number>1)
{
mp.addClass('M14_MP').html('<img class="imgmp"src="'+img+'"title="'+texteMpmore+'"/> Messages privés ( '+number+' )');
}
});
$('.M14_MP').each(function() {
var elem = $(this);
setInterval(function() {
if (elem.css('visibility') == 'hidden') {
elem.css('visibility', 'visible');
} else {
elem.css('visibility', 'hidden');
}
}, 1000);
});
});});
Le deuxième script:
- Code:
$(function(){
var mp=$('div#submenu a.mainmenu[href="/privmsg?folder=inbox"]');
$.get('/privmsg?folder=inbox' , function(data){
var number=$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').length;
$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').each(function(){
var membre=$(this).closest('tr').find('td.row1:not(.centered)').find(' a[href^="/u"]').text();
//LE LIEN DE L IMAGE MP
var img="https://i.servimg.com/u/f20/20/11/87/27/mail10.png";
//LE TEXTE AU SURVOL DE L IMAGE SI UN MP
var texteMp="Vous avez reçu un message privé de la part de";
//LE TEXTE AU SURVOL DE L IMAGE SI PLUSIEURS MPS
var texteMpmore="Vous avez reçu des messages privés de la part de beaucoup de membres";
if(number==1)
{
$('body').append('<a id="M14_MP" href="/privmsg?folder=inbox"> <img src="'+img+'" title="'+texteMp+' '+membre+'"> Message privé ( '+number+' )</a>');
mp.addClass('M14_MP').html(' <img class="imgmp"src="'+img+'"title="'+texteMp+' '+membre+'"/> Message privé ( '+number+' )');
}
else if(number>1)
{
$('body').append('<a id="M14_MP" href="/privmsg?folder=inbox"> <img src="'+img+'" title="'+texteMpmore+'"> Messages privés ( '+number+' )</a>');
mp.addClass('M14_MP').html('<img class="imgmp"src="'+img+'"title="'+texteMpmore+'"/> Messages privés ( '+number+' )');
}
});
$('.M14_MP').each(function() {
var elem = $(this);
setInterval(function() {
if (elem.css('visibility') == 'hidden') {
elem.css('visibility', 'visible');
} else {
elem.css('visibility', 'hidden');
}
}, 1000);
});
});});
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
déposes le script désiré
Penser a cliquer sur le bouton
Ensuite suivant le script choisis, on va donner un style au(x) boutons(s).
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Si tu as pris le premier script
Ajouter ceci:
- Code:
/*MESSAGE PRIVE*/
.M14_MP
{
color:orange !important;
background-color:white!important;
}
Si tu as le pris le deuxième:
Ajoutes ceci:
- Code:
/*MESSAGE PRIVE*/
.M14_MP
{
color:orange !important;
background-color:white!important;
}
#M14_MP
{
position:fixed;
top:30px;
right:10px;
color:orange !important;
background-color:white!important;
}
Penser a cliquer sur le bouton
Remplaces ensuite le style que tu as déposé:
- Code:
#submenu a.mainmenu img{display:none;}
Par celui-ci:
- Code:
#submenu a.mainmenu img:not(.imgmp){display:none;}
Il cachera toutes les images sauf la petite image indiquant un mp.
Sujets similaires
» [PhpBB2] Message d'alerte en temps réel
» [PHPBB3] Ajouter les nombres dans la messagerie
» [PHPBB2] Mise en page dans le corps du message uniquement sur le 1er message
» [INVISION] Afficher un bouton de navigation sur le premier et le dernier message
» [Invision] Comment supprimer le mot "forum" dans les categories
» [PHPBB3] Ajouter les nombres dans la messagerie
» [PHPBB2] Mise en page dans le corps du message uniquement sur le 1er message
» [INVISION] Afficher un bouton de navigation sur le premier et le dernier message
» [Invision] Comment supprimer le mot "forum" dans les categories
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum