---
title: "[xF2] Estadisticas del Foro - Font Awesome"
url: "https://fcuba.net/threads/4427-xf2-estadisticas-del-foro-font-awesome"
forum: "Xenforo"
author: "Lil Joycel"
published: "2021-01-27T16:33:11.000Z"
updated: "2021-01-27T16:33:11.000Z"
page: 1
pages: 1
---

# \[xF2\] Estadisticas del Foro - Font Awesome

In [Xenforo](https://fcuba.net/forums/165-xenforo.md), started by Lil Joycel on 2021-01-27T16:33:11.000Z.

## Lil Joycel, [2021-01-27T16:33:11.000Z](https://fcuba.net/threads/4427-xf2-estadisticas-del-foro-font-awesome#post-42511)

> Con este código cambia las estadisticas del foro por default, a unas estadisticas con FontAwesome. Atención porque es un poco complicado
>
> Buscar la plantilla **widget\_forum\_statistics** borrar todo y pegar el siguiente codigo :
>
> ```
> <xf:css src="istatistik.less" />
> <div class="ist-anaalan"{{ widget_data($widget) }}>
>         <div class="ist-kutu">
>             <div class="ist-ic ist-ic-bosluk">
>
>
>                 <div class="ist-detay">
>                     <div class="fa-icon  fa-renk1"><i class="fad fa-comment-lines"></i></div>
>                     <p class="sayi">{$forumStatistics.threads|number}</p>
>                     <span class="ist-bilgi">{{ phrase('threads') }}</span>
>                 </div>
>
>             </div>
>   
>             <div class="ist-ic ist-ic-bosluk">
>                 <div class="ist-detay">
>                     <div class="fa-icon fa-renk2"><i class="fad fa-comments"></i></div>             
>                     <p class="sayi">{$forumStatistics.messages|number}</p>
>                     <span class="ist-bilgi">{{ phrase('messages') }}</span>             
>                 </div>
>             </div>     
>   
>             <div class="ist-ic ist-ic-bosluk">
>                 <div class="ist-detay">
>                     <div class="fa-icon fa-renk3"><i class="fad fa-users"></i></div>
>                 <p class="sayi">{$forumStatistics.users|number}</p>
>                 <span class="ist-bilgi">{{ phrase('members') }}</span>         
>                 </div>
>             </div>     
>   
>             <div class="ist-ic ist-ic-bosluk">
>                 <div class="ist-detay">
>                     <div class="fa-icon  fa-renk4"><i class="fad fa-users-medical"></i></div>             
>                 <p><xf:username user="{$forumStatistics.latestUser}" /></p>
>                 <span class="ist-bilgi">{{ phrase('latest_member') }}</span>             
>                 </div>
>       
>                          </div>     
>         </div>
>     </div>
> ```
>
> Luego de esto, guardar y crear una plantilla nueva llamada **istatistik.less** y pegar el código :
>
> ```
> .ist-anaalan {
>     margin-top: 20px;
> }
>
> .ist-kutu {
>     display: flex;
>     flex-wrap: wrap;
>     margin-top: 10px;
>     margin-bottom: 10px;
> }
>
> .ist-ic {
>     flex:25%;
> }
>
> .ist-detay {
>     background-color: #dedede;
>     box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.29);
>     padding: 5px 20px 5px 5px;
>     text-align: center;
>     border-radius: 50px;
> }
>
> .fa-renk1 {
>     background-color: #22a720;
>     color: #c9c9c9;
> }
>
> .fa-renk2 {
>     background-color: #204492;
>     color: #c9c9c9;
> }
>
> .fa-renk3 {
> ```
>
> Guardar y listo! Pueden comprobar las nuevas estadisticas en su forum!