Derniers sujets*
» [PHPBB2] Couleur spécifique aux membres d'un rang dans les messages
par Roza Aujourd'hui à 11:07
» [TOUTES VERSIONS] Afficher une belle infobulle au survol des boutons J aime
par clost Sam 17 Avr 2021 - 12:03
» [MODERNBB] Supprimer l'effet scroll sur la barre de navigation
par Milouze14 Lun 12 Avr 2021 - 7:56
» [MODERNBB]Retirer les crochets des groupes dans le Qeel
par Serah Sam 10 Avr 2021 - 22:48
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Stefano36 Mer 31 Mar 2021 - 21:57
» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Constellation Mer 31 Mar 2021 - 1:59
» [PHPBB2] Remplacer le mot Invité
par Constellation Mer 31 Mar 2021 - 1:37
» [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
par Constellation Mer 31 Mar 2021 - 1:31
» [TOUTES VERSIONS] Sauvegarder le contenu de l'éditeur
par Constellation Mer 31 Mar 2021 - 1:30
» [TOUTES VERSIONS]Message de confirmation de fermeture de la page pour les membres distraits
par Constellation Mer 31 Mar 2021 - 1:24
» [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
par Constellation Mer 31 Mar 2021 - 1:14
» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Constellation Mar 30 Mar 2021 - 22:53
» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Constellation Mar 30 Mar 2021 - 22:50
» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par Milouze14 Mar 30 Mar 2021 - 6:14
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par Constellation Dim 28 Mar 2021 - 19:34
» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par Constellation Dim 28 Mar 2021 - 19:31
» [TOUTES VERSIONS] Modifier les menus défilant de l'éditeur
par Milouze14 Lun 22 Mar 2021 - 7:30
» [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris
par photoclic Dim 21 Mar 2021 - 19:24
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
par Roza Aujourd'hui à 11:07
» [TOUTES VERSIONS] Afficher une belle infobulle au survol des boutons J aime
par clost Sam 17 Avr 2021 - 12:03
» [MODERNBB] Supprimer l'effet scroll sur la barre de navigation
par Milouze14 Lun 12 Avr 2021 - 7:56
» [MODERNBB]Retirer les crochets des groupes dans le Qeel
par Serah Sam 10 Avr 2021 - 22:48
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Stefano36 Mer 31 Mar 2021 - 21:57
» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Constellation Mer 31 Mar 2021 - 1:59
» [PHPBB2] Remplacer le mot Invité
par Constellation Mer 31 Mar 2021 - 1:37
» [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
par Constellation Mer 31 Mar 2021 - 1:31
» [TOUTES VERSIONS] Sauvegarder le contenu de l'éditeur
par Constellation Mer 31 Mar 2021 - 1:30
» [TOUTES VERSIONS]Message de confirmation de fermeture de la page pour les membres distraits
par Constellation Mer 31 Mar 2021 - 1:24
» [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
par Constellation Mer 31 Mar 2021 - 1:14
» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Constellation Mar 30 Mar 2021 - 22:53
» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Constellation Mar 30 Mar 2021 - 22:50
» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par Milouze14 Mar 30 Mar 2021 - 6:14
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par Constellation Dim 28 Mar 2021 - 19:34
» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par Constellation Dim 28 Mar 2021 - 19:31
» [TOUTES VERSIONS] Modifier les menus défilant de l'éditeur
par Milouze14 Lun 22 Mar 2021 - 7:30
» [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris
par photoclic Dim 21 Mar 2021 - 19:24
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
Les statistiques du forum
[PHPBB3]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
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
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic aime ce message
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