Rede sociais no rodapé

Item: Rede sociais no rodapé
Rating: 1

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

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

por Ph1liphe 29.12.20 21:23

Código::  <!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>  </li> </ul>  <ul> <li> </li> </ul>  </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>  <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>   <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>   <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html>

Meu overall_footer_end

por Roevs 02.01.21 17:41

Olá,

Substitua seu template por esse

Código::  <!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>  </li> </ul>  <ul> <li> </li> </ul>  </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>  <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>   <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>   <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!

por Ph1liphe 03.01.21 17:28

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

por Roevs 03.01.21 21:47

Tópico resolvido

Movido para "Questões resolvidas".

Rede sociais no rodapé