![[Tutorial] Footer personalizado L818BqA](https://2img.net/h/i.imgur.com/l818BqA.png)
Início[Tutorial] Footer personalizado
Página 1 de 1 • Compartilhe
![[Tutorial] Footer personalizado Empty](https://2img.net/i/empty.gif)
- Admin
- Tempo Online : 250d 6h 21m 59s
Mensagens : 693
Reputação : 4 -
Admin Sex Out 07, 2016 2:08 pm
Autor: Rafaels.
Funcionalidade: Em todas as versões
Acesse:
Painel de Controle -> Visualização -> Templates -> Geral
E troque todo o conteúdo do seu template chamado: 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>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<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>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
FB.init({
appId : {switch_facebook_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(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/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<footer><div class="social"><a href="Url do face"><i class="fa fa-facebook"></i></a></div><div class="social"><a href="Url do twitter"><i class="fa fa-twitter"></i></a></div><span class="copy"> Tema desenvolvido por Rafaels. | Proibida à copia parcial ou total deste tema.</footer><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script><script type="text/javascript">
var vglnk = {
api_url: 'http://api.viglink.com/api',
key: 'e2aa2ae88c2bcc3c33577d636d209bf8'
};
(function(d, t) {
var s = d.createElement(t); s.type = 'text/javascript'; s.async = true;
s.src = ('https:' == document.location.protocol ? vglnk.api_url :
'http://cdn.viglink.com/api') + '/vglnk.js';
var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
}(document, 'script'));
</script></body></html>
<style>
.social .fa-facebook, .social .fa-twitter {
background: transparent none repeat scroll 0 0;
display: block!important;
color: #fff!important;
height: 23px!important;
line-height: 28px!important;
padding: 10px 20px!important;
margin-top: -15px!important;
font-size: 21px!important;
transition: .5s;
}
.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a";
}
.social {
text-align: left;
float: left;
}
.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;
}
.social .fa-twitter:hover {
background: #00a0cb!important;
}
.fa-twitter:before {
content: "\f099";
}
footer {
margin-top: 5px;
background: rgba(0,0,0,0.4);
color: #FFF;
padding: 15px;
}
.copy {
display: block;
text-align: right;
line-height: 100%;
}
.social .fa-facebook:hover {
background: #3b5998!important;
}
</style>
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos|
|
|