Aspeto das estatísticas

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Aspeto das estatísticas

Mensagem por Diogo Ferreira em 10/02/14, 09:08 pm

Qual é minha questão:
Olá amigos.
Queria colocar umas estatíticas que tenho no meu fórum o máximo parecido com esta: http://gyazo.com/e5b7a90ec0cae2c61ab98936974b1f45

As que tenho no meu fórum são: http://gyazo.com/47c11de42559ba4e4ba264f26f9ddb20

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

Versão do fórum:
PUNBB


Última edição por Diogo Ferreira em 21/02/14, 08:08 pm, editado 1 vez(es)
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Aspeto das estatísticas

Mensagem por JScript em 10/02/14, 09:22 pm

Olá!

Quando retirares seu fórum da manutenção, ai sim, poderemos resolver ok?

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Aspeto das estatísticas

Mensagem por Diogo Ferreira em 11/02/14, 06:54 am

Já tirei, amigo.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Aspeto das estatísticas

Mensagem por JScript em 11/02/14, 08:52 am

Agora percebi que estás utilizando uma versão de estatísticas que é através de template e uso de JavaScript...

Nem precisava tanto, apenas CSS resolveria, mas já que está dessa forma, poste o template Index_body para que possamos modificá-lo ok?

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Aspeto das estatísticas

Mensagem por Diogo Ferreira em 11/02/14, 11:12 am

Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>  
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<div id="sign_week"><center></center></div>
<!-- BEGIN disable_viewonline -->
<!-- codigo quantidade de membros e membro novo -->
    <div id="statistics">
      <br />
      <ul class="statsPers">
          <li class="statHide rdtOn">Recorde de Usuários Online: {RECORD_USERS}</li>
          <li class="statHide lastUser">Membro Mais Novo: {NEWEST_USER}</li>
          <li class="statHide totalUser">Membros: {TOTAL_USERS}</li>
          <li class="statHide totalPost">Posts: {TOTAL_POSTS}</li>
      </ul>
      <br />
    </div>
    <script type="text/javascript">
    //<![CDATA[
    $(document).ready(function () {
    var rdtOn = $('.rdtOn strong').html();
    var lastUser = $('.lastUser strong').html();
    var totalUser = $('.totalUser strong').html();
    var totalPost = $('.totalPost strong').html();
      var sHtml = '<li><span>' + totalPost + '</span> Posts</li>'+
          '<li><span>' + totalUser + '</span> Membros</li>'+
          '<li><span>' + lastUser + '</span> Membro Mais Novo</li>'+
          '<li><span>' + rdtOn + '</span> Recorde de Usuários Online</li>';
       
    $('ul.statsPers').prepend(sHtml);
    });
    //]]>
    </script>
<!-- fim do codigo de membros, estatisticas -->
<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} : {GROUP_LEGEND}</p>
      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
        <p class="page-bottom">
            {TOTAL_CHATTERS_ONLINE} : 
            {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-total').text(total_chatters);
      $('#shoutbox-active-member').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[
        var target = $('#total_users_online'); /*Há 1 usuários online :: 0 usuários cadastrados, Nenhum Invisível e 1 Visitante :: [1 Motor de busca]*/
        var aSplit = target.text();
     
        /* Usuários online/ativos */
        var users_active = target.find('strong:first').text() + ' usuários ativos (nos últimos 45 minutos)';
        $('#board_statistics').find('h4.statistics_head').text(users_active);
     
        var membros = aSplit.split(' :: ')[1].substr(0, 1);
        if(membros == 'N') {membros = 0;}
        membros += ' membros, ';
        var visitantes = aSplit.split(' e ')[1].substr(0, 1);
        if(visitantes == 'n') {visitantes = 0;}
        $('#board_statistics').find('h4.statistics_head').text(users_active);
        $('#board_statistics').find('p.statistics_brief.desc')
            .text(membros + visitantes + ' visitantes, 0 membros anônimos').append('  <a href="/viewonline">(lista completa)</a>');

        aSplit = $('#logged_in_user_list').html();
        var start = aSplit.search('registrados : ') + 14;
        users_active = aSplit.substring(start);
        users_active = users_active.replace("Nenhum","");
        $('#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>·</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>
  <style type="text/css">
      <!--
        #pun-info {
          margin-top: 15px;
          border: 0px;
        }
       
        .statistics_head {
            font-size: 14px !important;
            font-weight: bold !important;
        }
        .statistics {
            border-top: 3px solid #D8D8D8 !important;
            line-height: 1.3 !important;
            margin: 20px 0 0 !important;
            overflow: hidden !important;
            padding: 10px 0 !important;
        }
        #onlinelist {
        background: white;
        border: 0px;
        border-top:none;
        }
       
        #onlinechat {
        background: white;
        border-top: 1px solid #EEE;
        border-top:none;
        }
                      -->
  </style>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>  
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>  
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
   </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Aspeto das estatísticas

Mensagem por Diogo Ferreira em 12/02/14, 11:13 am

Bump
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Aspeto das estatísticas

Mensagem por Diogo Ferreira em 13/02/14, 11:14 am

Up
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Aspeto das estatísticas

Mensagem por JScript em 21/02/14, 05:46 pm

Olá!

Aqui está o seu template modificado e já contendo o CSS necessário:
Link: http://ajuda.forumeiros.com/t89386-aspeto-das-estatisticas#609119

JS


Última edição por JScript em 21/02/14, 07:20 pm, editado 1 vez(es) (Razão : Atualizado em outra mensagem!)
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Aspeto das estatísticas

Mensagem por Diogo Ferreira em 21/02/14, 06:10 pm

Tá igual amigo
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Aspeto das estatísticas

Mensagem por JScript em 21/02/14, 07:20 pm

Desculpe-me pois enviei com o CSS errado!

Utilize este template:
Código:

    {JAVASCRIPT}
    <!-- BEGIN switch_user_logged_in -->
    <div id="pun-visit" class="clearfix">
      <ul>
            <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
            <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
          <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      </ul>
      <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
    </div>
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_user_logged_out -->
    <div id="pun-visit">
      <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
    </div>
    <!-- END switch_user_logged_out -->

    <!-- BEGIN message_admin_index -->
    <div class="main">
      <!-- BEGIN message_admin_titre -->
      <div class="main-head">
          <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
      </div>
      <!-- END message_admin_titre -->

      <!-- BEGIN message_admin_txt -->
      <div id="pun-announcement">
          <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
      </div>
      <!-- END message_admin_txt -->
    </div>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <div class="main">
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
      </div>
    </form>
    </div>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}
    <div id="sign_week"><center></center></div>
    <!-- BEGIN disable_viewonline -->
    <!-- codigo quantidade de membros e membro novo -->
        <div id="statistics">
          <br />
          <ul class="statsPers">
              <li class="statHide rdtOn">Recorde de usuários online: {RECORD_USERS}</li>
              <li class="statHide lastUser">Membro mais novo: {NEWEST_USER}</li>
              <li class="statHide totalUser">Total de membros: {TOTAL_USERS}</li>
              <li class="statHide totalPost">Total de posts: {TOTAL_POSTS}</li>
          </ul>
          <br />
        </div>
        <script type="text/javascript">
        //<![CDATA[
        $(document).ready(function () {
        var rdtOn = $('.rdtOn strong').html();
        var lastUser = $('.lastUser strong').html();
        var totalUser = $('.totalUser strong').html();
        var totalPost = $('.totalPost strong').html();
          var sHtml = '<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>';
           
        $('ul.statsPers').prepend(sHtml);
        });
        //]]>
        </script>
            <style type="text/css">
            <!--
            #statistics {
                background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
                display: table;
                margin: 0 auto !important;
                text-align: center !important;
            }
            .statsPers {
                color: #5A5A5A;
                display: block;
                font: 12px "helvetica",arial,sans-serif !important;
                list-style: none outside none;
                margin: 0 auto;
                width: 100%;
            }           
            .statsPers li {
                color: #666666;
                float: left;
                margin: 2px 10px;
            }
            .statsPers li > span {
                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: 3px;
                padding: 2px 6px;
                text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
            }
                .statsPers li span a {
                text-decoration: none !important;
            }
            -->
      </style>
     
    <!-- fim do codigo de membros, estatisticas -->
    <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} : {GROUP_LEGEND}</p>
          </div>
          <!-- BEGIN switch_chatbox_activate -->
          <div id="onlinechat">
            <p class="page-bottom">
                {TOTAL_CHATTERS_ONLINE} :
                {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-total').text(total_chatters);
          $('#shoutbox-active-member').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[
            var target = $('#total_users_online'); /*Há 1 usuários online :: 0 usuários cadastrados, Nenhum Invisível e 1 Visitante :: [1 Motor de busca]*/
            var aSplit = target.text();
         
            /* Usuários online/ativos */
            var users_active = target.find('strong:first').text() + ' usuários ativos (nos últimos 45 minutos)';
            $('#board_statistics').find('h4.statistics_head').text(users_active);
         
            var membros = aSplit.split(' :: ')[1].substr(0, 1);
            if(membros == 'N') {membros = 0;}
            membros += ' membros, ';
            var visitantes = aSplit.split(' e ')[1].substr(0, 1);
            if(visitantes == 'n') {visitantes = 0;}
            $('#board_statistics').find('h4.statistics_head').text(users_active);
            $('#board_statistics').find('p.statistics_brief.desc')
                .text(membros + visitantes + ' visitantes, 0 membros anônimos').append('  <a href="/viewonline">(lista completa)</a>');

            aSplit = $('#logged_in_user_list').html();
            var start = aSplit.search('registrados : ') + 14;
            users_active = aSplit.substring(start);
            users_active = users_active.replace("Nenhum","");
            $('#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>·</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>
      <style type="text/css">
          <!--
            #pun-info {
              margin-top: 15px;
              border: 0px;
            }
           
            .statistics_head {
                font-size: 14px !important;
                font-weight: bold !important;
            }
            .statistics {
                border-top: 3px solid #D8D8D8 !important;
                line-height: 1.3 !important;
                margin: 20px 0 0 !important;
                overflow: hidden !important;
                padding: 10px 0 !important;
            }
            #onlinelist {
            background: white;
            border: 0px;
            border-top:none;
            }
           
            #onlinechat {
            background: white;
            border-top: 1px solid #EEE;
            border-top:none;
            }
            -->
      </style>
    </div>
    <!-- END disable_viewonline -->

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
          <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
          <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
          {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
      </div>
    </form>
    <!-- END switch_user_login_form_footer -->

    {CHATBOX_BOTTOM}

    <!-- BEGIN switch_legend -->
    <ul id="pun-legend">
      <li>
          <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
          <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
          <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
      </li>
    </ul>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true,
      oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

Resultado:


JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Aspeto das estatísticas

Mensagem por Diogo Ferreira em 21/02/14, 07:43 pm

Falta uma coisinha, dá para tirar a cor do nick, como na imagem que mostrei? Ficar tudo a preto.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Resolvido Re: Aspeto das estatísticas

Mensagem por JScript em 21/02/14, 08:03 pm

Adicione este CSS:
Código:

#statistics span a {
  color: #4A4A4A !important;
}

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Aspeto das estatísticas

Mensagem por Diogo Ferreira em 21/02/14, 08:07 pm

Resolvido.
Obrigado!
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum