Hello les ami(e)s,
voici une astuce qui affichera respectivement:
Le nombre de brouillon(s) en attente (pluriel et singulier prit en compte).
Le lien du ou des sujet(s) concerné(s) (pluriel et singulier prit en compte).
Le lien vers le ou les brouillons .
Aperçu imagé avec plusieurs brouillons:
![[PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc 111](https://i.servimg.com/u/f62/11/26/21/37/111.jpg)
Oui je sais, j'en fais pas mal

.
Aperçu imagé avec un brouillon:
![[PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc 210](https://i.servimg.com/u/f62/11/26/21/37/210.jpg)
Vous pourrez modifier comme bon vous semble l'apparence aussi bien dans le script, ou vous pourrez vous aider des commentaires
afin de mettre votre propre couleur et tailles de police...
Dès qu'il y aura un brouillon, le membre verra s'afficher progressivement cette fameuse div
Modules/
HTML JAVASCRIPT/
Gestion des codes JavascriptCréer un nouveau javascriptMettez un titre explicite.Cochez sur toutes les pages.Déposez ceci:
- Code:
-
$(function(){
$('body').append('<div class="M14_Brouillon">
<center><span class="M14_Brouillon_title"></span><br />
<span class="M14_Brouillon_info"></span><br /></center>
<center class="M14_center"></center>
<div class="M14_GetBrouillon"></div></div>');
$.get('/search?search_id=draftsearch',function(data){
var M14_brouillon=$(data).find('.forumline').find('a[href$="mode=editpostdraft"]').length;
var link='/search?search_id=draftsearch';
// Couleur de police a changer ici
var color='#01B0F0';
//Taille de police du titre a changer ici
var siZetitle='11px';
//Taille de police du lien a changer ici
var siZelink='11px';
if(M14_brouillon ==1 )
{
$('.M14_Brouillon').fadeIn(1000);
$('.M14_Brouillon .M14_Brouillon_title').html('<span style="color:'+color+';font-size:'+siZetitle+';">Brouillon en attente ( '+M14_brouillon+' )</span> ');
$('.M14_Brouillon span.M14_Brouillon_info').html('<a style="font-size:'+siZelink+';color:'+color+';"href="'+link+'"title="Voir le brouillon en attente">Vous avez '+M14_brouillon+' brouillon en attente</a>');
$('.M14_Brouillon center.M14_center').html('Le sujet concerné');
$('.M14_GetBrouillon').load('/search?search_id=draftsearch .forumline a.postdetails[href^="/t"]');
}
else if(M14_brouillon >=1 )
{
$('.M14_Brouillon').fadeIn(1000);
$('.M14_Brouillon .M14_Brouillon_title').html('<span style="color:'+color+';font-size:'+siZetitle+';">Brouillons en attente ( '+M14_brouillon+' )</span> ');
$('.M14_Brouillon span.M14_Brouillon_info').html('<a style="font-size:'+siZelink+';color:'+color+';"href="'+link+'"title="Voir les '+M14_brouillon+' brouillons en attente">Vous avez '+M14_brouillon+' brouillons en attente</a>');
$('.M14_GetBrouillon').load('/search?search_id=draftsearch .forumline a.postdetails[href^="/t"]');
$('.M14_Brouillon center.M14_center').html('Les sujets concernés');
}
else{$('.M14_Brouillon').remove();
}
});
});
Pensez a cliquer sur le bouton ValiderPuis le style:
Dans la feuille de style:
Affichage/
Images et Couleurs/
Couleurs/
Feuille de styleAjoutez ceci:
- Code:
-
/*Le conteneur des brouillons*/
.M14_Brouillon
{
display:none;
width:230px;
border:2px solid #8E3557;
background-color:#ffffff;
padding: 2px;
position: fixed;
top:40px;
left: 5px;
}
/*La partie annoncant Les sujets concernes*/
.M14_Brouillon center.M14_center{font-size:13px;font-style:italic;color:#8E3557;}
/*Suppression du soulignement des liens*/
.M14_GetBrouillon a.postdetails,.M14_Brouillon a{text-decoration:none!important;}
/*Le conteneur des sujets*/
.M14_GetBrouillon
{
padding: 3px;
min-height:60px;
height:auto;
max-height:200px;
overflow-y:auto;
margin: 3px;
border: 1px dotted #333333;
background-color:#ffffff;
border-radius:6px;
}
/*Apparence des sujets dans le conteneur*/
.M14_GetBrouillon a.postdetails
{
float:left;
margin-left:3px;
color: #01B0F0!important;
font-size:10px !important;
white-space: nowrap;
width:180px;
overflow: hidden;
}
/*L asterisque devant les titres des sujets*/
.M14_GetBrouillon a.postdetails:before
{
content:"*";
color:#8E3557;
position: relative;
top: 2px;
margin-right: 5px;
}
Pensez à valider les modifications en cliquant sur le bouton Valider Dans le script,vous pouvez changer :
La transition d'affichage ici(à deux reprises):
- Code:
-
$('.M14_Brouillon').fadeIn(1000);
Modifiez la valeur 1000( 1 seconde ) par celle que vous souhaitez.
Exemple si vous désirez 2 secondes:
- Code:
-
$('.M14_Brouillon').fadeIn(2000);
La couleur de police ici:
- Code:
-
// Couleur de police a changer ici
var color='#01B0F0';
La taille de police du titre ici:
- Code:
-
//Taille de police du titre a changer ici
var siZetitle='11px';
La taille de police du lien ici:
- Code:
-
//Taille de police du lien a changer ici
var siZelink='11px';