Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
Fou-Lu
 
Holkis
 
iScroll
 
Sr.Oliveira
 
while
 
Harleen
 
fiapinho
 
Stewart
 

Quem está conectado
203 usuários online :: 2 usuários cadastrados, 1 Invisível e 200 Visitantes :: 2 Motores de busca

Fou-Lu, vitorsali

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar estatísticas do fórum

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

Resolvido Personalizar estatísticas do fórum

Mensagem por Pattricia em Sab 26 Set 2015 - 18:43

Detalhes da questão


Endereço do fórum: http://winxclubfairies.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição


Olá!
Já existe um tópico com essa dúvida: http://ajuda.forumeiros.com/t101801-personalizar-estatisticas-do-forum
Mas a versão do fórum nesse tópico é PunBB e minha versão é PHPBB3.
Meu template index_body:
Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" 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'" 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>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

   <!-- BEGIN switch_viewonline_link -->
   <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- 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 -->
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" 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>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
   <li><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>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->
Gostaria que o @Hancki me ajudasse com o código.
Obrigada!


Última edição por Pattricia em Sab 26 Set 2015 - 18:48, editado 1 vez(es)

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 1356

http://winxclubfairies.forumeiros.com/

Resolvido Re: Personalizar estatísticas do fórum

Mensagem por Hancki em Sab 26 Set 2015 - 18:46

Olá!

Eu posso ajudar, mas vou precisar do seu template "index_body".

O estilo, quer exatamente igual a esse tópico que ajudei?

Hancki

Hancki
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8037
Pontos Ativos : 14708

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar estatísticas do fórum

Mensagem por Pattricia em Sab 26 Set 2015 - 18:50

O template encontra-se na primeira mensagem deste tópico (eu acabei de editar Rindo )
Quero que o avatar fique um pouco menos redondo (mais ou menos quadrado e redondo) na parte do "membro mais novo"

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 1356

http://winxclubfairies.forumeiros.com/

Resolvido Re: Personalizar estatísticas do fórum

Mensagem por Hancki em Sab 26 Set 2015 - 19:24

Substitua por este:
Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" 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'" 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>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
  <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
  <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
  <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
  </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<script>
$(function() {
    var membroNovoUrl = $('#tabelaMembro #membroNovo a').attr('href');
    console.log(membroNovoUrl);
    $('#tabelaMembro').append('<span style="display:none" id="avatarImg"></span><span style="display:none" id="registoData"></span>');
    $('#avatarImg').load(membroNovoUrl + ' #profile-advanced-right .main-content.clearfix.center img:first-child', function() {
        console.log('Avatar carregado com sucesso!');
        var avatarSrc = $('#avatarImg img').attr('src');
        $('#membroNovoImg').attr('src', avatarSrc);
    });
    $('#registoData').load(membroNovoUrl + ' #profile-advanced-details #field_id-4 .field_uneditable', function() {
        console.log('Data de registro carregada com sucesso!');
        var dataLoad = $('#registoData').text();
        $('#tabelaRegistro span').text('Registrado em ' + dataLoad + '');
    });
});
</script>
<script>
$(function() {
    var sumar = 0;
    $('ul.forums dd.topics').each(function() {
        var val = $.trim($(this).text());
        if (val) {
            val = parseFloat(val.replace(/^\$/, ""));
            sumar += !isNaN(val) ? val : 0;
        }
        console.log(sumar);
        $('#contarTopicos').text(sumar);
    });
});
</script>
<script>
$(function() {
    var totalPosts = $('#tabelaStats #totalPosts strong').html();
    $('#tabelaStats #totalPosts').html(totalPosts);
    var totalUsers = $('#tabelaStats #totalUsers strong').html();
    $('#tabelaStats #totalUsers').html(totalUsers);
    var recordUsers = $('#tabelaStats #recordUsers strong').html();
    $('#tabelaStats #recordUsers').html(recordUsers);
    var membroNovo = $('#tabelaStats #membroNovo a');
    $('#tabelaStats #membroNovo').html(membroNovo);
});
</script>
<div class="ipsWidget ipsWidget_horizontal ipsBox" id="statsHancki">
    <table id="tabelaStats">
        <tr>
            <h3 class="ipsType_reset ipsWidget_title"></h3>
            <div class="ipsWidget_inner">

                <td>
                    <div class="ipsGrid ipsGrid_collapsePhone ipsWidget_stats">
                        <div class="ipsGrid_span2 ipsType_center">
                            <span class="ipsType_large ipsWidget_statsCount" id="contarTopicos">0</span>
                            <br>
                            <span class="ipsType_light ipsType_medium">Tópicos</span>
                        </div>
                </td>
                <td>
                    <div class="ipsGrid_span2 ipsType_center">
                      <span class="ipsType_large ipsWidget_statsCount"><span id="totalPosts">{TOTAL_POSTS}</span></span>
                        <br>
                        <span class="ipsType_light ipsType_medium">Posts</span>
                    </div>
                </td>
                <td>
                    <div class="ipsGrid_span2 ipsType_center">
                      <span class="ipsType_large ipsWidget_statsCount"><span id="totalUsers">{TOTAL_USERS}</span></span>
                        <br>
                        <span class="ipsType_light ipsType_medium">Membros</span>
                    </div>
                </td>
                <td>
                    <div class="ipsGrid_span2 ipsType_center">
                      <span class="ipsType_large ipsWidget_statsCount"><span id="recordUsers">{RECORD_USERS}</span></span>
                        <br>
                        <span class="ipsType_light ipsType_medium">Recorde Online</span>
                    </div>
                </td>
                <td>
                    <div class="ipsGrid_span3 ipsType_left ipsPhotoPanel ipsPhotoPanel_mini cNewestMember">

                        <table id="tabelaMembro">
                            <tr>
                                <td rowspan="3" id="tabelaAvatar"> <img id="membroNovoImg" src="http://www.loskatchorros.com.br/ipb/uploads/set_resources_2/84c1e40ea0e759e3f1505eb1788ddf3c_default_photo.png" alt="">
                                </td>
                                <td id="tabelaMembroMaisNovo"> <span class="ipsType_minorHeading">Membro Mais Novo</span>
                                </td>
                            </tr>
                            <tr>
                                <td id="tabelaNomeMembro"> <span class="ipsType_normal" id="membroNovo">{NEWEST_USER}</span>
                                </td>
                            </tr>
                            <tr>
                                <td id="tabelaRegistro"> <span class="ipsType_small ipsType_light">Registro em ...</span>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                </div>

            </div>
        </tr>
    </table>
</div>

<style>
    .ipsType_minorHeading {
        color: #868686;
        text-transform: uppercase;
        font-size: 11px;
        margin: 0;
    }
   
    #tabelaMembro #tabelaMembroMaisNovo,
    #tabelaMembro #tabelaNomeMembro,
    #tabelaMembro #tabelaRegistro {
        width: 250px;
    }
   
    #tabelaMembro {
        width: auto;
    }
   
    .ipsType_light {
        color: #9c9c9c;
        font-size: 13px;
    }
   
    .ipsType_center {
        text-align: center;
    }
   
    #tabelaStats td {
        width: 10%;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
   
    #tabelaStats td:nth-child(5) {
        width: 20% !important;
    }
   
    .ipsBox:not(.ipsBox_transparent) {
        background-color: #fff;
    }
   
    .ipsWidget.ipsWidget_horizontal .ipsWidget_title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px;
        border: 0px;
        margin-top: 0px;
    }
   
    .ipsWidget_horizontal .ipsWidget_statsCount {
        font-size: 22px;
        line-height: 32px !important;
        font-weight: 300;
    }
   
    .ipsType_medium:not(.ipsType_richText) {
        line-height: 20px;
    }
   
    .ipsWidget_horizontal .cNewestMember {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        padding-left: 15px;
    }
    #tabelaStats #membroNovo a {
        font-size: 14px !important;
        text-decoration: none;
    }
    .ipsBox {
        padding-bottom: 20px;
        border-width: 1px;
        border-style: solid;
        border-color: #f2f2f2;
        border-radius: 3px;
    }
   
    #membroNovoImg {
        box-shadow: 0px 0px 0px 1px #e2e2e2;
        width: 44px;
        background: #fff;
        vertical-align: middle;
        display: inline-block;
        line-height: 1px;
        position: relative;
        margin: 2px;
        border-radius: 10px;
        float: left;
        border: 1px solid white;
    }
</style>


  <!-- BEGIN switch_viewonline_link -->
  <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
  <!-- END switch_viewonline_link -->

  <!-- BEGIN switch_viewonline_nolink -->
  <div class="h3">{L_WHO_IS_ONLINE}</div>
  <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

  <!-- BEGIN switch_statistics_link -->
  <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
  <!-- END switch_statistics_link -->

  <!-- BEGIN switch_statistics_nolink -->
  <div class="h3">{L_STATISTICS}</div>
  <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
  <!-- BEGIN switch_chatbox_activate -->
  <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
  <div class="page-bottom">
  {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
  {CHATTERS_LIST}<br />
  </div>
      <!-- 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 -->
  <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" 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>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
  <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
  <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
  <li><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>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

Penso que resulta! Feliz

Hancki

Hancki
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8037
Pontos Ativos : 14708

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar estatísticas do fórum

Mensagem por Pattricia em Sab 26 Set 2015 - 19:37

Perfeito! Obrigada Piscada
Porém gostaria que essa parte das estatísticas substituísse as estatísticas padrão do fórum.

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 1356

http://winxclubfairies.forumeiros.com/

Resolvido Re: Personalizar estatísticas do fórum

Mensagem por Fraise em Sab 26 Set 2015 - 20:48

Olá!

Como assim substituir?

Até mais.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7237

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar estatísticas do fórum

Mensagem por Pattricia em Qui 1 Out 2015 - 16:26

Gostaria que essa parte:



Ficasse assim:



E o código do @Hancki ficou assim:



(As estatísticas continuam lá embaixo...)

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 1356

http://winxclubfairies.forumeiros.com/

Resolvido Re: Personalizar estatísticas do fórum

Mensagem por Fraise em Qui 1 Out 2015 - 19:20

Boa tarde! Muito feliz

Troque o template por este:
Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" 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'" 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>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
  <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
  <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
  <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
  </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<script>
$(function() {
    var membroNovoUrl = $('#tabelaMembro #membroNovo a').attr('href');
    console.log(membroNovoUrl);
    $('#tabelaMembro').append('<span style="display:none" id="avatarImg"></span><span style="display:none" id="registoData"></span>');
    $('#avatarImg').load(membroNovoUrl + ' #profile-advanced-right .main-content.clearfix.center img:first-child', function() {
        console.log('Avatar carregado com sucesso!');
        var avatarSrc = $('#avatarImg img').attr('src');
        $('#membroNovoImg').attr('src', avatarSrc);
    });
    $('#registoData').load(membroNovoUrl + ' #profile-advanced-details #field_id-4 .field_uneditable', function() {
        console.log('Data de registro carregada com sucesso!');
        var dataLoad = $('#registoData').text();
        $('#tabelaRegistro span').text('Registrado em ' + dataLoad + '');
    });
});
</script>
<script>
$(function() {
    var sumar = 0;
    $('ul.forums dd.topics').each(function() {
        var val = $.trim($(this).text());
        if (val) {
            val = parseFloat(val.replace(/^\$/, ""));
            sumar += !isNaN(val) ? val : 0;
        }
        console.log(sumar);
        $('#contarTopicos').text(sumar);
    });
});
</script>
<script>
$(function() {
    var totalPosts = $('#tabelaStats #totalPosts strong').html();
    $('#tabelaStats #totalPosts').html(totalPosts);
    var totalUsers = $('#tabelaStats #totalUsers strong').html();
    $('#tabelaStats #totalUsers').html(totalUsers);
    var recordUsers = $('#tabelaStats #recordUsers strong').html();
    $('#tabelaStats #recordUsers').html(recordUsers);
    var membroNovo = $('#tabelaStats #membroNovo a');
    $('#tabelaStats #membroNovo').html(membroNovo);
});
</script>
<div class="ipsWidget ipsWidget_horizontal ipsBox" id="statsHancki">
    <table id="tabelaStats">
        <tr>
            <h3 class="ipsType_reset ipsWidget_title"></h3>
            <div class="ipsWidget_inner">

                <td>
                    <div class="ipsGrid ipsGrid_collapsePhone ipsWidget_stats">
                        <div class="ipsGrid_span2 ipsType_center">
                            <span class="ipsType_large ipsWidget_statsCount" id="contarTopicos">0</span>
                            <br>
                            <span class="ipsType_light ipsType_medium">Tópicos</span>
                        </div>
                </td>
                <td>
                    <div class="ipsGrid_span2 ipsType_center">
                      <span class="ipsType_large ipsWidget_statsCount"><span id="totalPosts">{TOTAL_POSTS}</span></span>
                        <br>
                        <span class="ipsType_light ipsType_medium">Posts</span>
                    </div>
                </td>
                <td>
                    <div class="ipsGrid_span2 ipsType_center">
                      <span class="ipsType_large ipsWidget_statsCount"><span id="totalUsers">{TOTAL_USERS}</span></span>
                        <br>
                        <span class="ipsType_light ipsType_medium">Membros</span>
                    </div>
                </td>
                <td>
                    <div class="ipsGrid_span2 ipsType_center">
                      <span class="ipsType_large ipsWidget_statsCount"><span id="recordUsers">{RECORD_USERS}</span></span>
                        <br>
                        <span class="ipsType_light ipsType_medium">Recorde Online</span>
                    </div>
                </td>
                <td>
                    <div class="ipsGrid_span3 ipsType_left ipsPhotoPanel ipsPhotoPanel_mini cNewestMember">

                        <table id="tabelaMembro">
                            <tr>
                                <td rowspan="3" id="tabelaAvatar"> <img id="membroNovoImg" src="http://www.loskatchorros.com.br/ipb/uploads/set_resources_2/84c1e40ea0e759e3f1505eb1788ddf3c_default_photo.png" alt="">
                                </td>
                                <td id="tabelaMembroMaisNovo"> <span class="ipsType_minorHeading">Membro Mais Novo</span>
                                </td>
                            </tr>
                            <tr>
                                <td id="tabelaNomeMembro"> <span class="ipsType_normal" id="membroNovo">{NEWEST_USER}</span>
                                </td>
                            </tr>
                            <tr>
                                <td id="tabelaRegistro"> <span class="ipsType_small ipsType_light">Registro em ...</span>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                </div>

            </div>
        </tr>
    </table>
</div>

<style>
    .ipsType_minorHeading {
        color: #868686;
        text-transform: uppercase;
        font-size: 11px;
        margin: 0;
    }
   
    #tabelaMembro #tabelaMembroMaisNovo,
    #tabelaMembro #tabelaNomeMembro,
    #tabelaMembro #tabelaRegistro {
        width: 250px;
    }
   
    #tabelaMembro {
        width: auto;
    }
   
    .ipsType_light {
        color: #9c9c9c;
        font-size: 13px;
    }
   
    .ipsType_center {
        text-align: center;
    }
   
    #tabelaStats td {
        width: 10%;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
   
    #tabelaStats td:nth-child(5) {
        width: 20% !important;
    }
   
    .ipsBox:not(.ipsBox_transparent) {
        background-color: #fff;
    }
   
    .ipsWidget.ipsWidget_horizontal .ipsWidget_title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px;
        border: 0px;
        margin-top: 0px;
    }
   
    .ipsWidget_horizontal .ipsWidget_statsCount {
        font-size: 22px;
        line-height: 32px !important;
        font-weight: 300;
    }
   
    .ipsType_medium:not(.ipsType_richText) {
        line-height: 20px;
    }
   
    .ipsWidget_horizontal .cNewestMember {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        padding-left: 15px;
    }
    #tabelaStats #membroNovo a {
        font-size: 14px !important;
        text-decoration: none;
    }
    .ipsBox {
        padding-bottom: 20px;
        border-width: 1px;
        border-style: solid;
        border-color: #f2f2f2;
        border-radius: 3px;
    }
   
    #membroNovoImg {
        box-shadow: 0px 0px 0px 1px #e2e2e2;
        width: 44px;
        background: #fff;
        vertical-align: middle;
        display: inline-block;
        line-height: 1px;
        position: relative;
        margin: 2px;
        border-radius: 10px;
        float: left;
        border: 1px solid white;
    }
</style>


  <!-- BEGIN switch_viewonline_link -->
  <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
  <!-- END switch_viewonline_link -->

  <!-- BEGIN switch_viewonline_nolink -->
  <div class="h3">{L_WHO_IS_ONLINE}</div>
  <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

  <!-- BEGIN switch_statistics_link -->

  <!-- END switch_statistics_link -->

  <!-- BEGIN switch_statistics_nolink -->

  <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
  <!-- BEGIN switch_chatbox_activate -->
  <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
  <div class="page-bottom">
  {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
  {CHATTERS_LIST}<br />
  </div>
      <!-- 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 -->
  <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" 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>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
  <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
  <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
  <li><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>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7237

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar estatísticas do fórum

Mensagem por Pattricia em Sex 2 Out 2015 - 16:16

Obrigada, é isso mesmo que eu queria!

Pattricia
Nível 9

Feminino
Inscrito dia : 23/01/2014
Mensagens : 161
Pontos Ativos : 1356

http://winxclubfairies.forumeiros.com/

Resolvido Re: Personalizar estatísticas do fórum

Mensagem por Sennior em Sex 2 Out 2015 - 16:19

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22837

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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