Personalizar o Quem está online

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

Resolvido Personalizar o Quem está online

Mensagem por Tayloka em 04/03/13, 03:51 pm

Qual é minha questão:
Oi, bom achei muito legal o quem está online lá no rodapé deste fórum http://spdesign.ativoforum.com/ e gostaria muito de adiciona-lo, se acaso alguém souber poderia me ajudar?


Endereço do meu fórum:
http://gamerwi.forum.st

Versão do fórum:
PUNBB


Última edição por Tayloka em 05/03/13, 09:38 am, editado 1 vez(es)
avatar

Tayloka
Nível 3

Feminino
Inscrito dia : 16/02/2013
Mensagens : 20
Pontos Ativos : 29

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

Resolvido Re: Personalizar o Quem está online

Mensagem por ™David™ em 04/03/13, 04:55 pm

poderia me indicar sue index_body
avatar

™David™
Usuário avançado

Masculino
Inscrito dia : 13/01/2013
Mensagens : 426
Pontos Ativos : 624

Ver perfil do usuário http://cheatsgo.forum-pro.net/ http://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Resolvido Re: Personalizar o Quem está online

Mensagem por T-Lord em 04/03/13, 05:00 pm

Painel de Controle Visualização Templates Geral index_body

Apague tudo e adicione esse:
Código:
[list=1]
[*]{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 -->
[/list]

Agora vai em Painel de controle Visualização Imagens e Cores Cores abra a aba "Folha de estilo CSS"

E cole:
Código:
[list=1]
[*]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;}
[/list]
Você também poderá mudar o Endereço da Imagem onde tem "IMAGEM-DO-BOTÃO-AQUI" na CSS que lhe mandei!

Até logo espero que ajude.

+ Para mim

Att. Matthew
avatar

T-Lord
Nível 10

Masculino
Inscrito dia : 29/12/2010
Mensagens : 253
Pontos Ativos : 491

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Personalizar o Quem está online

Mensagem por Tayloka em 04/03/13, 05:13 pm

Oi, T-lord, não funcionou, aqui está minha Index-Body
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 class="fundo"><center><b class="letras">ESTATÍSTICAS</b></center><div style="" id="stats2">
                 
                  <b> » </b>{TOTAL_POSTS} <p/>
                  <b> » </b>{TOTAL_USERS} <p/>
                  <b> » </b>{NEWEST_USER}
                        </div>
<!--<div id="pun-info" class="main">
  <div class="main-content"> -->

      <table border="0" cellspancing="auto" cellpadding="auto">
  <tr><td width="50%" colspan="2"><center><b class="letras">QUEM ESTÁ ON?</b></center><div id="onlinelist2">
                      {TOTAL_USERS_ONLINE}<br />
        {RECORD_USERS}

        <br />
                          {LOGGED_IN_USER_LIST}</div></td>
                        <td width="50%" colspan="2"><center><b class="letras">QUEM PASSOU POR AQUI?</b></center><div id="onlinelist3">{L_ONLINE_USERS}
                        {L_CONNECTED_MEMBERS}<br /></div></td></tr></table><center><b class="letras">LEGENDAS</b></center>
                      <div id="onlinelist4">{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
       
                        <p>{LEGEND} : {GROUP_LEGEND}</p></div></div>
       

     
      <div class="fundo2"><!-- BEGIN switch_chatbox_activate -->
     
        <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>

      <!-- END switch_chatbox_activate -->
</div>




   
<!-- END disable_viewonline -->



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

{CHATBOX_BOTTOM}

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

{AUTO_DST}

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

Tayloka
Nível 3

Feminino
Inscrito dia : 16/02/2013
Mensagens : 20
Pontos Ativos : 29

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

Resolvido Re: Personalizar o Quem está online

Mensagem por T-Lord em 04/03/13, 06:25 pm

Lhe mandarei uma MP!
avatar

T-Lord
Nível 10

Masculino
Inscrito dia : 29/12/2010
Mensagens : 253
Pontos Ativos : 491

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Personalizar o Quem está online

Mensagem por Gaaratsu em 05/03/13, 01:14 am

Olá,

Aceda ao seu:
Painel de Controle Seta Visualização Seta Templates Seta Geral Seta 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 Seta Visualização Seta Imagens e Cores Seta Cores Seta 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 Seta Visualização Seta Templates Seta Geral Seta index_body
E Publicar.

Até mais. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

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

Resolvido Re: Personalizar o Quem está online

Mensagem por Tayloka em 05/03/13, 09:16 am

Dr.House escreveu:Olá,

Aceda ao seu:
Painel de Controle Seta Visualização Seta Templates Seta Geral Seta 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 Seta Visualização Seta Imagens e Cores Seta Cores Seta 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 Seta Visualização Seta Templates Seta Geral Seta index_body
E Publicar.

Até mais. Piscada
Oi, funcionou mais ficou muito bugado no rodapé, veja em meu fórum e outra teria como personaliza-lo melhor? E o tamanho dele ficou muito há direita, teria como deixa-lo há caixa melhor e centralizar só a caixa?e a onde está na css em que você me passou tem um negocio escrito IMAGEM-DO-BOTÃO-AQUI mas que tipo de botão refere-se?
avatar

Tayloka
Nível 3

Feminino
Inscrito dia : 16/02/2013
Mensagens : 20
Pontos Ativos : 29

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

Resolvido Re: Personalizar o Quem está online

Mensagem por ™David™ em 05/03/13, 09:22 am

Olá Entrei No forum e nao vi nada de diferente
avatar

™David™
Usuário avançado

Masculino
Inscrito dia : 13/01/2013
Mensagens : 426
Pontos Ativos : 624

Ver perfil do usuário http://cheatsgo.forum-pro.net/ http://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Resolvido Re: Personalizar o Quem está online

Mensagem por Tayloka em 05/03/13, 09:37 am

Oi, resolvido podem fechar obrigado a todos que tentaram me ajudar Piscada
avatar

Tayloka
Nível 3

Feminino
Inscrito dia : 16/02/2013
Mensagens : 20
Pontos Ativos : 29

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

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

- Tópicos similares

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