Rodapé personalizado

3 participantes

Ir para baixo

Tópico resolvido Rodapé personalizado

Mensagem por Feranubis_ 05.06.20 11:43

Detalhes da questão


Endereço do fórum: https://pmcem.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá,

gostaria de saber se existe um código para a criação de um rodapé parecido com esse:https://prnt.sc/suag9h , em detrimento desse que possuo: https://prnt.sc/suagxj , inclusive para tirar esse login que está ali de forma desnecessária. Se puderem me ajudar, agradeço!

Não sei se precisará, mas irei disponibilizar o código do overall_footer_end do meu fórum:

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>
</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>


Desde já, muito obrigado!

Att. Feranubis
Feranubis_
Feranubis_
Novo Membro

Membro desde : 31/05/2020
Mensagens : 29
Pontos : 41

https://pmcem.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Rodapé personalizado

Mensagem por Chagas 05.06.20 12:20

Saudações,

Vê se isso te satisfaz. Troque 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>
<!-- 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>
 
    <div class="footer2">
  <div class="footer-dsh">
      <div class="credits_ppf">
        © 2017 - <script>document.write(new Date().getFullYear())</script> - Polícia Militar do Habbo Hotel • Todos os direitos reservados.
      </div>
      <div class="cont_footer">
        <div class="footer-col">
            <li class="footer-block footer-block-two">
              <strong class="footer-title"><i class="fas fa-hand-holding-heart"></i> MISSÃO</strong>
              <ul class="footer-list">
                  <p>A nossa missão é combater qualquer irregularidade que se encontra no Habbo Hotel, formar bons membros e, consequentemente, bons cidadãos virtuais e reais, servindo e protegendo á todos</p>
              </ul>
            </li>
        </div>
        <div class="footer-col">
            <li class="footer-block footer-block-two">
              <strong class="footer-title"><i class="fas fa-shield-alt"></i> OBJETIVO</strong>
              <ul class="footer-list">
                  <p>A Instituição Militar PMHH é uma das mais novas do Habbo Hotel, criada em 2017. Temos o objetivo de melhorar a jogabilidade dos membros do ramo policial e dos usuários do Habbo com paz, harmonia e segurança.</p>
              </ul>
            </li>
        </div>
        <div class="footer-col">
            <li class="footer-block footer-block-four">
              <strong class="footer-title"><i class="fas fa-comment"></i> LINKS RÁPIDOS</strong>
              <ul class="footer-list one-links">
                  <li><a href="/t205-" class="tool-tip" original-title=""><i class="far fa-dot-circle"></i> Estatuto </a></li>
              </ul>
              <ul class="footer-list one-links">
                  <li><a href="/f7-webchat-interatividade" class="tool-tip" original-title=""><i class="far fa-dot-circle"></i> Interatividade</a></li>
              </ul>
              <ul class="footer-list one-links">
                  <li><a href="/c6-" class="tool-tip" original-title=""><i class="far fa-dot-circle"></i> SRH</a></li>
              </ul>
              <ul class="footer-list one-links">
                  <li><a href="http://www.fb.com/pmhabbo" class="tool-tip" original-title=""><i class="far fa-dot-circle"></i> Facebook</a></li>
              </ul>
            </li>
        </div>
        <div class="footer-col">
            <li class="footer-block footer-block-two">
              <strong class="footer-title">Informações</strong>
              <ul class="footer-list">
                <!-- 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 -->

      
                    <p class="Rcomunfor">Comunidade hospedada por forumeiros.</p>
                  </li>
              </ul>
            </li>
          <div class="copyright">
      <div class="wrap">
        <div class="copyright-body">
            {ADMIN_LINK}
            </div>
        </div>
    </div>
        </div>
        <p id="ir_a_pa" class="center"><strong></strong></p>
      </div>
  </div>
</body>
</html>

Coloque esse código na folha de estilo CSS:

Código:
.footer2 {
    background-color: #eee;
    color: #141414;
    font-size: 1.3rem;
    overflow: hidden;
      position: relative;
}

.footer-dsh {
    background-color: #212529;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: 1px solid rgba(0,0,0,0.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #a0a8b0;
    display: block;
    font-size: 12px;
    line-height: 2;
    overflow: hidden;
    width: 100%;
}

.credits_ppf {
    background: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.10);
    padding: 8px;
    text-align: center;
}

.cont_footer {
    padding: 0;
}

.footer-col {
    float: left;
    width: 25%;
    padding: 8px;
}

.footer-block {
    _border-left: 1px solid #676767;
    _border-right: 1px solid #000;
    border-left: 1px solid rgba(103,103,103,0.13);
    box-sizing: border-box;
    display: table-cell;
    padding: 0 20px;
    width: 100%;
}

.footer-list li a {
    color: #A3AAAE!important;
}

#page-footer {
    background-color: #1e2125;
}

.statistics {
    background-color: #1e2125;
}

.statistics-item a:link, .statistics-item a:visited {
    color: #ffffff;
}

.statistics-item a {
    color: #ffffff;
}

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: Rodapé personalizado

Mensagem por Feranubis_ 05.06.20 12:26

Me agradou sim. Muito obrigado! Deu certo.

Att. Feranubis
Feranubis_
Feranubis_
Novo Membro

Membro desde : 31/05/2020
Mensagens : 29
Pontos : 41

https://pmcem.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Rodapé personalizado

Mensagem por Chanp 05.06.20 12:49

Tópico resolvido


Movido para "Questões resolvidas".
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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