Botão de login com Topic' It e FB não aparece

Detalhes da questão

Endereço do fórum: http://apixelados.forumeiros.com
Versão do fórum: PunBB

Descrição

Olá,

O meu botão de login do topic'it e facebook não aparece no footer segue imagem abaixo:


Poderiam me ajudar?

Bom dia!

Leia este anúncio: https://ajuda.forumeiros.com/t110123-topic

Atenciosamente,
Shek

Olá, bom dia @Shek

Eu segui este tutorial que me pediu para ler, mas o botão topic' it só aparece na guia /login, já o do facebook não aparece em ambos.

Olá!

As funções estão ativada em seu fórum? Os templates mencionados no tópico tinham sido editados anteriormente?

Até mais

Olá,

Estão sim, ativei os dois, mas ainda não apareceu os botões. Eu peguei o template na internet e modifiquei, mas segui o tutorial que você passou e o botão do topic'it apareceu, mas só na guia /login, como havia mencionado acima.

Olá!

Poderia nos fornecer os templates, por gentileza?

Olá,

Aqui está:
index_body

Código:


{JAVASCRIPT}
<!-- 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 -->

<!-- END switch_user_login_form_header -->
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>

{CHATBOX_TOP}

{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<script>
  $(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>
');
 

});
</script>

<div id="pun-info" class="main">
  <div class="statistics_head">
</div>
   <div class="main-statistics">
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right-oie">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
         <p>{TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}

         <br />
         {LOGGED_IN_USER_LIST}
         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br />
         
         <div class="clear"></div>

         <span class="legend"><p>{GROUP_LEGEND}</p></span>

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
         {CHATTERS_LIST}
                         
         <!-- 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> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
          &nbsp;
    <!-- BEGIN topicit_connect -->
    <div class="ti-connect"></div>
    <!-- END topicit_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

{AUTO_DST}

 
    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script>
        FB.init({
          appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
          cookie    : true,
          xfbml      : true,
          oauth      : true,
          version    : 'v2.3'
        });
 
      (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <!-- END switch_fb_index_login -->
 


overall_footer_end

Código:


<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <ul>
                     <li>
<!-- END html_validation -->
                     </li>
                  </ul>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                           {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->
                     </li>
                  </ul>
                  <!-- END switch_footer_links -->
               </div>
               <br />
               <p class="center">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>
<div id="footer_utilities" class="main_width clearfix clear">
  <div class="main_width">
        <ul class="ipsList_inline left">
               
                  <li>
                       <div class="credits_ppf"> 2018 Apixelados • Todos os direitos reservados.</div>
                
               </li>            
            </ul>
            <!-- Copyright Information -->
                      <p id="copyright">
                                            É proibida a cópia total ou parcial de qualquer conteúdo deste Tema/Layout.<br />Tema por: Je4n & RsLuT and Matheus, editado por: Matheus Alysson. Este fórum Utiliza utilitários BestSkins.
                                          </p>
  </div></div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });
 
  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->
 
 
    <!-- BEGIN switch_topicit_connect -->
    <script type="text/javascript">
        $(document).ready( function() {
            $('div.ti-connect').attr({
                'data-loc' : '{switch_topicit_connect.TOPICIT_URL}',
                'data-login' : '{switch_topicit_connect.BOARD_LOGIN}',
                'data-version' : '{switch_topicit_connect.TOPICIT_VERSION}',
                'data-lang' : '{switch_topicit_connect.BOARD_LANG}'
            });
            (function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s); js.id = id;
                js.src = "{switch_topicit_connect.TOPICIT_ENDPOINT}";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'topicit-connect'));
        });
    </script>
    <!-- END switch_topicit_connect -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>


mod_login

Código:


<div class="module main">
   <!-- BEGIN switch_login -->
   <div class="main-head"><h1 class="page-title">{L_LOGIN}</h1></div>
   <div class="main-content">
   <form action="{S_LOGIN_ACTION}" method="post">
   <fieldset class="frm-set login">
      <dl>
         <dt><label for="username">{L_USERNAME}:</label></dt>
         <dd><input type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="{USERNAME}" class="inputbox autowidth" /></dd>
      </dl>
      <dl>
         <dt><label for="password">{L_PASSWORD}:</label></dt>
         <dd><input type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox autowidth" /></dd>
         <dd><a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a></dd>
      </dl>
      <dl>
         <dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {AUTOLOGIN_CHECKED} /> {L_AUTO_LOGIN}</label></dd>
      </dl>
      <dl>
         <dd style="text-align:center;"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></dd>
      </dl>
        <!-- BEGIN switch_social_login -->
        <dl>
            <dd class="center">
                <div class="social_btn">
                    <div class="fb_or">{switch_login.switch_social_login.L_OR}</div> <br />
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                  <br />
    <!-- BEGIN topicit_connect -->
    <div class="ti-connect"></div>
    <!-- END topicit_connect -->
                    <br />
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </dd>
        </dl>
        <!-- END switch_social_login -->
   </fieldset>
   </form>
   </div>
   <!-- END switch_login -->

   <!-- BEGIN switch_login_small -->
   <div class="main-head"><h1 class="page-title">{L_LOGIN}</h1></div>
   <div class="main-content">
   <form action="{S_LOGIN_ACTION}" method="post">

        <p><label for="username"><strong>{L_USERNAME}:</strong></label></p>
        <p style="height:2em;valign:top;"><input type="text" name="username" id="username" size="15" maxlength="40" value="{USERNAME}" class="inputbox autowidth" /></p>
        <p><label for="password"><strong>{L_PASSWORD}:</strong></label></p>
        <p style="height:2em;valign:top;"><input type="password" id="password" name="password" size="15" maxlength="25" class="inputbox autowidth" /></p>
        <p><a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a></p><br>
        <p><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {AUTOLOGIN_CHECKED} /><label for="autologin"> {L_AUTO_LOGIN}</label></p><br>
        <p align="center"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></p>

        <!-- BEGIN switch_social_login -->
        <div class="mt10 center">
            <div class="social_btn">
                <div class="fb_or">{switch_login_small.switch_social_login.L_OR}</div> <br />
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <br />
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
        </div>
        <!-- END switch_social_login -->
       
   </form>
   </div>
   <!-- END switch_login_small -->

       
   <!-- BEGIN switch_profile -->
   <div class="main-head"><h3>{USERNAME}</h3></div>
   <div class="main-content clearfix details">
   <div class="left">
      {USERNAME_AVATAR}
   </div>
   <dl class="left">
      <dt>{L_MESSAGES}: </dt>
      <dd> <strong>{NB_MESSAGES}</strong></dd>
      <dt>{L_PM}: </dt>
      <dd> {NB_PM_UNREAD} / {NB_PM_READ}</dd>
      <dd style="text-align: center;"><a href="{U_PROFILE}">{L_MY_PROFILE}</a></dd>
   </dl>
   </div>
   <!-- END switch_profile -->
</div>



#Up...

#Up!!

Olá!

Por gentileza, você deve nos ceder o template overall_header. Nele contém algumas variáveis responsáveis pelo funcionamento dos recursos também.

Aqui está:

Código:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
  <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
        case 'top' :
            slid_vert = true;
            break;

        case 'left':
            break;

        case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

        case 'right':
            auto_dir = 'prev';
            break;

        default:
            slid_vert = true;
      }

      $(document).ready(function() {

        var width_max = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});

        if (width_max > 0)
        {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
              if ($(this).width() > width_item)
              {
              var ratio      = $(this).width() / width_item;
              var new_height = Math.round($(this).height() / ratio);
              $(this).height(new_height).width(width_item);
              }
            });

            if (slid_vert)
            {
              var height_max = h_perso;

              $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                    height_max = $(this).height();
                  }
              } );

              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
              $('ul#fa_ticker_content li').height(height_max);
            }

            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
              wrap: 'circular',
              auto: {switch_ticker.STOP_TIME},
              auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
        }
        else
        {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
        }
      });
  //]]>
  </script>
  <!-- END switch_ticker_new -->
<style>
/* Fim menu navegador */
/* Seta do Perfil */
.seta-topo-perfil {
border: transparent 5px solid;
border-top: #FFF solid 5px;
display: inline-block;
float: right;
height: 0;
margin-left: 5px;
margin-top: 17px;
width: 0;
}
  .right{
  margin-top: -24px;
  }
/* Fim seta no perfil */
  </style>
  <script type="text/javascript">
  //<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <!-- BEGIN switch_ticker_new -->
  <style>
  .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
  }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
  }

  .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
  }
  </style>
  <!-- END switch_ticker_new -->
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
  _gaq.push(['_trackPageLoadTime']);

  <!-- BEGIN google_analytics_code_bis -->
  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
  _gaq.push(['b._trackPageview']);
  <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
</head>

<body>
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
      </div>
  </div>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
  <div id="login_popup" class="module main">
      <div id="login_popup_title" class="main-head">
        <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
        {LOGIN_POPUP_MSG}
        <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
              <input type="submit" class="button2" value="{L_LOGIN}" />
              <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
              <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
        </div>
      </div>
  </div>
  <!-- END switch_login_popup -->

  <a id="top" name="top" accesskey="t"></a>

  <div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
         
                      <div id="branding">
                 <div id="primary_nav" class="clearfix">
            <div class="main_width">
              <ul class="navegador">
                <a href="/forum"><li>Home</li></a>
    <a href="/profile?mode=editprofile"><li>Perfil</li></a>
    <a href="/memberlist"><li>Membros</li></a>
    <a href="/memberlist"><li>Loja</li></a>
    <a href="/#" target="_blank"><li>Regras</li></a>
   
    <!--<a href="#"><li>Ajuda & suporte</li></a>-->
       </ul>
              <!-- BEGIN switch_user_logged_out -->
            <div id="user_navigation" class="not_logged_in">
                    <ul class="ipsList_inline">
                      <li><a href="/login" title="Entrar" id="sign_in">Entrar</a></li>
                      <li><a href="/register" title="Cadastre-se" id="register_link">Cadastre-se</a></li>
                    </ul>
                </div>
            <!-- END switch_user_logged_out -->
              <!-- BEGIN switch_user_logged_in -->
      <div id="user_navigation" class="logged_in">
        <ul class="ipsList_inline right">
  <li><a id="inbox_link" href="/privmsg?folder=inbox" title="Mensagens"> </a></li>
  <li><a id="notify_link" href="/search?search_id=watchsearch" title="Notificações"> </a></li>
<li><a href="/profile?mode=editprofile&page_profil=avatars" title="Avatar">
                          <script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.frm dl dd img', data).attr('src');
      if(link){
                            jQuery('#avatar').html('<center><img src="'+link+'" alt="" /></center>');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
</script><div id="avatar"><center></center></div>
                        </a>
</li>
<li><a id="user_link" href="/profile?mode=editprofile" title="Seu Perfil"><span class="USERNAME"><div class="seta-topo-perfil"></div></span></a></li>
  <li><a href="/login?logout">Sair</a></li> 
        </ul>
      </div>
                                  <!-- END switch_user_logged_in -->
            </div>
          </div>
            <div class="main_width">
              <div id="logo">
                 
            <a href="{U_INDEX}" title="{L_INDEX}" rel="home" accesskey="1"></a>
                 
              </div>
             
  <div id="search" class="attach">
  <form method="get" action="/search?search_where=11" id="search-box">
      <fieldset>
        <label for="main_search" class="hide"></label>
        <a href="/search" title="Busca Avançada" accesskey="4" rel="search" id="adv_search" class="attach"></a>
        <span id="search_wrap" class="attach">
                          <input type="text" name="search_keywords" id="main_search" maxlength="128"  value="Pesquisar..." onclick="if (this.value == 'Pesquisar...') this.value = '';" onblur="if (this.value == '') this.value = 'Pesquisar...';"/>
                          <span class="choice ipbmenu clickable" id="search_options" style="">Fórum</span>
                                  <input type="submit" class="submit_input clickable" value=""/>
        </span>
       
      </fieldset>
  </form>
        </div>
             
            </div>
         <div class="text-uper02 ">O seu, o nosso fórum!</div>
        </div>
                     
            <div class="pun">
              <div id="pun-intro" class="clearfix">
                  <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                  <!-- BEGIN switch_h1 -->
                  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                  <!-- END switch_h1 -->

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                  <!-- END switch_desc -->
              </div>
              <div id="pun-head">
                  <div id="pun-navlinks">
                    <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                    </ul>
                  </div>
              </div>

              <!-- BEGIN switch_ticker_new -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                          <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                          </ul>
                        </div>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker_new -->

              <!-- BEGIN switch_ticker -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                          <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                <!-- BEGIN ticker_row -->
                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                <!-- END ticker_row -->
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker -->

              <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                    <div id="outer-wrapper">
                        <div id="wrapper">
                          <div id="container">
                              <div id="content">
                                <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                </div>
                                <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                </div>
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div>
            </div>
        </div>
      </div>
  </div>
</body>
</html>
<!-- END html_validation -->

#upzin!!!

Olá, por a caso você configurou o Topic'It no site e no painel de controle do administrador?
Veja este vídeo:


TopicIt: https://topicit.net/pt

Painel de Controle Módulos Topic'it Configuração

Procure e marque sim nas seguintes opções:
Ative o a Conexão com Topic'it no fórum: Sim
Ativar automaticamente utilizadores da Conexão com Topic'it : Sim

E salve.

Até mais.

Virus, eu já testei, ele aparece na guia /login certinho, eu só queria que o botão aparecesse no login do footer mesmo.

#upzinho

Não deve está configurado de forma correta como disse antes.
http://prntscr.com/ixxky4

Editando o post para completar:

Mude o seu index_body para este:

Código:

 
{JAVASCRIPT}
<!-- 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 -->
 
<!-- END switch_user_login_form_header -->
<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
 
{CHATBOX_TOP}
 
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<script>
  $(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>
');
 
 
});
</script>
 
<div id="pun-info" class="main">
  <div class="statistics_head">
</div>
  <div class="main-statistics">
      <div id="onlinelist">
        <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
        <p class="right-oie">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
        </p>
        <p>{TOTAL_USERS_ONLINE}<br />
        {RECORD_USERS}
 
        <br />
        {LOGGED_IN_USER_LIST}
        {L_ONLINE_USERS}
        {L_CONNECTED_MEMBERS}<br />
       
        <div class="clear"></div>
 
        <span class="legend"><p>{GROUP_LEGEND}</p></span>
 
      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
        <p class="page-bottom">
        {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
        {CHATTERS_LIST}
                       
        <!-- 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> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
    <!-- BEGIN switch_social_login -->
    <div class="mt10">
    <div class="social_btn">
          <!-- BEGIN fb_connect -->
          <div class="fb-login-button"></div>
          <!-- END fb_connect -->
            &nbsp;
      <!-- BEGIN topicit_connect -->
      <div class="ti-connect"></div>
      <!-- END topicit_connect -->
    </div>
    </div>
    <!-- END switch_social_login -->
  </div>
 
</form>
<!-- END switch_user_login_form_footer -->
 
{CHATBOX_BOTTOM}
 
{AUTO_DST}
 
 
    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script>
        FB.init({
          appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
          cookie    : true,
          xfbml      : true,
          oauth      : true,
          version    : 'v2.3'
        });
 
      (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <!-- END switch_fb_index_login -->
 

Até mais.