Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
TUTORIALEstatísticas personalizadas para tópicos e widgets

Olá você, neste tópico ire ensinar vocês a usar um quadro de estatísticas do fórum totalmente personalizável, você pode usa-lo em Widget, Página inicial, Descrição das categorias, tópicos e assinaturas. Vamos ao tutorial?

Funcionalidade: Todas as versões.

Para começar vamos instalar o código CSS, vá até o seu gestor e coloque o código bem no topo de todos.
Código:
/*Estatística personalizável (TUTORIAL http://staffergroupbr.stuning.net/t2236-estatisticas-perso...)*/
#line_separator {
    display: block;
}
.ted_number {
    background: green;
    text-align: center;
    padding: 2px 5px;
    border-radius: 3px 0px 0px 3px;
    border-right: 1px solid gray;
    color: #fff;
    font-weight: bold;
}
.ted_text {
    background: gray;
    border-left: 1px solid green;
    padding: 2px 5px;
    border-radius: 0px 3px 3px 0px;
    margin-left: -2px;
    display: block;
    color: #fff;
}
.center_table span {
    display: block
}
Agora é só colocar HTML no local onde a estatística vão aparecer.
Código:
<table class="center_table">
 <tbody>
 <tr>
 <td class="ted_number">
 <span class="number_left">{FORUMAGE}</span><span class="number_left">{FORUMCOUNTOPIC}</span><span class="number_left">{FORUMCOUNTPOST}</span><span class="number_left">{FORUMCOUNTUSER}</span><span class="number_left">{FORUMONLINEUSER}</span>
 </td>
 <td class="ted_text">
 <span class="text_right">Dias online</span><span class="text_right">Tópicos</span><span class="text_right">Mensagens</span><span class="text_right">Total de Membros</span><span class="text_right">Usuários online em {FORUMONLINEDATE}</span>
 </td>
 </tr>
 </tbody>
</table>
As cores e posições são totalmente editáveis, se você não souber edita-las pode fazer um pedido aqui.

  • Resultado: (Usei estas cores só para fazer o exemplo)



Criador: D'Leandro™
Site: http://staffergroupbr.stuning.net/
Ver perfil do usuário

#2
 Master Publicitario

avatar
Membro
Muito bom!
Ver perfil do usuário