Les forums Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Compteur de visites gratuit
Annonces
CAForum est aussi un forum d'aide pour phpBB. Voici le lien du forum : https://forums.caforum.fr
Vous voulez créer un forum sans publicités tout en étant propriétaire de votre base de données ?
Contactez moi sur le forum !
CAForum infos
Derniers sujets
» » Bouton MP "Répondre" adapté à la version ModernBB
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 13:03 par NIK SIURI

» » Réduire la hauteur des catégories
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 12:59 par NIK SIURI

» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 12:35 par NIK SIURI

» » Afficher les avatars en forme rectangulaire
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 11:47 par NIK SIURI

» » Modifier la partie des stats en début de qeel
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 11:45 par NIK SIURI

» » Mettre une image au qeel
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 11:37 par NIK SIURI

» » Rendre l'image du header cliquable
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 11:34 par NIK SIURI

» » Elargir le cadre de la boite de smileys
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 11:33 par NIK SIURI

» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 10:29 par NIK SIURI

» » Catégories rétractables sur l'index
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Catégories de différentes couleurs
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 10:07 par NIK SIURI

» » Centrer l'avatar, le pseudo & le rang dans les messages
Une barre de statistiques comme sur le FDF Clock-10Mer 31 Jan 2024 - 10:06 par NIK SIURI

» » Modifier l'icône "On-line"
Une barre de statistiques comme sur le FDF Clock-10Mar 23 Mai 2023 - 19:15 par Kionk

» » Insérer des boutons "Haut" & "Bas" de forum
Une barre de statistiques comme sur le FDF Clock-10Mar 23 Mai 2023 - 11:40 par Kionk

Juillet 2024
LunMarMerJeuVenSamDim
1234567
891011121314
15161718192021
22232425262728
293031    

Calendrier Calendrier

Le Deal du moment :
Blue Lock : où acheter le Tome 22 ...
Voir le deal
12 €

Une barre de statistiques comme sur le FDF

Voir le sujet précédent Voir le sujet suivant Aller en bas

Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash Mer 7 Nov 2018 - 0:39

  • MP
  • Zoom
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:
<!-- 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 à  Enregistrer   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 à  Valider 2

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 :

Une barre de statistiques comme sur le FDF Sans_t19


:u1:
A bientôt
:Bye:
David1195

StaffModo
StaffModo
David1195

MessageDavid1195 Mer 7 Nov 2018 - 12:28

  • MP
  • Zoom
Merci beaucoup !
LilaCH

Membre
Membre
LilaCH

MessageLilaCH Mer 7 Nov 2018 - 21:31

  • MP
  • Zoom
Merci beaucoup !


Je signale que cette astuce fonctionne pour les forums modernbb
Contenu sponsorisé

MessageContenu sponsorisé

  • MP
  • Zoom

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Inscrivez-vous ou connectez-vous pour répondre

Vous devez être membre pour répondre.

Nous rejoindre

Inscrivez-vous pour participer au forum !


Nous rejoindre

Connexion

Vous êtes membre du forum, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum