
,
cette astuce va vous permettre sur la liste des sujets d'afficher la totalité:
Pour la liste des sujets, il faudra pour que le script fonctionne avoir au moins une annonce globale.
Des sujets présents sur la page en cours.
Dont les annonces globales ,Annonces et notes dans leurs totalité et les sujets verrouillés sur la page en cours.
Puis sur les messages la totalité des messages postés sur la page en cours.
Aperçus imagés:
Sur la liste des sujets:
![[PHPBB3] Afficher le nombre d'Annonce & Note, sujets et sujets verrouillés façon Punbb 141](https://i.servimg.com/u/f86/11/26/21/37/141.png)
Sur les messages:
![[PHPBB3] Afficher le nombre d'Annonce & Note, sujets et sujets verrouillés façon Punbb 228](https://i.servimg.com/u/f86/11/26/21/37/228.png)
On va commencer par la liste des sujets:
Il faudra remplacer l'image correspondant aux sujets verrouillés présent dans le script ici:
- Code:
-
var g= $('dl.icon[style*="http://2img.net/i/fa/prosilver/topic_read_locked.gif"]').length;
Remplacez donc ceci:
- Code:
-
http://2img.net/i/fa/prosilver/topic_read_locked.gif
Par le lien de votre image
Modules/
HTML JAVASCRIPT/
Gestion des codes Javascript/
Créer un nouveau JavascriptMettre un titre explicite.
Cochez "Sur les sous-forums".
Déposez ceci:
- Code:
-
$(function(){
$('strong:contains("Annonce globale:"), strong:contains("Annonce:"), strong:contains("Note:")').addClass('M14Important');
$('.forumbg.announcement').before('<div id="M14Topic"></div>');
var M14Topic= function() {
var e=$('.topic-title-container').length;
var f=$('strong.M14Important').length;
//mettre l image de fond pour les sujets verrouilles
var g= $('dl.icon[style*="http://2img.net/i/fa/prosilver/topic_read_locked.gif"]').length;
$("#M14Topic" ).html("<span class=M14_text>Actuellement, il y a </span><span class=M14_num>"+ e +"</span><span class=M14_text> sujets(s) </span><span class=M14_separa> | </span><span class=M14_text> Annonce & Note:</span><span class=M14_num>"+ f +"</span><span class=M14_separa> | </span><span class=M14_text> sujet(s) verrouillé(s) :</span><span class=M14_num>"+ g +"</span> ");
};
M14Topic();
});
Penser a cliquer sur le bouton
Puis le script sur les messages:
Modules/
HTML JAVASCRIPT/
Gestion des codes Javascript/
Créer un nouveau JavascriptMettre un titre explicite.
Cochez "Sur les sujets".
Déposez ceci:
- Code:
-
$(function(){
$('div[id^="p"] .post:first').before('<div id="M14Topic"style="margin-bottom:5px;"></div>');
var M14Topic= function() {
var e=$('.postprofile').length;
$("#M14Topic" ).html("<span class=M14_text>Actuellement, il y a </span><span class=M14_num>" + e + "</span><span class=M14_text> message(s)</span> ");
};
M14Topic();
});
Penser a cliquer sur le bouton
Il ne reste plus qu'a personnaliser tout çà:
Dans la feuille de style:
Affichage/
Images et Couleurs/
Couleurs/
Feuille de styleDéposez ceci:
- Code:
-
/*DEBUT COMPTEUR FACON PUNBB PAR MILOUZE14*/
/*le conteneur*/
#M14Topic{background-image: url(http://2img.net/i/fa/prosilver/bg_list.gif);
background-position: 0 0;
background-repeat: repeat-x;
padding:5px;
border-radius:5px;
}
/*Le texte */
.M14_text{color:white;font-size:11px;}
/*La barre de separation*/
.M14_separa{color:white;font-weight:bold;}
/*Les chiffres*/
.M14_num
{
margin:0px 5px;
color:black;
font-size:11px;
text-align:center;
padding:2px 5px;
background:white;
border-radius:50px;
}
/*FIN COMPTEUR FACON PUNBB PAR MILOUZE14*/
Penser a cliquer sur le bouton
L'astuce a été créée avec des templates vierges.