Connexion
Derniers sujets*
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11
» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27
» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11
» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27
» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26
Les statistiques du forum
[PHPBB3]Afficher une barre de progression sur la liste des MPS
Page 1 sur 1 • Partagez
- Milouze14Fondateur
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
Jusqu'à 30% d'occupation vous aurez une couleur verte:
![[PHPBB3]Afficher une barre de progression sur la liste des MPS 183](https://i.servimg.com/u/f20/20/11/87/27/183.jpg)
Jusqu'à 60% d'occupation vous aurez une couleur orange:
![[PHPBB3]Afficher une barre de progression sur la liste des MPS 242](https://i.servimg.com/u/f20/20/11/87/27/242.jpg)
Jusqu'à 100% d'occupation vous aurez une couleur rouge:
![[PHPBB3]Afficher une barre de progression sur la liste des MPS 323](https://i.servimg.com/u/f20/20/11/87/27/323.jpg)
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:
Juste après déposez ceci:
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![[PHPBB3]Afficher une barre de progression sur la liste des MPS Sans_t10](https://i.servimg.com/u/f87/11/26/21/37/sans_t10.png)
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
Voila, c'est tout pour le moment
.
Un soucis direction l'entraide
https://www.milouze14.com/f14-entraide-forumactif
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
Jusqu'à 30% d'occupation vous aurez une couleur verte:
![[PHPBB3]Afficher une barre de progression sur la liste des MPS 183](https://i.servimg.com/u/f20/20/11/87/27/183.jpg)
Jusqu'à 60% d'occupation vous aurez une couleur orange:
![[PHPBB3]Afficher une barre de progression sur la liste des MPS 242](https://i.servimg.com/u/f20/20/11/87/27/242.jpg)
Jusqu'à 100% d'occupation vous aurez une couleur rouge:
![[PHPBB3]Afficher une barre de progression sur la liste des MPS 323](https://i.servimg.com/u/f20/20/11/87/27/323.jpg)
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:
<p class="left-box">{BOX_SIZE_STATUS}</p>
Remplacez par:
- Code:
<p class="left-box M14_number_pourcent">{BOX_SIZE_STATUS}</p>
Plus bas , repérez ceci:
- Code:
<p class="right-box">
{L_DISPLAY_MESSAGES}: <select name="msgdays">
{S_SELECT_MSG_DAYS}
</select> <input class="button2" type="submit" name="submit_msgdays" value="{L_GO}" />
</p>
<div class="clear"></div>
Juste après déposez ceci:
- Code:
<div id="M14_pourcentePriv"></div>
Pensez a enregistrer puis à valider en cliquant respectivement sur


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
![[PHPBB3]Afficher une barre de progression sur la liste des MPS Sans_t10](https://i.servimg.com/u/f87/11/26/21/37/sans_t10.png)
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

Voila, c'est tout pour le moment

Un soucis direction l'entraide

https://www.milouze14.com/f14-entraide-forumactif
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Sujets similaires internes ( 0 )
Aucun sujet
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