Connexion

Récupérer mon mot de passe

Derniers sujets*
» [PHPBB3] Afficher le nombre LIKES dans la liste des sujets
par photoclic Hier à 23:18

» [TOUTES VERSIONS]Afficher les scripts disponibles et désactivés dans un widget (ADMIN)
par photoclic Jeu 14 Oct 2021 - 10:06

» [PHPBB2]Personnaliser les annonces, notes etc
par Constellation Mer 13 Oct 2021 - 1:23

» [PHPBB2] Afficher la partie profil au dessus du message
par Milouze14 Mar 12 Oct 2021 - 11:24

» [PHPBB2] Cacher tous les sujets des invités
par Angelface Jeu 30 Sep 2021 - 18:31

» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Angelface Jeu 30 Sep 2021 - 18:07

» Ajout d'ami rapide
par Milouze14 Jeu 30 Sep 2021 - 6:54

» [PHPBB2] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par Angelface Mer 29 Sep 2021 - 2:01

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par soleda Mar 28 Sep 2021 - 8:14

» [PHPBB3]Personnaliser les annonces, notes etc
par Milouze14 Mer 8 Sep 2021 - 8:09

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Myrddin Ven 3 Sep 2021 - 22:34

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Ella Lun 30 Aoû 2021 - 18:13

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par soleda Ven 6 Aoû 2021 - 9:38

» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

» [AWESOMEBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Mer 7 Juil 2021 - 19:25

» [PHPBB3]Afficher des commentaires sous forme de vignettes
par photoclic Jeu 1 Juil 2021 - 23:28

» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par Ptite_Perle Jeu 24 Juin 2021 - 18:29

Les statistiques du forum
Nous avons 484 membres enregistrés

L'utilisateur enregistré le plus récent est saya

Nos membres ont posté un total de 27725 messages dans 1414 sujets

[PHPBB2]Afficher une barre de progression sur la liste des MPS

Voir le sujet précédent Voir le sujet suivant Aller en bas

3 participants
Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Jeu 3 Déc 2020 - 18:58

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:

[PHPBB2]Afficher une barre de progression sur la liste des MPS 184

Avec les modifications apportées, vous aurez :

Jusqu'à 30% d'occupation vous aurez une couleur verte:
[PHPBB2]Afficher une barre de progression sur la liste des MPS 243

Jusqu'à 60% d'occupation vous aurez une couleur orange:
[PHPBB2]Afficher une barre de progression sur la liste des MPS 0310

Jusqu'à 100% d'occupation vous aurez une couleur rouge:
[PHPBB2]Afficher une barre de progression sur la liste des MPS 324


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>
Plus bas , repérez et supprimez ceci:


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   Enregistr puis Ajout




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 [PHPBB2]Afficher une barre de progression sur la liste des MPS Sans_t10


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 Valid



Voila, c'est tout pour le moment  clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

tritri et Jane aiment ce message

Message n°20
petitefeuille
petitefeuille
Milouzien

https://www.petitefeuille.net/

Messagepetitefeuille Sam 5 Déc 2020 - 7:49

Merci mon Phil pour tout ce travail  Merci

Message n°30
Morane
Morane
Milouzien

https://forumdetestfamille.forumactif.com/

MessageMorane Sam 5 Déc 2020 - 17:36

Merci Phil  super

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum