JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

[PEDIDO] Edição das Estatsticas

Ir para baixo  Mensagem [Página 1 de 1]

1[PEDIDO] Edição das Estatsticas  Empty [PEDIDO] Edição das Estatsticas Ter 15 Out 2013, 1:18 pm

Convidado

avatar
Convidado

Olá,

Gostava que vissem este fórum:
http://starforums.forumeiros.com/

Eu desejava de colocar a parte das estatísticas igual no meu fórum se for possível claro.


www.suportedesign.net || PunBB

2[PEDIDO] Edição das Estatsticas  Empty Re: [PEDIDO] Edição das Estatsticas Ter 15 Out 2013, 2:08 pm

Legolas

Legolas
Moderadores
Moderadores

Olá, fazer uma busca no fórum é sempre bem-vinda...

Dá uma olhada http://jscript.forumeiros.com/t34-estatisticas-ipb-v-11?highlight=estat%C3%ADsticas

http://aden.rpgwars.net

3[PEDIDO] Edição das Estatsticas  Empty Re: [PEDIDO] Edição das Estatsticas Ter 15 Out 2013, 2:12 pm

Convidado

avatar
Convidado

Olá,

Pois mas não tenho Reputação para tal visualização ...

4[PEDIDO] Edição das Estatsticas  Empty Re: [PEDIDO] Edição das Estatsticas Ter 15 Out 2013, 2:25 pm

Legolas

Legolas
Moderadores
Moderadores

Pois então aguarde um pouquinho para ver se o @JScript permite repassar, ok?

http://aden.rpgwars.net

5[PEDIDO] Edição das Estatsticas  Empty Re: [PEDIDO] Edição das Estatsticas Ter 15 Out 2013, 3:06 pm

Convidado

avatar
Convidado

Olá!

Adicione na tua CSS:
Código:
    #stats {
    margin: 0 auto !important;
    text-align: center !important;
    display: table;
    background: none;
    }
    .statHide{display:none !important;}
    .statsPers li span a {
    text-decoration: none !important;
    }
    .statsPers li > span {
    padding: 5px 8px;
    background: #E1E1E1;
    box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    -o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
    border: 1px solid #E1E1E1;
    margin-bottom: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    text-shadow: 1px 1px 0 white;
    color: #111;
    font-weight: 700;
    }
    .statsPers li {
    float: left;
    color:#666;
    margin: 2px 10px;
    }
    .statsPers {
    list-style: none;
    display: block;
    margin: 0px auto;
    width: 100%;
    }
Crie um novo JS:
Código:
      $(document).ready(function(){
    var rdtOn = $('.rdtOn strong').html();
    var lastUser = $('.lastUser strong').html();
    var totalUser = $('.totalUser strong').html();
    var totalPost = $('.totalPost strong').html();


    $('ul.statsPers').prepend('
    <li><span>'+totalPost+'</span> Total de posts</li>
    <li><span>'+totalUser+'</span> Total de membros</li>
    <li><span>'+lastUser+'</span> Membro mais novo</li>
    <li><span>'+rdtOn+'</span> Recorde de usuários online</li>
    ');


    });
Em seu template 'Index_body', busque por:
Código:
<div class="main-content">
<div id="stats">
<p class="right">{TOTAL_POSTS}</p>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
</div>
Troque por:
Código:

    <div id="stats">
                      <br />
                      <ul class="statsPers">
                        <li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>
                        <li class="statHide lastUser">Teste2: {NEWEST_USER}</li>
                        <li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>
                        <li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>
                      </ul>
                  <br />
         
              </div>

Até..

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos