Estatísticas personalizadas

Qual é minha questão:
Gostaria De Inserir esta visualização de estatísticas em meu fórum,

Porem o tópico onde vi isso se tratava de um versão em PunBB
E No meu caso uso Invision , enfim quero saber como inserir isso na minha versão (Se For Possível)

Agradeço desde já.


Endereço do meu fórum:
http://styleart.forumeiros.com

Versão do fórum:
INVISION

Up!

@Nemo~

Entre no painel de controle de seu fórum e vá em Visualização -> Imagens e cores -> Cores, selecione a aba Folha de estilos CSS e adicione o código abaixo:

Código:


#fo_stat .ipbtable tbody tr:nth-of-type(6) td.row2:last-child p:nth-of-type(1):after {
   color: #4A4A4A;
   content: "Total de Posts";
   letter-spacing: normal;
}
#fo_stat .ipbtable tbody tr:nth-of-type(6) td.row2:last-child p:nth-of-type(2):after {
   color: #4A4A4A;
   content: "Total de Membros";
   letter-spacing: normal;
}
#fo_stat .ipbtable tbody tr:nth-of-type(6) td.row2:last-child p:nth-of-type(2):not(strong) {
   margin-left: 10px;
   width: 130px;
}
#fo_stat .ipbtable tbody tr:nth-of-type(6) td.row2:last-child p:nth-of-type(3):after {
   color: #4A4A4A;
   content: "Membro Mais Recente";
   letter-spacing: normal;
}
#fo_stat .ipbtable tbody tr:nth-of-type(6) td.row2:last-child p:nth-of-type(3):not(strong) {
   margin-left: 10px;
   width: 210px;
}
#fo_stat .ipbtable tbody tr:nth-of-type(6) td.row2:last-child p:nth-of-type(4):after {
   color: #4A4A4A;
   content: "    Recorde de Membros Online";
   letter-spacing: normal;
}
#fo_stat .ipbtable tbody tr:nth-of-type(6) td.row2:last-child p:nth-of-type(4):not(strong)   {
   margin-left: 10px;
   width: 210px;   
}      
#fo_stat .ipbtable tbody tr:nth-of-type(6) td.row2:last-child p {
   color: rgba(0, 0, 0, 0) !important;
   float: left !important;
   margin-bottom: 2px;
   margin-right: 10px;
   margin-top: 2px;
}
#fo_stat .ipbtable tbody tr:nth-of-type(6) td.row2:last-child p strong {
   background: none repeat scroll 0 0 #E2E2E2;
   border: 1px solid #C9CDD0 !important;
   border-radius: 2px 2px 2px 2px;
   color: #4A4A4A;
   display: inline-block;
   font-weight: 700;
   margin-right: 10px !important;
   padding: 2px 12px 2px 6px;
}
#fo_stat .ipbtable tbody tr:nth-of-type(6) td.row2:last-child p span strong {
   border: medium none !important;
   letter-spacing: normal !important;
   margin: 0 !important;
   padding: 0 !important;
}
#fo_stat .ipbtable tbody tr:nth-of-type(6) td.row2:last-child p:not(strong) {
   letter-spacing: -999px;
   margin-left: 10%;
   width: 110px;
}
#fo_stat .ipbtable tbody tr:nth-of-type(6) td.row2:last-child p a {
   color: #4A4A4A !important;
}


Resultado:


Abraços,

JS

Obrigado ,
Funcionou perfeitamente   
Pode Fechar.