Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Modificação no rodapé e inicio do footer.

2 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

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

Tópico resolvido Modificação no rodapé e inicio do footer.

Mensagem por Strilk 05.06.20 16:45

Detalhes da questão


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

Descrição


Olá, eu gostaria de inverter meu início do footer, ao invés de ficar em cima do rodapé, eu gostaria que ele ficasse embaixo:

meu fim do footer:
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>
    </div>
</div>
<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/ejLWC2C.png" class="logo" />
      </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"><i class="fas fa-map-marked-alt"></i> Missão </strong></strong>
      <p>A nossa missão é garantir a ética e moral no Habblet Hotel, transpassando valores aos nossos policiais por meio de aprendizados e trabalhos em equipe de maneira a formar bons membros e, consequentemente, bons cidadãos virtuais e reais.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead"><i class="fas fa-expand-arrows-alt"></i> Visão </strong></strong>
      <p>Ser referência no ramo policial da plataforma Habbo/Habblet, em austeridade institucional, coerência ética e equidade intelectual.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead"><i class="fas fa-history"></i> História </strong></strong>
      <p>A Central Intelligency Agency foi desenvolvida em 2011 e tem como objetivo de agrupar os melhores nomes do militarismo do hotel, policiais que acreditam que ainda há uma luz de esperança dentro de um ramo, deploravelmente, corrompido e indigno por usuários de má índole e instituições consideradas nocivas para a verdadeira ética e moral para o âmbito militar.</p>
    </div>
  </div>
  <script type="text/javascript">
  //<![CDATA[
    (function ($) {
      'use strict';
 
      $(function () {
        $('.fa-footer-back-to-top').on('click', function () {
          $('html, body').stop().animate({
            scrollTop: 0
          }, 'medium');
        });
      });
    }(jQuery));
    //]]>
  </script>
    </div>
  </div>
</div>
<div class="admin-link">{ADMIN_LINK}</div>

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
  $('.fa-footer-curYear').append(new Date().getFullYear());
  $('.navbar-user .is-sticky').hide();
 
   $(window).scroll(function() {
      var menu = $('#main-menu');

      if (menu.hasClass('w-toolbar')) {
         if ($(window).scrollTop() >= 200) {
            menu.addClass('is-sticky');
              $('.navbar-user .is-normal').hide();
              $('.navbar-user .is-sticky').show();
         } else {
            menu.removeClass('is-sticky');
              $('.navbar-user .is-normal').show();
              $('.navbar-user .is-sticky').hide();
         }
      } else {
         if ($(window).scrollTop() >= 200) {
            menu.addClass('is-sticky');
              $('.navbar-user .is-normal').hide();
              $('.navbar-user .is-sticky').show();
         } else {
            menu.removeClass('is-sticky');
              $('.navbar-user .is-normal').show();
              $('.navbar-user .is-sticky').hide();
         }
      }
   });
});
//]]>
</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 -->
<!-- BEGIN switch_user_logged_out -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js" integrity="sha256-wk7QMTzYE7BJvko9BsywPzRmKzhCtIQKTuN6/B9sRmw=" crossorigin="anonymous"></script>
<script type="text/javascript">
//<![CDATA[
   $(function () {
            $(".login-btn").on("click", function() {
                $.magnificPopup.open({
                    items: {
                        type: "inline",
                        src: "#login-dialog"
                    },
                    removalDelay: 300,
                    mainClass: "my-mfp-zoom-in"
                });
       });
     
            if(location.pathname == "/login" ) {
        $.magnificPopup.open({
                    items: {
                        type: "inline",
                        src: "#login-dialog"
                    },
            closeOnBgClick: false,
            showCloseBtn: false,
                    mainClass: "my-mfp-zoom-in"
                });
            }
        });
//]]>
</script>
<!-- END switch_user_logged_out -->
<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>

meu inicio do footer:

Código:
<!-- BEGIN html_validation -->
<div>
   <div>
      <div>
         <div>

<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <div>
<!-- END html_validation -->
                     </div>
                  </div>
               </div>
            </div>

            <div id="{ID_RIGHT}">
               <!-- BEGIN giefmod_index2 -->
               {giefmod_index2.MODVAR}
               <!-- BEGIN saut -->
               <div style="height:{SPACE_ROW}px"></div>
               <!-- END saut -->
               <!-- END giefmod_index2 -->
            </div>
         </div>
      </div>
   </div>
</div>
         </div>
      </div>
   </div>
</div>

<div class="statistics">
   <div class="wrap">
      <div class="statistics-item">
         {TOTAL_POSTS}
      </div>
      <div class="statistics-item">
         {TOTAL_USERS}
      </div>
      <div class="statistics-item">
         {NEWEST_USER}
      </div>
   </div>
</div>

<div id="page-footer">
   <div class="wrap">
      <ul class="footerbar-system">
         <li class="footer-home">
            <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
         </li>
         <li class="rightside">
                           <a href="/?mode=delete_cookies"> Excluir cookies | </a>
<!-- BEGIN html_validation -->
         </li>
      </ul>
   </div>
</div>
<!-- END html_validation -->
Strilk

Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação no rodapé e inicio do footer.

Mensagem por Chagas 05.06.20 16:51

Saudações,

Altere seu overall_footer_end 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>
    </div>
</div>
  <script type="text/javascript">
  //<![CDATA[
    (function ($) {
      'use strict';
 
      $(function () {
        $('.fa-footer-back-to-top').on('click', function () {
          $('html, body').stop().animate({
            scrollTop: 0
          }, 'medium');
        });
      });
    }(jQuery));
    //]]>
  </script>
    </div>
  </div>
</div>
<div class="admin-link">{ADMIN_LINK}</div>
 
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
  $('.fa-footer-curYear').append(new Date().getFullYear());
  $('.navbar-user .is-sticky').hide();
 
  $(window).scroll(function() {
      var menu = $('#main-menu');
 
      if (menu.hasClass('w-toolbar')) {
        if ($(window).scrollTop() >= 200) {
            menu.addClass('is-sticky');
              $('.navbar-user .is-normal').hide();
              $('.navbar-user .is-sticky').show();
        } else {
            menu.removeClass('is-sticky');
              $('.navbar-user .is-normal').show();
              $('.navbar-user .is-sticky').hide();
        }
      } else {
        if ($(window).scrollTop() >= 200) {
            menu.addClass('is-sticky');
              $('.navbar-user .is-normal').hide();
              $('.navbar-user .is-sticky').show();
        } else {
            menu.removeClass('is-sticky');
              $('.navbar-user .is-normal').show();
              $('.navbar-user .is-sticky').hide();
        }
      }
  });
});
//]]>
</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 -->
<!-- BEGIN switch_user_logged_out -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js" integrity="sha256-wk7QMTzYE7BJvko9BsywPzRmKzhCtIQKTuN6/B9sRmw=" crossorigin="anonymous"></script>
<script type="text/javascript">
//<![CDATA[
  $(function () {
            $(".login-btn").on("click", function() {
                $.magnificPopup.open({
                    items: {
                        type: "inline",
                        src: "#login-dialog"
                    },
                    removalDelay: 300,
                    mainClass: "my-mfp-zoom-in"
                });
      });
   
            if(location.pathname == "/login" ) {
        $.magnificPopup.open({
                    items: {
                        type: "inline",
                        src: "#login-dialog"
                    },
            closeOnBgClick: false,
            showCloseBtn: false,
                    mainClass: "my-mfp-zoom-in"
                });
            }
        });
//]]>
</script>
<!-- END switch_user_logged_out -->
<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>
</body>
</html>

Altere seu overall_footer_begin por este:

Código:

<!-- BEGIN html_validation -->
<div>
  <div>
      <div>
        <div>
 
<div>
  <div>
      <div>
        <div>
            <div>
              <div>
                  <div>
                    <div>
<!-- END html_validation -->
                    </div>
                  </div>
              </div>
            </div>
 
            <div id="{ID_RIGHT}">
              <!-- BEGIN giefmod_index2 -->
              {giefmod_index2.MODVAR}
              <!-- BEGIN saut -->
              <div style="height:{SPACE_ROW}px"></div>
              <!-- END saut -->
              <!-- END giefmod_index2 -->
            </div>
        </div>
      </div>
  </div>
</div>
        </div>
      </div>
  </div>
</div>
 
<div class="statistics">
  <div class="wrap">
      <div class="statistics-item">
        {TOTAL_POSTS}
      </div>
      <div class="statistics-item">
        {TOTAL_USERS}
      </div>
      <div class="statistics-item">
        {NEWEST_USER}
      </div>
  </div>
</div>

<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/ejLWC2C.png" class="logo" />
      </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"><i class="fas fa-map-marked-alt"></i> Missão </strong></strong>
      <p>A nossa missão é garantir a ética e moral no Habblet Hotel, transpassando valores aos nossos policiais por meio de aprendizados e trabalhos em equipe de maneira a formar bons membros e, consequentemente, bons cidadãos virtuais e reais.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead"><i class="fas fa-expand-arrows-alt"></i> Visão </strong></strong>
      <p>Ser referência no ramo policial da plataforma Habbo/Habblet, em austeridade institucional, coerência ética e equidade intelectual.</p>
    </div>
    <div class="fa-footer-col">
      <strong class="lead"><i class="fas fa-history"></i> História </strong></strong>
      <p>A Central Intelligency Agency foi desenvolvida em 2011 e tem como objetivo de agrupar os melhores nomes do militarismo do hotel, policiais que acreditam que ainda há uma luz de esperança dentro de um ramo, deploravelmente, corrompido e indigno por usuários de má índole e instituições consideradas nocivas para a verdadeira ética e moral para o âmbito militar.</p>
    </div>
  </div>
 
<div id="page-footer">
  <div class="wrap">
      <ul class="footerbar-system">
        <li class="footer-home">
            <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
        </li>
        <li class="rightside">
                          <a href="/?mode=delete_cookies"> Excluir cookies | </a>
<!-- BEGIN html_validation -->
        </li>
      </ul>
  </div>
</div>
<!-- END html_validation -->

Atenciosamente,
Chagas
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação no rodapé e inicio do footer.

Mensagem por Strilk 05.06.20 16:53

Obrigado, pode fechar.
Strilk

Strilk
****

Membro desde : 23/01/2018
Mensagens : 265
Pontos : 386

http://portal-grm.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificação no rodapé e inicio do footer.

Mensagem por Chagas 05.06.20 16:53

Tópico resolvido


Movido para "Questões resolvidas".
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

Permissões neste sub-fórum
Não podes responder a tópicos