Alteração de rodapé

2 participantes

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

Tópico resolvido Alteração de rodapé

Mensagem por Marko_07 14.12.20 19:42

Detalhes da questão


Endereço do fórum: https://testesf.forumeiros.com/
Versão do fórum: AwesomeBB

Descrição


Boa tarde, prezados.

Eu gostaria de mudar o rodapé do meu fórum para este modelo:
https://i.servimg.com/u/f67/19/98/69/65/screen22.png

E que no lugar daquele emblema amarelo fosse esse:
https://i.imgur.com/aLgpdNx.png
Marko_07

Marko_07
Novo Membro

Membro desde : 11/12/2020
Mensagens : 7
Pontos : 13

https://policiaphhm.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alteração de rodapé

Mensagem por Roevs 15.12.20 12:40

Olá,

Vou precisar do seu template "overall_footer_end" para fazer as alterações necessárias, também vou precisar que me informe o site onde viu esse footer que deseja

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração de rodapé

Mensagem por Marko_07 15.12.20 15:54

Opa, está aqui:
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>
 
                    </li>
                  </ul>
                  <!-- END switch_footer_links -->
              </div>
              <br />

                            </div>
                       
</div>
    </div>
                </div>
          </div>
                                                            <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. Este tema foi <i class="fas fa-code" title="desenvolvido"></i> por João Cesar (CesarWatsom). </div>

                                                                        <div class="cont_footer">
                                    <div class="footer-col">
 <li class="footer-block footer-block-two"><strong class="footer-title"><i class="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="map-pin"></i> OBJETIVO</strong>
                                      <ul class="footer-list">
<p>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="link"></i> LINKS RÁPIDOS</strong><ul class="footer-list one-links">
                                        <li><a href="/f5-" class="tool-tip" original-title="">
                                          <ul class="footer-list one-links">
                                          <li><a href="https://pmhh.forumeiros.com/f66-boletim-interno?tt=1" class="tool-tip" original-title="">
                                          <i class="fas fa-greater-than"></i> Documentação Principal</a></li></ul>
                                        <ul class="footer-list one-links">
                                          <li><a href="/f7-webchat-interatividade" class="tool-tip" original-title="">
                                          <i class="fas fa-greater-than"></i> WebChat</a></li></ul>
                                          <ul class="footer-list one-links">
                                          <li><a href="/c6-" class="tool-tip" original-title="">
                                          <i class="fas fa-greater-than"></i> Setor de Recursos Humanos</a></li></ul>
                                          <ul class="footer-list one-links">
                                            <li><a href="https://pmhh.forumeiros.com/f66-boletim-interno?tt=1" class="tool-tip" original-title="">
                                          <i class="fas fa-greater-than"></i> Boletim Interno</a></li></ul>
                                        </div>
                                    <div class="footer-col">
                                      <li class="footer-block footer-block-two"><strong class="footer-title">Informações</strong>
                                      <ul class="footer-list">
                                        <li><a href="https://www.facebook.com/pmhabbo/" target="_blank">Facebook</a></li> |
                                        <li><a href="https://instagram.com/pmhabbo?igshid=1gq7kfy3h2aq3" target="_blank"> Instagram</a></li> |
                                        <li><a href="https://folhamilitarpm.blogspot.com/" target="_blank"> Folha Militar</a></li> |
                                        <li><a href="#" target="_blank">© phpBB</a></li> |
                                        <li><a href="#" target="_blank">Denunciar abuso</a></li> |
                                        <li><a href="#" target="_blank">Fórum Ajuda</a></li> |
                                        <li><a href="#" target="_blank">Diretório ShiftActif</a></li> |
                                        <li><p class="Rcomunfor">Comunidade hospedada por forumeiros.</p></li>
                                      </ul>
                                  </li>
                                        </div>
 
<p id="ir_a_pa" class="center"><strong>{ADMIN_LINK}</strong></p>
</div></div>                                                                                             
                                </div>
  <div id="dimmer" class="hidden"></div>
<div style="display: none;">
    <div id="fa_hide"></div>
    <div id="fa_show"></div>
</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 = "//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>
    $(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>
<!---
Criado por pedxz
<power-pixel.net>
-->
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>
</body>
</html>                                                                     

O fórum aonde eu vi o modelo:
https://www.policiarcc.com/forum
Marko_07

Marko_07
Novo Membro

Membro desde : 11/12/2020
Mensagens : 7
Pontos : 13

https://policiaphhm.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alteração de rodapé

Mensagem por Roevs 18.12.20 20:11

Olá,

Substitua seu template por esse

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>
 
                    </li>
                  </ul>
                  <!-- END switch_footer_links -->
              </div>
              <br />
 
                            </div>
                     
</div>
    </div>
                </div>
          </div>
<div class="copyright">
      <div class="wrap">
         <div class="copyright-body">
            </div>
        </div>
    </div>
</div>
                                                            <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. Este tema foi <i class="fas fa-code" title="desenvolvido"></i> por João Cesar (CesarWatsom). </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/aLgpdNx.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">Missão</strong><p>A nossa missão é combater qualquer irregularidade que se encontra no Habbo Hotel, ensinando valor 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">Visão</strong><p>Ser referência no ramo policial do Habbo Hotel, com qualidade na gestão e serviços, motivando sempre os seus militares a seguirem os seus objetivos e focos da melhor forma possível.</p></div><div class="fa-footer-col"><strong class="lead">História</strong><p>A Polícia Militar RCC (Revolução Contra o Crime) foi fundada em 2007 pelo usuário nabas704 (atualmente nabas201), tendo como data comemorativa 12 de dezembro de 2007. Atualmente o Alto Comando Supremo é composto por: -Edhone, Dean.Santos e nego-bala157. Hoje em dia a RCC é uma das maiores famílias militares, mantendo a união universal.</p></div></div></div>
 
<p id="ir_a_pa" class="center"><strong>{ADMIN_LINK}</strong></p>
</div></div>                                                                                           
                                </div>
  <div id="dimmer" class="hidden"></div>
<div style="display: none;">
    <div id="fa_hide"></div>
    <div id="fa_show"></div>
</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 = "//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>
    $(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>
<!---
Criado por pedxz
<power-pixel.net>
-->
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
  fa_endpage();
//]]>
</script>
</body>
</html>

Depois adiciona esse código na sua Folha de estilo CSS

Código:
.fa-footer {
    background-color: #212529;
    font-family: "Segoe UI", "Open Sans", "Helvetica Neue", "Ubuntu", "Helvetica", "Arial", "Trebuchet MS", sans-serif;
    font-size: 14px;
    color: #a0a8b0;
    line-height: 1.5;
}
.fa-footer .fa-footer-row {
    display: flex;
    flex-direction: row;
    padding: 0 15px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col {
    border-right: solid 1px #2a2e32;
    position: relative;
    flex-grow: 1;
}
.fa-footer .fa-footer-row .fa-footer-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    padding: 15px 0;
    min-width: 200px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top {
    position: absolute;
    right: -20px;
    bottom: -20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #212529;
    border: solid 1px #2a2e32;
    color: #0786e7;
    font-size: 23px;
    border-radius: 20px;
    z-index: 3;
    box-shadow: 1px 1px 2px rgba(11, 13, 15, 0.84);
    cursor: pointer;
    transition: all 100ms linear;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top .fa {
    margin-top: -3px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-angle-up:before {
    content: "\f106";
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
    width: auto;
    margin: 0 30px;
}
.fa-footer .fa-footer-row .fa-footer-col .lead {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    color: #0786e7;
    margin-bottom: 10px;
}
.fa-footer .fa-footer-row .fa-footer-col p {
    font-size: 14px;
    line-height: 1.6;
    text-align: justify;
}

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alteração de rodapé

Mensagem por Marko_07 18.12.20 20:35

Grande Roevs, muitíssimo obrigado!
Pode encerrar.
Marko_07

Marko_07
Novo Membro

Membro desde : 11/12/2020
Mensagens : 7
Pontos : 13

https://policiaphhm.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alteração de rodapé

Mensagem por Roevs 20.12.20 6:26

Tópico resolvido


Movido para "Questões resolvidas".
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.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

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