Personalizar estatísticas do fórum

[Pattricia]

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: https://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!

[Hancki]

Olá!

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

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

Hancki

[Pattricia]

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

[Hancki]

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!

Hancki

[Pattricia]

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

[Fraise]

Olá!

Como assim substituir?

Até mais.

[Pattricia]

Gostaria que essa parte:



Ficasse assim:



E o código do @Hancki ficou assim:



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

[Fraise]

Boa tarde!

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

[Pattricia]

Obrigada, é isso mesmo que eu queria!

[Sennior]

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