Une barre de statistiques comme sur le FDF

**Splash** · **Splash** le Mer 7 Nov 2018 - 0:39

Hi,

Avec cette astuce vous aurez les statistiques de votre forum comme elles apparaissent sur le Forum des Forums

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

Direction le template index_body

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

Cherchez cette partie :

Code::

Juste avant placez 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 Valider

Direction la CSS

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

Mettre ce code :

Code:: .global-stat-bar { display: flex; width: 100%; text-align: center; background: darkseagreen; font-size: 1rem; } .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: white; color: darkgreen; padding: 0.3rem; margin-right: 0.3rem; }

Pensez à

Votre nouvelle barre de statistiques ressemblera à ceci :

Une barre de statistiques comme sur le FDF Sans_t17

Maintenant il va falloir supprimer les statistiques de la version AwesomeBB

Une barre de statistiques comme sur le FDF Sans_t18

Pour cela rajoutez ce code à la CSS, juste à la suite du précédent :

Code:: /* on masque les statistiques de la version AwesomeBB */ #forum-statistics { display: none; } /* on passe le footer en transparent */ footer { background-color: transparent; }

Votre bas de page ressemblera à ceci :