Une barre de statistiques comme sur le FDF

Hi,
Voici une astuce qui vous permet de modifier la barre de statistiques de la version ModernBB

Les 3 variables utilisées pour la barre de statistiques sont :

{TOTAL_POSTS} => nombre de message total
{TOTAL_USERS} => nombre de membre total
{NEWEST_USER} => lien et pseudo vers le dernier nouveau membre

Aperçu du rendu final

Voir :

Direction le template

Panneau d'administration / Affichage / Templates / Général / index_body


Dans le template index_body Recherchez ceci :

Code:

<!-- END disable_viewonline -->

Juste après déposez ceci :

Code:

<div class="global-stat-bar">
    <div>
        <span>{TOTAL_POSTS}</span>
        <script>$('script:last').prev().text(function(_,o){return o.match(/[0-9]+/)[0]})</script>
        MESSAGES
    </div>
    <div>
        <span>{TOTAL_USERS}</span>
        <script>$('script:last').prev().text(function(_,o){return o.match(/[0-9]+/)[0]})</script>
        MEMBRES
    </div>
    <div>
        <span>{NEWEST_USER}</span>
        <script>$('script:last').prev().html(function(_,o){return o.match(/<.*>/)[0]})</script>
        NOUVEAU MEMBRE
    </div>
</div>

Pensez à     les modifications au template
Et pensez à publier votre template (modifié) en cliquant sur  



Direction la CSS

Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS



Mettre ce code à la CSS :

Code:

.statistics {display:none}

.global-stat-bar {
  display: flex;
  width: 100%;
  text-align: center;
  background: #000;
  font-size: 1.6rem;
}
.global-stat-bar > div {
  flex: 1 1 auto;
  color: white;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.global-stat-bar > div > span {
  border-radius: 0.3rem;
  background: #fff;
  color: #69c;
  padding: 0.3rem;
  margin-right: 0.3rem;
}

Cette ligne du code CSS :

.statistics {display:none}


permet de ne pas afficher la barre de statistiques de la version ModernBB

Pensez à  

La nouvelle barre de statistiques est installée sur le forum en bas de qeel

:u1:

A bientôt

---