Membres connectés récemment
[PHPBB2]Afficher une barre de progression sur la liste des MPS
Page 1 sur 1 • Partagez
Hello les ami(e)s,
voici une astuce bien sympa,
elle consiste a afficher une barre de progression en relation avec le pourcentage occupé de chaque boîte:
Si il n'y a aucun message, cette barre ne sera pas visible.
Boîte de réception
Messages envoyés
Boîte d'envoi
Archives
Actuellement , vous avez ceci:
Avec les modifications apportées, vous aurez :
Jusqu'à 30% d'occupation vous aurez une couleur verte:
Jusqu'à 60% d'occupation vous aurez une couleur orange:
Jusqu'à 100% d'occupation vous aurez une couleur rouge:
Vous pourrez définir les couleurs désirées dans le script ici:
Cette barre s'affichera progressivement ( 2 secondes),
vous pouvez diminuer la valeur (2000) dans le script ici:
Exemple pour 3 secondes, il faudra renseigner 3000.
Ne touchez à rien d'autre.
Dans un premier temps, on va intervenir dans le templates de la liste des mps.
Dans le template privmsgs_body:
Affichage/Templates/Poster et messages privés/privmsgs_body
Recherchez ceci:
Remplacez par:
Plus bas repérez ceci:
Remplacez par:
Pensez a enregistrer puis à valider en cliquant respectivement sur puis
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:
Penser a cliquer sur le bouton
Et pour finir le script:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposer ceci:
Penser a cliquer sur le bouton
voici une astuce bien sympa,
elle consiste a afficher une barre de progression en relation avec le pourcentage occupé de chaque boîte:
Si il n'y a aucun message, cette barre ne sera pas visible.
Boîte de réception
Messages envoyés
Boîte d'envoi
Archives
Actuellement , vous avez ceci:
Avec les modifications apportées, vous aurez :
Jusqu'à 30% d'occupation vous aurez une couleur verte:
Jusqu'à 60% d'occupation vous aurez une couleur orange:
Jusqu'à 100% d'occupation vous aurez une couleur rouge:
Vous pourrez définir les couleurs désirées dans le script ici:
- Code:
//PREMIERE COULEUR
var b="green";
//DEUXIEME COULEUR
var c="orange";
//TROISIEME COULEUR
var d="red";
Cette barre s'affichera progressivement ( 2 secondes),
vous pouvez diminuer la valeur (2000) dans le script ici:
- Code:
{duration: 2000,easing: "linear"});
Exemple pour 3 secondes, il faudra renseigner 3000.
Ne touchez à rien d'autre.
Dans un premier temps, on va intervenir dans le templates de la liste des mps.
Dans le template privmsgs_body:
Affichage/Templates/Poster et messages privés/privmsgs_body
Recherchez ceci:
- Code:
<span class="gensmall">{BOX_SIZE_STATUS}</span>
Remplacez par:
- Code:
<span class="gensmall M14_number_pourcent">{BOX_SIZE_STATUS}</span>
- Code:
<tr>
<td class="row2" colspan="3" width="250">
<table border="0" cellspacing="0" cellpadding="1">
<tr>
<td class="pourcentback"><img src="https://2img.net/i/empty.gif" alt="{INBOX_LIMIT_PERCENT}" height="8" width="{INBOX_LIMIT_IMG_WIDTH}" /></td>
</tr>
</table>
</td>
</tr>
Plus bas repérez ceci:
- Code:
<tr>
<td class="row1" width="33%"><span class="gensmall">0%</span></td>
<td class="row1" align="center" width="34%"><span class="gensmall">50%</span></td>
<td class="row1" align="right" width="33%"><span class="gensmall">100%</span></td>
</tr>
Remplacez par:
- Code:
<tr>
<td class="row1" align="left" width="100%"><div id="M14_pourcentePriv"></div></td>
</tr>
Pensez a enregistrer puis à valider en cliquant respectivement sur puis
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajouter ceci:
- Code:
div#M14_pourcentePriv{width:10px;height:5px;display:inline-block;}
Penser a cliquer sur le bouton
Et pour finir le script:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposer ceci:
- Code:
if(location.href.match(/privmsg/))
{
$(function(){
var a=100;
//PREMIERE COULEUR
var b="green";
//DEUXIEME COULEUR
var c="orange";
//TROISIEME COULEUR
var d="red";
$('.M14_number_pourcent').each(function(){
var num=$(this).text();
var numbis=num.match(/\d+/);
var result=a-numbis;
if(numbis==null)return;
else
{
$('#M14_pourcentePriv').animate({width: ''+numbis+'%'}, {duration: 2000,easing: "linear"});
$('#M14_pourcentePriv').attr('title',''+numbis+'%');
if(numbis<=30){$('#M14_pourcentePriv').css('background-color',b);}if(numbis>30){$('#M14_pourcentePriv').css('background-color',c);} if(numbis>60){$('#M14_pourcentePriv').css('background-color',d);} }});});}
Penser a cliquer sur le bouton
tritri et Jane aiment ce message
Sujets similaires
» [PHPBB2] Afficher la description du forum dans la liste des sujets
» [PHPBB2] Afficher l'auteur du sujet dans la liste des sujets
» [PHPBB2]Afficher les statistiques dans la liste des membres
» [PHPBB2] Afficher les forums de la catégorie dans la liste des sujets
» [PHPBB2]Afficher le nombre LIKES dans la liste des sujets
» [PHPBB2] Afficher l'auteur du sujet dans la liste des sujets
» [PHPBB2]Afficher les statistiques dans la liste des membres
» [PHPBB2] Afficher les forums de la catégorie dans la liste des sujets
» [PHPBB2]Afficher le nombre LIKES dans la liste des sujets
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