Rodapé do fórum personalizado

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

Resolvido Rodapé do fórum personalizado

Mensagem por kioferdinend363 em 06/06/18, 11:59 am

Detalhes da questão


Endereço do fórum: http://policia-dst.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Boa tarde, como faço para personalizar o design do rodapé assim como no print abaixo:

https://imgur.com/a/SLL1WoJ
avatar

kioferdinend363
Nível 4

Masculino
Inscrito dia : 31/05/2018
Mensagens : 34
Pontos Ativos : 48

Ver perfil do usuário http://policia-dst.forumeiros.com

Resolvido Re: Rodapé do fórum personalizado

Mensagem por Pedxz em 06/06/18, 12:27 pm

Olá @kioferdinend363,
Já existe um tópico semelhante, como resolvido.
Leia: https://ajuda.forumeiros.com/t111130-.

Atenciosamente,
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 739
Pontos Ativos : 1055

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

Resolvido Re: Rodapé do fórum personalizado

Mensagem por kioferdinend363 em 06/06/18, 12:34 pm

Olá @Pedxz!
Esse tópico que me disse está bugado e eu não encontro o código que tenho que colocar para ficar como aquilo.
avatar

kioferdinend363
Nível 4

Masculino
Inscrito dia : 31/05/2018
Mensagens : 34
Pontos Ativos : 48

Ver perfil do usuário http://policia-dst.forumeiros.com

Resolvido Re: Rodapé do fórum personalizado

Mensagem por Neox em 06/06/18, 02:18 pm

Olá,
Poderia nos fornecer seu overall_footer_end?

atenciosamente.
avatar

Neox
Usuário avançado

Masculino
Inscrito dia : 16/08/2016
Mensagens : 498
Pontos Ativos : 716

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

Resolvido Re: Rodapé do fórum personalizado

Mensagem por kioferdinend363 em 06/06/18, 02:56 pm

Aqui está:

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>
        <ul>
            <li>
<!-- END html_validation -->
            </li>
        </ul>
        <!-- BEGIN switch_footer_links -->
      <ul class="footerbar-user">
         <li><i class="ion-clock"></i>{CURRENT_TIME}</li>
            <!-- BEGIN footer_link -->
            <li class="rightside">
               <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>
            </li>
            <!-- END footer_link -->
        </ul>
        <!-- END switch_footer_links -->
    </div>
   <div class="copyright">
      <div class="wrap">
         <div class="copyright-body">
            {ADMIN_LINK}
            </div>
        </div>
    </div>
</div>
{PROTECT_FOOTER}

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
   $(window).scroll(function() {
      var header_top = $('#headerbar-top');

      if (header_top.hasClass('w-toolbar')) {
         if ($(window).scrollTop() >= 42) {
            header_top.addClass('is-sticky');
         } else {
            header_top.removeClass('is-sticky');
         }
      } else {
         if ($(window).scrollTop() >= 1) {
            header_top.addClass('is-sticky');
         } else {
            header_top.removeClass('is-sticky');
         }
      }
   });
});
//]]>
</script>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({
            "data-scope": "{switch_facebook_login.FB_SCOPE}",
            "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
            "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
            "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
            "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
        });
        $('div.fb-login-button, span.fb-login-button').each(function() {
            if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
            }
            if($(this).html() == '') {
                $(this).html('{switch_facebook_login.FB_LABEL}');
            }
        });
       
        FB.init({
            "appId"  : "{switch_facebook_login.FB_APP_ID}",
            "cookie"  : {switch_facebook_login.FB_COOKIE},
            "xfbml"  : {switch_facebook_login.FB_XFBML},
            "oauth"  : {switch_facebook_login.FB_OAUTH},
            "version" : "{switch_facebook_login.FB_VERSION}"
        });
       
        (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 = "https://connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    });
    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_topicit_connect -->
<script type="text/javascript">
    $(document).ready( function() {
        $('div.ti-connect, span.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 -->
<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>
avatar

kioferdinend363
Nível 4

Masculino
Inscrito dia : 31/05/2018
Mensagens : 34
Pontos Ativos : 48

Ver perfil do usuário http://policia-dst.forumeiros.com

Resolvido Re: Rodapé do fórum personalizado

Mensagem por Neox em 06/06/18, 04:18 pm

Troque por este:
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>
        <ul>
            <li>
<!-- END html_validation -->
            </li>
        </ul>
        <!-- BEGIN switch_footer_links -->
      <ul class="footerbar-user">
         <li><i class="ion-clock"></i>{CURRENT_TIME}</li>
            <!-- BEGIN footer_link -->
            <li class="rightside">
               <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>
            </li>
            <!-- END footer_link -->
        </ul>
                  {switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}
              </a>
            </li>
            <!-- END footer_link -->
        </ul>
        <!-- END switch_footer_links -->
    </div>
  <div class="copyright">
      <div class="wrap">
        <div class="copyright-body">
            {ADMIN_LINK}
            </div>
        </div>
    </div>
</div>
{PROTECT_FOOTER}
<div class="fa-footer">
  <div class="fa-footer-row">
    <div class="fa-footer-col fa-primary-footer-col">
      <div class="fa-footer-logo">
        <img src="https://i.imgur.com/gTGtEm4.png" class="logo" />
      </div>
      <div class="fa-footer-copyright">
        Copyright   Nome do Fórum
      </div>
      <div class="fa-footer-social">
        <a href="#">
          <i class="fa fa-facebook"></i>
        </a>
        <a href="#">
          <i class="fa fa-twitter"></i>
        </a>
        <a href="#">
          <i class="fa fa-youtube"></i>
        </a>
      </div>
      <a class="fa-footer-back-to-top">
        <i class="fa fa-angle-up"></i>
      </a>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 01.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 02.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 03.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 04.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
  </div>
  <div class="fa-footer-attr">
    Tema feito por {{Forum_Author}}. Créditos adicionais aos <ahref="https://ajuda.forumeiros.com/memberlist">membros do Fórum dos Fóruns</a>.
  </div>
  <script>
    (function ($) {
      'use strict';
 
      $(function () {
        $('.fa-footer-back-to-top').on('click', function () {
          $('html, body').stop().animate({
             scrollTop: 0
          }, 'fast');
        });
      });
    }(jQuery));
  </script>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({
            "data-scope": "{switch_facebook_login.FB_SCOPE}",
            "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
            "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
            "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
            "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
        });
        $('div.fb-login-button, span.fb-login-button').each(function() {
            if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
            }
            if($(this).html() == '') {
                $(this).html('{switch_facebook_login.FB_LABEL}');
            }
        });
      
        FB.init({
            "appId"  : "{switch_facebook_login.FB_APP_ID}",
            "cookie"  : {switch_facebook_login.FB_COOKIE},
            "xfbml"  : {switch_facebook_login.FB_XFBML},
            "oauth"  : {switch_facebook_login.FB_OAUTH},
            "version" : "{switch_facebook_login.FB_VERSION}"
        });
      
        (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 = "https://connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    });
    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_topicit_connect -->
<script type="text/javascript">
    $(document).ready( function() {
        $('div.ti-connect, span.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 -->
<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>
avatar

Neox
Usuário avançado

Masculino
Inscrito dia : 16/08/2016
Mensagens : 498
Pontos Ativos : 716

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

Resolvido Re: Rodapé do fórum personalizado

Mensagem por kioferdinend363 em 06/06/18, 04:39 pm

avatar

kioferdinend363
Nível 4

Masculino
Inscrito dia : 31/05/2018
Mensagens : 34
Pontos Ativos : 48

Ver perfil do usuário http://policia-dst.forumeiros.com

Resolvido Re: Rodapé do fórum personalizado

Mensagem por Shek em 10/06/18, 09:46 pm

Olá e boa noite.

Eu dei uma revisada, e o código adicionado foi este:
Código:
<div class="fa-footer">
  <div class="fa-footer-row">
    <div class="fa-footer-col fa-primary-footer-col">
      <div class="fa-footer-logo">
        <img src="https://i.imgur.com/gTGtEm4.png" class="logo" />
      </div>
      <div class="fa-footer-copyright">
        Copyright   Nome do Fórum
      </div>
      <div class="fa-footer-social">
        <a href="#">
          <i class="fa fa-facebook"></i>
        </a>
        <a href="#">
          <i class="fa fa-twitter"></i>
        </a>
        <a href="#">
          <i class="fa fa-youtube"></i>
        </a>
      </div>
      <a class="fa-footer-back-to-top">
        <i class="fa fa-angle-up"></i>
      </a>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 01.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 02.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 03.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead">Título da coluna 04.</strong>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
  </div>
  <div class="fa-footer-attr">
    Tema feito por {{Forum_Author}}. Créditos adicionais aos <ahref="https://ajuda.forumeiros.com/memberlist">membros do Fórum dos Fóruns</a>.
  </div>
  <script>
    (function ($) {
      'use strict';
 
      $(function () {
        $('.fa-footer-back-to-top').on('click', function () {
          $('html, body').stop().animate({
             scrollTop: 0
          }, 'fast');
        });
      });
    }(jQuery));
  </script>
</div>
Ele foi incluso após a variável: {PROTECT_FOOTER} Você poderia incluir o mesmo de acordo com o informado, mas, sem publicá-lo, por favor?

Ainda assim, recomendo alguns tópicos:
- https://ajuda.forumeiros.com/t103990-topic
- https://ajuda.forumeiros.com/t79693-topic
- https://ajuda.forumeiros.com/t101986-topic
- https://ajuda.forumeiros.com/t105772-topic
- https://ajuda.forumeiros.com/t51640-topic

Até mais.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
avatar

Shek
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17664
Pontos Ativos : 21855

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

Resolvido Re: Rodapé do fórum personalizado

Mensagem por Fraise em 17/06/18, 09:35 am

Tópico resolvido


Tópico marcado como resolvido pela equipe por abandono do autor.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5528
Pontos Ativos : 7188

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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


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