Une barre de statistiques comme sur le FDF
Page 1 sur 1•Partagez•
- Splash
StaffAdmin
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 :
Juste avant placez ceci :
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 :
Pensez à
Votre nouvelle barre de statistiques ressemblera à ceci :

Maintenant il va falloir supprimer les statistiques de la version AwesomeBB

Pour cela rajoutez ce code à la CSS, juste à la suite du précédent :
Votre bas de page ressemblera à ceci :

A bientôt
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:
<!-- BEGIN disable_viewonline -->
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 à

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 :
- 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 :

Maintenant il va falloir supprimer les statistiques de la version AwesomeBB

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 :

:u1: |
:
:

- David1195
StaffModo
Merci beaucoup !
- LilaCH
Membre
Merci beaucoup !
Je signale que cette astuce fonctionne pour les forums modernbb
Sujets similaires
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
» » Supprimer le gras de certains pseudos
» » Le coucou du jour (partie 2)
» » Ajouter le bouton de sélection de contenu
» » Personnaliser la navbar
» » Ajouter des polices supplémentaires à l'éditeur
» » Afficher/Masquer les catégories avec un effet
» » Maintenance Datacenter mardi 05 février 2019
» » Personnaliser la balise de soulignement
» » Un ptit délire
» » Masquer le bloc des modérateurs
» » Masquer le bloc "Modérateurs"
» » [Avis Administrateur] Intervention dans les templates
» » Barre alphabétique de recherche pour liste des membres
» » Icon Monstr
» » [Avis Administrateur] Comprendre le Qeel à l'intérieur du template
» » HTML Minifier
» » Centrer l'avatar, le pseudo & le rang dans les messages
» » Arrondir l'entête des catégorie
» » Le temps chez vous.