Rede sociais no rodapé

3 participantes

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

Tópico resolvido Rede sociais no rodapé

Mensagem por Ph1liphe 29.12.20 18:56

Detalhes da questão


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

Descrição


Boa tarde, suporte!

Gostaria de ver a possibilidade de incluir ícones das minhas redes sociais conforme demarquei:

https://i.imgur.com/bRXGRrX.png

As redes sociais seriam:
Facebook: https://www.facebook.com/pmhabbo
Instagram: https://www.instagram.com/pmhabbo/
Twitter: https://twitter.com/PMHabboHotel
Ph1liphe

Ph1liphe
**

Membro desde : 07/12/2020
Mensagens : 59
Pontos : 97

https://testesf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Rede sociais no rodapé

Mensagem por Hancki 29.12.20 19:03

Olá!

Esse rodapé foi feito com recurso a códigos e/ou edição de templates? Se sim, por favor envie os códigos do mesmo para que possamos alterar diretamente e fazer uma alteração que seja tão simples como copiar e colar em cima do código antigo (atual).

Hancki
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Rede sociais no rodapé

Mensagem por Ph1liphe 29.12.20 21:23

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">
                                                              <strong><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.</strong>
                                                                        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/1IRG3G0.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>Formar, capacitar e orientar os seus militares, para que eles possam ser bons usuários, desenvolvendo um ambiente agradável para todos.</p></div><div class="fa-footer-col"><strong class="lead">Visão</strong><p>Ser destaque dentro do Habbo Hotel no ramo militar, promovendo sempre com qualidade nossos serviços e incentivando nossos militares em sua disciplina, comprometimento e lealdade.</p></div><div class="fa-footer-col"><strong class="lead">História</strong><p>A PMHH (Polícia Militar do Habbo Hotel) foi fundada em 2017 pelo usuário Well31 (Fundador) e juntamente com Lucas42Hs. (Co-fundador), tendo como data de criação 22 de janeiro de 2017. Atualmente o posto de chefe-de-polícia é composto por: ,Mulequinho, rodrigo37463 e mundoiworld.</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>

Meu overall_footer_end
Ph1liphe

Ph1liphe
**

Membro desde : 07/12/2020
Mensagens : 59
Pontos : 97

https://testesf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Rede sociais no rodapé

Mensagem por Roevs 02.01.21 17:41

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">
                                                              <strong><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.</strong>
                                                                        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/1IRG3G0.png" class="logo"></div><div class="rede-sociais">
<a href="https://www.facebook.com/pmhabbo" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/pmhabbo/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://twitter.com/PMHabboHotel" target="_blank"><i class="fab fa-twitter-square"></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">Missão</strong><p>Formar, capacitar e orientar os seus militares, para que eles possam ser bons usuários, desenvolvendo um ambiente agradável para todos.</p></div><div class="fa-footer-col"><strong class="lead">Visão</strong><p>Ser destaque dentro do Habbo Hotel no ramo militar, promovendo sempre com qualidade nossos serviços e incentivando nossos militares em sua disciplina, comprometimento e lealdade.</p></div><div class="fa-footer-col"><strong class="lead">História</strong><p>A PMHH (Polícia Militar do Habbo Hotel) foi fundada em 2017 pelo usuário Well31 (Fundador) e juntamente com Lucas42Hs. (Co-fundador), tendo como data de criação 22 de janeiro de 2017. Atualmente o posto de chefe-de-polícia é composto por: ,Mulequinho, rodrigo37463 e mundoiworld.</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:
.rede-sociais a {
    color: white!important;
    font-size: 22px!important;
    padding: 13px;
}

Até mais!
Roevs

Roevs
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: Rede sociais no rodapé

Mensagem por Ph1liphe 03.01.21 17:28

Irmão, só agradeço!
Pode encerrar!
Ph1liphe

Ph1liphe
**

Membro desde : 07/12/2020
Mensagens : 59
Pontos : 97

https://testesf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Rede sociais no rodapé

Mensagem por Roevs 03.01.21 21:47

Tópico resolvido


Movido para "Questões resolvidas".
Roevs

Roevs
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