Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le deal à ne pas rater :
Sexy Cosplay Doll : Tome 8 Collector de Sexy Cosplay Doll avec artbook
10.80 €
Voir le deal

 

 [AWESOMEBB] Une barre de statistiques comme sur le FDF

Aller en bas 
2 participants
AuteurMessage
Splash
Milouzien

Splash



[AWESOMEBB] Une barre de statistiques comme sur le FDF Empty
MessageSujet: [AWESOMEBB] Une barre de statistiques comme sur le FDF   [AWESOMEBB] Une barre de statistiques comme sur le FDF EmptyMer 7 Nov 2018 - 9:49

Hi,

Avec cette astuce vous aurez les statistiques de votre forum comme elles apparaissent sur le Forum des Forums
Cette astuce a été laissée dans un post sur le FDF

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 à   Enregistr    les modifications au template
Et pensez à publier votre template (modifié) en cliquant sur   Ajout  

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 à   Valid

Votre nouvelle barre de statistiques ressemblera à ceci :

[AWESOMEBB] Une barre de statistiques comme sur le FDF Sans_t17

Maintenant il va falloir supprimer les statistiques de la version AwesomeBB

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

[AWESOMEBB] Une barre de statistiques comme sur le FDF Sans_t19


A bientôt.


Revenir en haut Aller en bas
https://lesforums.caforum.fr
christ77000
Milouzien

avatar



[AWESOMEBB] Une barre de statistiques comme sur le FDF Empty
MessageSujet: Re: [AWESOMEBB] Une barre de statistiques comme sur le FDF   [AWESOMEBB] Une barre de statistiques comme sur le FDF EmptyMer 11 Mar 2020 - 16:10

Hello ca marche aussi pour les forums Phpbb2

Merci bien super super

Revenir en haut Aller en bas
https://adoption-des-terrier.forumactif.com/forum
 
[AWESOMEBB] Une barre de statistiques comme sur le FDF
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [AWESOMEBB] Encadrer les statistiques de forums (Nb de sujets, Nb de messages)
» [AWESOMEBB] Afficher la barre de navigation horizontalement
» [AWESOMEBB]Ajouter l'infobulle au survol des boutons de la barre de navigation
» [PHPBB3] Afficher les statistiques dans la liste des membres
» [PHPBB2]Afficher les statistiques dans la liste des membres

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Les astuces AwesomeBB-
Sauter vers: