JScript

Programação & Desenvolvimento


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

Estatísticas IPB v 1.1

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

1Estatísticas IPB v 1.1 Empty Estatísticas IPB v 1.1 Qui 06 Jun 2013, 6:39 pm

JScript

JScript
Administradores
Administradores



Estatísticas IPB v 1.1
Estatísticas com classe e estilo!

Créditos: JScript
Nota: Versão beta, fase de implementação.


- Editando Templates
Aceda em:

Painel de Controle
Visualização -> Templates -> Geral


Selecione o template Index_body, procure pelas flags BEGIN disable_viewonline e END disable_viewonline, substitua o conteúdo delas
pelo código abaixo:
Código:

<!-- Made and Optimizations by JScript - 2013/07/23 - http://jscript.forumeiros.com/forum -->
<div id="pun-info" class="main" style="display: none;">
 <div class="main-statistics">
 <div id="onlinelist">
 <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
 <p class="right">
 <!-- BEGIN switch_viewonline_link -->
 <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
 <!-- END switch_viewonline_link -->
 <!-- BEGIN switch_viewonline_nolink -->
 {L_WHO_IS_ONLINE}
 <!-- END switch_viewonline_nolink -->
 </p>
 <p id="total_users_online">{TOTAL_USERS_ONLINE}<br /></p>
            <p id="record_users">{RECORD_USERS}<br /></p>
            <p id="logged_in_user_list">{LOGGED_IN_USER_LIST}</p>
            <p id="l_online_users">{L_ONLINE_USERS}</p>
            <p id="l_connected_members">{L_CONNECTED_MEMBERS}<br /></p>
            <p id="l_whosbirthday_today">{L_WHOSBIRTHDAY_TODAY}</p>
            <p id="l_whosbirthday_week">{L_WHOSBIRTHDAY_WEEK}</p>
 <div class="clear"></div>
 <p id="group_legend">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>        
 </div>
 <!-- BEGIN switch_chatbox_activate -->
 <div id="onlinechat">
 <p class="page-bottom">
 {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
 {CHATTERS_LIST}
            <br />
 <!-- BEGIN switch_chatbox_popup -->
 <div id="chatbox_popup"></div>
 <script type="text/javascript">
 insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
 </script>
 <!-- END switch_chatbox_popup -->
 </p>
 </div>
 <!-- END switch_chatbox_activate -->
 </div>
</div>
<!-- Ipboard stile -->
<div class="statistics clearfix" id="board_statistics">
    <ul class="ipsList_inline right ipsType_small" id="stat_links">
        <!-- Hook point -->
        <li><a title="Visualizar a equipe de moderação" href="/g2-">Equipe de moderação</a></li>
        <li><a title="Visualizar os maiores postadores de hoje" href="/memberlist?mode=today_posters">Top 20 posters de hoje</a></li>
        <li><a title="Visualizar os maiores postadores do fórum" href="/memberlist?mode=overall_posters">Top posters geral</a></li>
    </ul>
    <h4 class="statistics_head"></h4>
    <p class="statistics_brief desc">
    </p>
    <br>
    <p class="users_online">
    </p>
    <!-- BEGIN switch_chatbox_activate -->
    <div class="ipsSideBlock clearfix" id="active_users">
        <h3><a title="View Main Shoutbox" href="javascript:void(0);">Users in the shoutbox (<span id="shoutbox-active-total"></span>)</a></h3>
        <div>
            <span class="desc"><span id="shoutbox-active-member"></span> membros, <span id="shoutbox-active-anon">0</span> membro(s) anônimo(s)</span>
            <br><br>
            <p id="shoutbox-active-names">
                {CHATTERS_LIST}
            </p>
        </div>
    </div>
    <script type="text/javascript">
        //<![CDATA[
        var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();
        $('#shoutbox-active-member').text($('#shoutbox-active-total').text(total_chatters));
        //]]>
    </script>
    <!-- END switch_chatbox_activate -->
    <div class="statistics" style="padding: 5px 0 !important; margin: 0 !important"></div>
    <div id="new_group_legend" class=groups></div>
    <script type="text/javascript">
        //<![CDATA[
        /** START Personal forum values
        * Sample: Há 5 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 4 Visitantes :: 1 Motor de busca
        ****/
        var reg_users       = 'Usuários registrados :';
        var search_bots     = 'Robôs (motores de busca) :';
        var nobody_text     = 'Nenhum';
        var and_text        = ' e ';
        var guests_text     = ' visitantes';
        var anonimous_txt   = ' membros anônimos';
        var full_list_txt   = '(lista completa)';
        var active_text     = ' usuários ativos (nos últimos 45 minutos)';
        /* END Personal forum values */
        
        var target = $('#total_users_online');
        var aSplit = target.text();
        
        /* Usuários online/ativos */
        var users_active = target.find('strong:first').text() + active_text;
        $('#board_statistics').find('h4.statistics_head').text(users_active);
        
        var membros = aSplit.split(' :: ')[1].split(' ')[0];
        if(isNaN(parseInt(membros))) {membros = 0;}
        membros += ' membros, ';
        
        var visitantes = aSplit.split(and_text)[1].split(' ')[0];
        if(isNaN(parseInt(visitantes))) {visitantes = 0;}
        
        var invisivel = aSplit.split(', ')[1].split(' ')[0];
        if(isNaN(parseInt(invisivel))) {invisivel = 0;}
        
        $('#board_statistics').find('h4.statistics_head').text(users_active);
        $('#board_statistics').find('p.statistics_brief.desc')
            .text(membros + visitantes + guests_text + ', ' + invisivel + anonimous_txt)
            .append('&nbsp;&nbsp;<a href="/viewonline">' + full_list_txt + '</a>');
        users_active = $('#logged_in_user_list').html();
        users_active = users_active.replace(reg_users, '');
        users_active = users_active.replace('<br>', '');
        if (users_active.indexOf(nobody_text) !== -1) {
            users_active = users_active.replace(search_bots, '');
        } else {
            users_active = users_active.replace(search_bots, ', ');
        }        
        users_active = users_active.replace(nobody_text,"");
      
        $('#board_statistics').find('p.users_online').html(users_active);
        
        var listHtml = '';
        var target = $('#group_legend').find('b');
        target.each(function(index, value){
            if (listHtml != '') {listHtml += '&nbsp<strong>&middot;</strong>&nbsp';}
            listHtml += $(this).html();
        });
        $('#new_group_legend').html('<img src="http://punbb.informer.com/favicon.ico" alt="PunBB.Forumeiros.com">&nbsp' + listHtml);
        
        var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();
        $('#shoutbox-active-total').text(total_chatters);
        $('#shoutbox-active-member').text(total_chatters);
        //]]>
    </script>
</div>
<style type="text/css">
<!--
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.statistics {
  border-top: 3px solid #D8D8D8 !important;
  line-height: 1.3 !important;
  margin: 20px 0 0 !important;
  overflow: hidden !important;
  padding: 10px 0 !important;
}
.ipsType_small {
  font-size: 12px;
}
.right {
  float: right;
}
.ipsList_inline > li {
  display: inline-block;
}
.statistics_head {
  font-size: 14px !important;
  font-weight: 700 !important;
}
.desc, .desc.blend_links a, p.posted_info {
  color: #777777;
  font-size: 12px;
}
.ipsSideBlock {
  background: none repeat scroll 0 0 #F7FBFC;
  margin-bottom: 10px;
  padding: 10px;
}
.ipsSideBlock h3 {
  background: none repeat scroll 0 0 #DBE2EC;
  color: #204066;
  font-family: helvetica,arial,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin: -10px -10px 10px;
  padding: 5px 10px;
}
-->
</style>
Não esqueça de publicá-lo!


- Resultado
Estatísticas IPB v 1.1 Captur19

Link para visualização: http://jscript.forumeiros.com/






PunBB Forumeiros


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Estatísticas IPB v 1.1



Última edição por JScript em Ter 20 Ago 2013, 4:38 pm, editado 8 vez(es) (Motivo da edição : Atualizações no código!)

http://autoitbrasil.com

2Estatísticas IPB v 1.1 Empty Re: Estatísticas IPB v 1.1 Sáb 15 Jun 2013, 11:49 pm

Convidado

avatar
Convidado

ótimo tutorial amigo JS !

3Estatísticas IPB v 1.1 Empty Re: Estatísticas IPB v 1.1 Dom 16 Jun 2013, 3:27 am

Convidado

avatar
Convidado

exelente js!

4Estatísticas IPB v 1.1 Empty Re: Estatísticas IPB v 1.1 Ter 18 Jun 2013, 8:16 am

Convidado

avatar
Convidado

Olá,

tutorial muito bom e as estatísticas realmente muito bonitas. Obrigado por compartilhar essa belezura conosco .

Até mais.

5Estatísticas IPB v 1.1 Empty Re: Estatísticas IPB v 1.1 Ter 23 Jul 2013, 11:38 pm

JScript

JScript
Administradores
Administradores

Olá pessoal!

Foram feitas mudanças significativas no código para torná-lo compatível com outras linguagens e mais consistente nas informações!
Agora conta com as seguintes variáveis:
Código:
/* START Personal forum values */
var reg_users      = 'Usuários registrados :';
var search_bots    = 'Robôs (motores de busca) :';
var nobody_text    = 'Nenhum';
var guests_text    = ' visitantes';
var anonimous_txt  = ' membros anônimos';
var full_list_txt  = '(lista completa)';
var active_text    = ' usuários ativos (nos últimos 45 minutos)';
/* END Personal forum values */
Onde basta substituir o texto pelo seu idioma.

As variáveis que podem ter textos sem restrições são: anonimous_txt, full_list_txt e active_text, as outras devem seguir a tradução nativa da Forumeiros!

So long,

JS

http://autoitbrasil.com

6Estatísticas IPB v 1.1 Empty Re: Estatísticas IPB v 1.1 Qui 25 Jul 2013, 6:02 pm

Convidado

avatar
Convidado

Muito obrigado pelo tutorial, muito fácil de se aplicar.

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