Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PhpBB2] Changer le lien d'une image par une icone font awesone
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Aujourd'hui à 14:57 par Milouze14

» *RESOLU*[AwesomeBB] Profils en onglets
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Aujourd'hui à 12:04 par Milouze14

» histoire du Jour sans fin
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Hier à 8:11 par Quad Daniel

» Test d'intelligence des politiciens-(e) histoire blagounette
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Ven 23 Aoû 2019 - 9:22 par Quad Daniel

» Règlement de l'entraide Forumactif
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Jeu 22 Aoû 2019 - 11:42 par BADLANDS

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Mer 21 Aoû 2019 - 12:14 par MathisB

» *RESOLU*[AwesomeBB] Barre de progression sur la page - AwesomeBB
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Mar 20 Aoû 2019 - 21:17 par Milouze14

» *RESOLU*[PhpBB2] Insérer la valeur d'un champ personnalisé dans une page HTML
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Mar 20 Aoû 2019 - 19:11 par Milouze14

» *CORBEILLE*[PhpBB2] Récupérer la valeur d'un input
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Lun 19 Aoû 2019 - 18:42 par Milouze14

» *RESOLU*[PhpBB3] Prévisualisation directe
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Ven 16 Aoû 2019 - 11:06 par Milouze14

» *RESOLU*[PhpBB2] l'image s'éclairci dans le codage
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Lun 12 Aoû 2019 - 6:30 par Milouze14

» *RESOLU*[PhpBB2] Vérifier valeur dans InArray (Jquery)
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Sam 10 Aoû 2019 - 6:24 par Milouze14

» *RESOLU*[PhpBB2] Récupérer valeur checkbox
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Jeu 8 Aoû 2019 - 4:17 par Milouze14

» [Toutes versions] Utiliser les variables utilisateur/forum
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Mer 31 Juil 2019 - 19:36 par photoclic

» *RESOLU*[PhpBB2] Encadrement des photos dans le .preview .postbody
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Mer 31 Juil 2019 - 19:19 par Milouze14

» *RESOLU*[PhpBB3] Nombre de messages et membres su qeel
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Mer 31 Juil 2019 - 17:01 par no_way

» *RESOLU*[PhpBB2] Prévisualisation en direct
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Lun 29 Juil 2019 - 17:42 par Milouze14

» *RESOLU*[PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Ven 26 Juil 2019 - 19:51 par Milouze14

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Dim 21 Juil 2019 - 6:07 par Milouze14

» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
[AWESOMEBB] Une barre de statistiques comme sur le FDF Clock-10Sam 20 Juil 2019 - 11:23 par Morane

[AWESOMEBB] Une barre de statistiques comme sur le FDF

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

Splash
Splash
Milouzien

MessageSplash le Mer 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



:u1677:
A bientôt
impeccable  
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 7 Nov 2018 - 15:11

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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