Personalizar as estatísticas do fórum

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

Resolvido Personalizar as estatísticas do fórum

Mensagem por rhilnner em 01/03/14, 09:59 pm

Qual é minha questão:
Qual o código pras informações do fórum ficar assim: http://prntscr.com/2x22xb
E o código disso http://prntscr.com/2x233c

Endereço do meu fórum:
http://mundial.forum-pro.net

Versão do fórum:
PUNBB


Última edição por rhilnner em 08/03/14, 04:59 pm, editado 1 vez(es)
avatar

rhilnner
Nível 6

Masculino
Inscrito dia : 24/06/2012
Mensagens : 61
Pontos Ativos : 103

Ver perfil do usuário http://space-cheats.forumeiros.com/forum

Resolvido Re: Personalizar as estatísticas do fórum

Mensagem por Troubleshoot em 01/03/14, 10:13 pm

Olá!
Desculpe más, este efeito já não está aplicado em seu fórum?
Por favor, peço que informe o fórum no qual quer este efeito.


Até!
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Personalizar as estatísticas do fórum

Mensagem por Shek em 01/03/14, 10:27 pm

Boa noite!

Por favor, crie um tópico por questão, para que quando precisarem de ajuda, buscarem uma questão específica! Muito feliz

Sobre sua questão, você deseja o código, então seria o mesmo assunto que está sendo debatido neste tópico: http://ajuda.forumeiros.com/t89818-

Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalizar as estatísticas do fórum

Mensagem por rhilnner em 02/03/14, 01:51 am

É que eu coloquei esse tema pra ter essas coisas, mais eu quero colocar em outro tema que eu tenho que é PUNBB.
avatar

rhilnner
Nível 6

Masculino
Inscrito dia : 24/06/2012
Mensagens : 61
Pontos Ativos : 103

Ver perfil do usuário http://space-cheats.forumeiros.com/forum

Resolvido Re: Personalizar as estatísticas do fórum

Mensagem por ShiroK em 02/03/14, 02:30 am

Olá,

Aceda,
Painel de Controle -> Visualização -> Templates -> Geral -> index_body

Substitua todo o código do template index_body pelo código abaixo,


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>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</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}





<!-- BEGIN disable_viewonline -->






    <div *="">
<div id="menu_onglet">
      <div class="conteneur-menu">

  <div>
    <table width="100%" bordercolor="#4964FF" cellspacing="4" cellspanding="0">
      <tr>
        <td>
          
 

<ul class="onglets">
          <li>
            <a href="#" class="active">Grande Down</a>
          </li>
          <li>
            <a href="#" class="">Quem esteve aqui</a>
          </li>
          <li>
            <a href="#" class="">Aniversariantes</a>
          </li>
          <li>
            <a href="#" class="">Grupos</a>
          </li>
          <li>
            <a href="#" class="">Creditos</a>
          </li>
        </ul>


  </td>
      </tr>
      <tr>
      <td align="left">
        <table class="table1" width="100%" border="0" cellspacing="0" cellspanding="0">
          <tr>
            <td class="main-content" style="padding:5px;">


<div style="align: center">
  <script language="javascript" type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jquery-re_142.js"></script>
  <script language="javascript" type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/menu_libre_service_1/a.js"></script>
 


      <!--menu original-->




        <div class="conteneur-ouvrir" style="display: block; ">
          <div class="ton_contenu">
          

            <!--Estatisticas-->

                  <span class="gensmall">
                    
                    <p>{TOTAL_POSTS}</p>                    
                    <p>{RECORD_USERS}</p>
                    <p>{TOTAL_USERS}</p>
                  </span>
                  <br />
      <!--Online-->

                  
                  
                        <!-- BEGIN switch_viewonline_link -->
                        <b><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></b>
                          <br />
                        <!-- END switch_viewonline_link -->
                          {LOGGED_IN_USER_LIST}
                  
                        <!-- BEGIN switch_viewonline_nolink -->
                          {L_WHO_IS_ONLINE}
                        <!-- END switch_viewonline_nolink -->
                    
                          {TOTAL_USERS_ONLINE}
                              
          
                    <!--Ultimo Usuario-->    

<span class="gensmall" style"color:#2f2f2f !important;">{NEWEST_USER}</span>
        


              
          </div>
        </div>
                      
        <div class="conteneur-ouvrir" style="display: none; ">
          <div class="ton_contenu">
            <table width="100%" border="0" cellspacing="2" cellpadding="2">
              <tbody>
                <tr>
                  <td class="cellule_1">                  
                    
                  
                              
        <!--24 horas-->
            <span class="gensmall">
                    {L_ONLINE_USERS}
                    {L_CONNECTED_MEMBERS}<br />
                    <div class="clear"></div>
                  </span>


                            
                  
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
                      
        <div class="conteneur-ouvrir" style="display: none; ">
          <div class="ton_contenu">
            <table class="table_1" width="100%" border="0" cellspacing="2" cellpadding="2">
              <tbody>
                <tr>
                  <td class="cellule_1">
                                          

        <!--Aniversariantes-->
            <span class="gensmall">
                    {L_WHOSBIRTHDAY_TODAY}
                    {L_WHOSBIRTHDAY_WEEK}
                </span>
                    
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          </div>
                      
          <div class="conteneur-ouvrir" style="display: none; ">
            <div class="ton_contenu">
              


      <!--Grupos-->
                <span class="gensmall">
              <font color="#fff">{GROUP_LEGEND}</font>
          </span>
                    

            </div>
          </div>
            
          <div class="conteneur-ouvrir" style="display: none; ">
            <div class="ton_contenu">
              <table width="100%" border="0">
                <tbody>
                  <tr>
                    <td>
    
                      
                    <!--Créditos-->  
                      
                      Em construção...
                      
                      
                    </td>
                    </tr>
                  </tbody>
                  </table>
                </div>
                </div>
              </div>


 


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

            </div>
          
  </div>
</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>
<!-- 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 -->

Agora vá até sua folha de estilos CSS, e aplique tal código,

Código:
div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}

Você poderá alterar os botões de seu menu, trocando onde esta escrito no CSS "IMAGEM-DO-BOTÃO-AQUI" por uma imagem de um botão de sua preferência.

Atenciosamente,
ShiroK
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

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

Resolvido Re: Personalizar as estatísticas do fórum

Mensagem por rhilnner em 02/03/14, 11:31 am

Não é isso que eu desejo, que pretendo que fica arredondada a parte dos números e o nick do último registrado.
avatar

rhilnner
Nível 6

Masculino
Inscrito dia : 24/06/2012
Mensagens : 61
Pontos Ativos : 103

Ver perfil do usuário http://space-cheats.forumeiros.com/forum

Resolvido Re: Personalizar as estatísticas do fórum

Mensagem por rhilnner em 02/03/14, 06:46 pm

up
avatar

rhilnner
Nível 6

Masculino
Inscrito dia : 24/06/2012
Mensagens : 61
Pontos Ativos : 103

Ver perfil do usuário http://space-cheats.forumeiros.com/forum

Resolvido Re: Personalizar as estatísticas do fórum

Mensagem por ShiroK em 02/03/14, 08:22 pm

Olá,

Aceda à teus java scripts e coloque este código java script com investimento em todas as paginas;

Código:
jQuery(document).ready(function(){
  $(".forabg + .linklist").after('<div id="stats"></div>');
  $("p + .clear + .h3, p.page-bottom + .h3, p.page-bottom").appendTo("#stats");
  $("#i_whosonline + p").addClass('onlinelist');
});

Logo depois o seguinte CSS:

Código:
 #stats{background:#F4F4F4;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#333;border:1pxsolid#DDD;border-bottom:none;margin-top:8px;padding:8px10px;}#stats.h3+p{float:right;}#stats.h3,.onlinelistbr+strong+br,.onlinelista+br+br+br+br,#i_whosonline{display:none;}#stats+.h3{border:none;font-weight:normal;text-transform:none;position:relative;margin-top:-26px;text-align:right;right:14px;top:33px;}#stats+.h3a{font-size:13px;}.onlinelist{font-size:12px;color:#333;background:#F4F4F4;font-family:Verdana,Arial,Helvetica,sans-serif;border:1pxsolid#DDD;border-top-style:dashed;margin-top:8px;padding:8px10px;}.onlinelistem{font-style:normal;}

Atenciosamente,
ShiroK
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

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

Resolvido Re: Personalizar as estatísticas do fórum

Mensagem por rhilnner em 03/03/14, 06:29 pm

Não funcionou
avatar

rhilnner
Nível 6

Masculino
Inscrito dia : 24/06/2012
Mensagens : 61
Pontos Ativos : 103

Ver perfil do usuário http://space-cheats.forumeiros.com/forum

Resolvido Re: Personalizar as estatísticas do fórum

Mensagem por BrunoH. em 03/03/14, 10:13 pm

Olá,

UP's apenas 24 horas após a última mensagem. Caso volte a acontecer estarei descartando este tópico.

Sobre sua questão, siga os passos:
Spoiler:


Estatísticas igual a IPB

Nesse tutorial vou estar passando os códigos necessários para você deixar as estatísticas do seu fórum semelhantes a de um fórum IPB.



OBS: Testado em PunBB e PhpBB2, nas demais versões não irá pegar por conta de edição de templantes que precisa ser feita.


--> Tutoriais, dicas e astúcias <--
Estatísticas igual a IPB



- Editar o templante
PunBB:
Abra seu templante index_body e entre as linhas 57 e 68 deverá ter esse código
Código:
<div class="main-content">
      <div id="stats">
        <p class="right">{TOTAL_POSTS}</p>
        <p>{TOTAL_USERS}</p>
        <p>{NEWEST_USER}</p>
      </div>
phpBB2
Abra seu templante index_body e entre as linhas 188 e 193 deverá ter esse código
Código:
<tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
  </tr>

Troque esse por esse outro código:

Código:

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


Feito isso, salve seu templante e publique ele.


- Adicionar código JavaScript
Vá até o gestor de códigos JavaScript e crie uma nova "página"
Coloque o nome que desejar, marque para funcionar em todas as páginas só para prevenir.
Código a ser usado será esse:

Código:
$(document).ready(function(){
var rdtOn = $('.rdtOn strong').html();
var lastUser = $('.lastUser strong').html();
var totalUser = $('.totalUser strong').html();
var totalPost = $('.totalPost strong').html();


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


});

Salva e siga para o próximo passo.


- Adicionar o css
Estamos quase acabando, agora para finalizar adicione o seguinte código CSS em sua Folha de estilos css

Código:
#stats {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
padding: 5px 8px;
background: #E1E1E1;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 1px 1px 0 white;
color: #111;
font-weight: 700;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}

Finalizamos o tutorial, veja a seguir o resultado final dele.


- Resultado final




© Switch


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

Atenciosamente.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

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