Como fazer quem esta conectado

Qual é minha questão:
Queria fazer quem esta conectado igual esta imagem


Endereço do meu fórum:
https://ajuda.forumeiros.com

Versão do fórum:
PUNBB

Olá,

Procure sempre usar a a busca do fórum para achar o que deseja, é sempre mais rápido e eficaz que criar uma nova questão sobre algo já resolvido.

Veja este tópico: https://ajuda.forumeiros.com/t67695-

Cordialmente,
The Boss

Olá Caso utilize essas estatisticas seu forum poderá ser processado por direitos autoriais.

Até mais.

Estarei a averiguar o seu forum todo dia.

mais eu queria com as cores diferente vejo varios forum com esta esta estatisticas e n pega nada so pq eu quero vai da b.o

Olá,

O código é open source. Você não pode processar alguém com base na lei 9610 sendo que você o criou a partir de um código aberto.

Direitos do autor se referem a propriedade intelectual de alguém e, como qualquer um pode criar qualquer código, não é possível provar que houve cópia a não ser quando inferido a uma imagem devidamente autenticada e procedente de copyright.

Atenciosamente.

Daquele tipo que você pediu , acho que só pedindo ao dono do fórum , tente contácta-lo via MP , caso não consiga , terá de se conformar .

Abraços,
Vinícius Carvalho

-Naruto escreveu:Olá Caso utilize essas estatisticas seu forum poderá ser processado por direitos autoriais.

Até mais.

Estarei a averiguar o seu forum todo dia.

Somente se for registrado na Justiça com um CNPJ é considerado Plagio isso não é plagio mais pode ter uma pequena Briga com os administradores. Voce ainda ganha pois eles não tem o Forum registrado por lei.

Se tiverem por favor mande o numero do registro para eu averiguar.

Obrigado

Olá,

Essa ameaça foi inválida e não possui qualquer valor jurídico. Por favor, atenham-se à dúvida do membro.

Cordialmente,
The Boss

tem como fazer estatisticas assim ou n

Olá sua ameaça foi invalida pois porque não tem nehum valor jurídico então não vai ser plágio tente saber das coisas antes de fazer uma ameaça abraços!
Enquanto a dúvida apenas crie um tópico la no sh design pedindo o código "quem está conectado" que concerteza eles irão da a resposta se não derem entrem e contato como administrador do fórum para pedi o código abraços e espero ter ajudado!

de boa cara eu nem liguei para essa ameaça de mlk que não sabe nem oque e lei joga naruto o dia todo nem saiu das fraldas e que ser o machão

Olá

Sem sair do assunto gente, agora me perdi, a DÚVIDA foi resolvida?

Até mais

não cara ainda n foi resolvido

Olá, aceda ao seu

Painel de controle Visualização Templates Gera Index_body

Substitua o codigo por este

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%" cellspacing="4" cellspanding="0" style="border-top: 1px solid red !important; border-bottom: 1px solid red !important; border-left: 6px solid red !important; border-right: 6px solid red !important; background-color: #E4E4E4; border-radius: 10px;">
    <tr>
      <td>
       
 

<ul class="onglets">
        <li>
          <a href="#" class="active">Naruto RPGS</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-->

               
               
                    <font style="font-size: 10px !important;"> <!-- 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}</font>
                           
       
                  <!--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" style="font-size: 10px !important;">
      <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 publique o template, feito isto, adicione este codigo em seu CSS

Código:

.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(http://i42.servimg.com/u/f42/17/32/13/00/ative10.jpg) repeat-x bottom;
border-bottom: 1px solid white;
color: #222;
}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(http://i42.servimg.com/u/f42/17/32/13/00/botao10.jpg) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border-left: 1px solid #EEE;
border-right: 1px solid #AAA;
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;
}
.pun div, .pun td, .sig-line {
border-color: ##CCC;
color: ##CCC;
}

Recomendo a ler :

Estatísticas personalizadas
Modificar a zona "Quem está conetado" (PhpBB 2 e PunBB)

Até mais

Olá a versão do membro e phpBB 3 então não podemos modificar templates bem irei procura um código para a versão correta do fórum dele porque a do sh design e punBB e não phpBB3 abraços!

cara eu n queria esta queria da imagem n tem como

Olá!

Leia: Neste fórum não serão aceitas questões ou pedidos para criações de 'templates' e conversão de vários códigos de uma versão para outra versão.

Este tópico é encaixado dentro desta regra, aqui no fórum dos fóruns fazemos pequenas modificações no template, não recriamos-o todo.

Melhores cumprimentos,
seender

Seender o que ele quer é impossivel na versão atual do Forum dele, no caso phpBB3 ele teria que ir para a phpBB2 ou para punbb para ser mais exato.

e Seender teria como você ler o PM que te mandei se der por favor me responda o mais rapido possivel

olá este codigo é da sh designer se quiser faça o tutorial lá

Olá,

Veja este tópico: https://ajuda.forumeiros.com/t58739-

Cordialmente,
The Boss

n cara n esta estastisticas que estou querendo

Olá Vá Neste Fórum E Faça O Mesmo Pedido http://shdesign.ativoforum.com/

cara obrigado e tudo so que n estou pedindo la e sim aqui blz

Olá querido!

Queira ler https://ajuda.forumeiros.com/t76266-

Até.

cara n e este que estou querendo e o da imagem

Olá,

Aceda ao seu:

Painel de Controle Visualização Templates Geral index_body

Agora, substitua todo o código do templante 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 aceda a sua:

Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'

E cole este 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;}

Lembre-se de Validar e depois voltar à página:

Painel de Controle Visualização Templates Geral index_body

E Publicar.

Até mais.

n cara n este

Olá,

Código :

Painel de controle Módulo HTML & JAVASCRIPT Gestão dos códigos JavaScript

Código:

jQuery(document).ready(function(){
$(".forabg + .linklist").after('<div id="box"></div>');
  $(".forabg + .linklist").after('<div id="stats"></div>');
$("#stats").after('<div id="stats2"></div>');
$("#stats2").after('<div id="stats3"></div>');
$("#stats3").after('<div id="stats4"><span style="font-size:12px">Código desenvolvido por <b>StyLe</b> e <b>HenRyqUéè</b> - <b>SH-Design</b></span></div>');
$("p + .clear , p.page-bottom , p.page-bottom").css("margin-top","-0.1px");
  $("p + .clear , p.page-bottom , p.page-bottom").appendTo("#stats");
  $("#i_whosonline + p").appendTo("#stats2");
$("#stats2 p em").css("font-style", "normal").css("font-size", "12px");
$("#stats2 p em").appendTo("#stats3");
$('.h3:contains("Quem está conectado"), .h3:contains("Estatísticas")').hide();
$("#stats").before('<div id="margem" style="margin-bottom:10px!Important;"><span id="s1">ESTATÍSTICAS</span><span id="s2">QUEM ESTÁ ONLINE</span><span id="s3">LEGENDAS</span><span id="s4">CRÉDITOS</span><br></div>');
$("#stats2, #stats3, #stats4").hide();
$("#s1").click(function(){
$("#stats2, #stats3, #stats4").hide();
$("#stats").show();
});
$("#s2").click(function(){
$("#stats, #stats3, #stats4").hide();
$("#stats2").show();
});
$("#s3").click(function(){
$("#stats2, #stats, #stats4").hide();
$("#stats3").show();
});
$("#s4").click(function(){
$("#stats2, #stats3, #stats").hide();
$("#stats4").show();
});
$("#margem,#stats,#stats2,#stats3,#stats4").appendTo("#box");
});


Agora adicione o seguinte código a sua css!

Código:

#stats, #stats2, #stats3, #stats4 {
margin-bottom:8px;
padding:10px;
border:1px solid #7D7D7D;border-radius:5px;
box-shadow:0px 3px 2px #C9C9C9;
max-height:200px;
overflow:auto;
background: rgb(249,252,247); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#box {
padding:11px;
padding-top:18px;
padding-bottom:7px;
border:2px solid #888;
border-radius:9px;
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#s1,#s2,#s3,#s4 {
cursor:pointer;
padding:5px;
background: rgb(232,255,255);
background: -moz-linear-gradient(top,  rgba(232,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(189,223,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,255,255,1)), color-stop(35%,rgba(221,241,249,1)), color-stop(100%,rgba(189,223,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(232,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(189,223,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(232,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(189,223,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(232,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(189,223,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(232,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(189,223,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ffff', endColorstr='#bddfed',GradientType=0 ); /* IE6-9 */
border:1px solid #6F92B0;
border-radius:5px;
font-size:13px;
box-shadow:0px 0px 2px #7DB9ED;
margin-right:6px;
}
#s1:hover,#s2:hover,#s3:hover,#s4:hover {
font-weight:bold;
color:#088CC4;
border:1px solid #088CC4;
}

Atenciosamente.

o cara fico massa so que tem outro em baixo