Comment rajouter une image pour informer les membres qu'il y a de nouveaux messages sur un forum ?

[Invité]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.chiensdalsace.org/

Description du problème

Bonsoir,

J'aimerais savoir comment faire, pour rajouter une image, comme sur la capture d'écran pour indiquer qu'il y a un nouveau message sur le forum.

Actuellement sur mon forum, devant chaque forum j'ai un petit bouton avec une patte de chien qui clignote en rouge lorsqu'un nouveau message ou sujet a été posté, j'aimerais rajouter une image supplémentaire dans la description des messages une image qui permettrais de mieux informer mes membres. Que cela soit plus visible.

Qui aurait un code ? si oui, lequel et quelle est la procédure pour l'installer.

Merci pour votre aide.

A bientôt
Romain

[Invité]

up

[Neptunia]

Bonjour ^^

Sur la version phpBB2 l'image Nouveau / Pas de nouveau message a sa propre cellule.
Si on y place une image comme celle du FdF :

cela aura pour effet d'élargir la cellule.

A moins de modifier en profondeur le #template #index_box ce n'est donc pas réalisable.
Le moyen le plus rapide de parvenir au même rendu est de passer en version PunBB ou phpBB3

---

Mais suis-je donc bête ? Sur mon forum j'ai ajouté un texte en me basant sur ce tutoriel.
Coloriser les cellules sur l’index lorsqu’un nouveau message est posté

J'ai placé ce script sur l'index et sur les sous-forums

Code:

$(function() {
/* Ajoute une class à la cellule si sujet avec nouveau message */
$('img[src="http://2img.net/s/t/13/86/22/i_icon_newest_reply.gif"]').closest('tr').addClass('newpost');
/* Ajoute une class à la cellule si forum avec nouveau message */
$('img[src="http://2img.net/s/t/13/86/22/i_icon_minipost_new.gif"]').closest('tr').addClass('newpost');
/* Ajoute une class à la cellule si catégorie avec nouveau message */
$('img[src="http://2img.net/s/t/13/86/22/i_icon_minicat_new.gif"]').closest('tr').addClass('newpost');
/* Ajoute un texte défilant si catégorie ou forum avec nouveau message */
$('tr.newpost h2.hierarchy a.forumlink').after('<div class="check-post"><marquee behavior="alternate" scrolldelay="100" style="width: 100%;"><font color="red"> ►►► Nouveau(x) message(s) ◄◄◄</font></marquee></div>');
});

Pour les 3 premiers blocs, il faut remplacer le lien de chaque image utilisée pour signaler la présence d'un nouveau message.
- Mini-icônes > Lien dernière réponse Nouveau
- Mini-icônes > Mini sujet Nouveau
- Mini-icônes > Mini catégorie Nouveau

Pour le dernier bloc remplacer ma div par une image

Code:

<img src="http://www.hebergeur.com/tonimage.jpg">

[Invité]

Bonsoir Neptune,

Merci pour ton aide.

Donc ceci m'interresse, je m'occuperais de cela ce week-end.

Je mets en résolu le message.

Bien cordialement
Romain