Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Rede sociais no rodapé
3 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
Página 1 de 1
Rede sociais no rodapé
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
Re: Rede sociais no rodapé
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
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
Re: Rede sociais no rodapé
- 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
Re: Rede sociais no rodapé
Olá,
Substitua seu template por esse
Depois adiciona esse código na sua Folha de estilo CSS
Até mais!
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!
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
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos