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
» » [ModernBB] Réduire la hauteur du titre "annonces & notes" + "sujets"
Modifier la partie des stats en début de qeel  Clock-10Mer 30 Mar 2022 - 19:29 par Avalanche

» » [Edge] Hover sur l'avatar pour afficher les infos de profil
Modifier la partie des stats en début de qeel  Clock-10Ven 11 Mar 2022 - 0:56 par Avalanche

» » Modifier l'apparence du qeel
Modifier la partie des stats en début de qeel  Clock-10Dim 6 Mar 2022 - 17:47 par CharlieReed

» » Installer le traducteur Google
Modifier la partie des stats en début de qeel  Clock-10Dim 19 Déc 2021 - 18:41 par Invité

» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories
Modifier la partie des stats en début de qeel  Clock-10Mar 30 Nov 2021 - 18:21 par Invité

» » Bouton MP "Répondre" adapté à la version ModernBB
Modifier la partie des stats en début de qeel  Clock-10Mar 30 Nov 2021 - 18:20 par Invité

» » Réduire la hauteur des catégories
Modifier la partie des stats en début de qeel  Clock-10Lun 29 Nov 2021 - 11:10 par ZeFred1

» » Installer la version Forumactif EDGE
Modifier la partie des stats en début de qeel  Clock-10Lun 15 Nov 2021 - 14:07 par Freedom Sun

» » Ajouter l'hébergeur zupimages à l'éditeur
Modifier la partie des stats en début de qeel  Clock-10Lun 15 Nov 2021 - 10:29 par Freedom Sun

» » Modifier l'apparence du qeel
Modifier la partie des stats en début de qeel  Clock-10Lun 15 Nov 2021 - 8:21 par Freedom Sun

» » Liens haut & bas de page façon AwesomeBB
Modifier la partie des stats en début de qeel  Clock-10Sam 13 Nov 2021 - 17:03 par Invité

» » Insérer des boutons "Haut" & "Bas" de forum
Modifier la partie des stats en début de qeel  Clock-10Sam 13 Nov 2021 - 17:00 par Invité

» » Modifier l'affichage des membres dans les messages
Modifier la partie des stats en début de qeel  Clock-10Sam 13 Nov 2021 - 16:19 par Invité

» » Une barre de statistiques comme sur le FDF
Modifier la partie des stats en début de qeel  Clock-10Sam 13 Nov 2021 - 16:18 par Invité

» » Mettre le pseudo au-dessus de l'avatar
Modifier la partie des stats en début de qeel  Clock-10Sam 13 Nov 2021 - 16:14 par Invité

Septembre 2022
LunMarMerJeuVenSamDim
   1234
567891011
12131415161718
19202122232425
2627282930  

Calendrier Calendrier

Le Deal du moment :
Trottinette électrique pliable 100MAX – ...
Voir le deal
319.99 €

Modifier la partie des stats en début de qeel

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

Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash Ven 13 Sep 2019 - 19:06

  • MP
  • Zoom
Hi,
Voici une petite astuce qui permet de modifier l'affichage des statistiques en début de qeel

Avant :

Après :


Direction le template

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



Dans le template index_body recherchez ceci :
Code:
<div id="stats">
 <p class="right">{TOTAL_POSTS}</p>
 <p>{TOTAL_USERS}</p>
 <p>{NEWEST_USER}</p>
 </div>

Supprimez et remplacez par ceci :
Code:
<div id="stats">
<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   et à publier le template en cliquant sur   Valider



Direction le CSS

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


Mettre ce code à la CSS :
Code:
/***BARRE DES STATISTIQUES AU QEEL***/
.global-stat-bar {
  display: flex;
  width: 100%;
  text-align: center;
  background: #1f537b;
  font-size: .8rem;
}
.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: #F2F2CD;
  color: #69c;
  padding: 0.3rem;
  margin-right: 0.3rem;
}    
/***FIN BARRE DES STATISTIQUES AU QEEL***/

Pensez à  Valider 2



:u1:
À bientôt
Bye


Flèche  Pour bien réaliser cette astuce
Like a Star @ heaven  Dans cette astuce il est question d'intervenir dans le(s) template(s) pour le(s) modifier et de placer un code à la feuille de style (CSS), si vous n'êtes pas à l'aise avec ces démarches il existe ces tutos d'aide ici :

> Intervenir dans les templates
> La CSS



† Aucune aide ne sera donnée en privé
David1195

StaffModo
StaffModo
David1195

MessageDavid1195 Mar 17 Sep 2019 - 20:46

  • MP
  • Zoom
Merci beaucoup !



Modérateur des forums



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