Footer do fórum

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

Resolvido Footer do fórum

Mensagem por Angel' em 21/09/14, 10:57 pm

Hey... Eu queria saber se vcs poderiam me dizer o code usado nessa footer: http://i.imgur.com/YuJfvl7.png

Link do fórum onde a encontrei > http://staffeiros.forumeiros.com/

Obrigada desde já Muito feliz *---*


Última edição por Alicia Vërmont em 23/09/14, 04:05 pm, editado 1 vez(es)
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Resolvido Re: Footer do fórum

Mensagem por Hancki em 22/09/14, 12:51 pm

Olá!

É bem simples fazer esse footer.
O código é:
Código:
<div id="footer_utilities" class="clearfix clear"><div class="clearfix width"><a rel="nofollow" href="#top" onclick="$('html,body').animate({scrollTop: $('html').offset().top},1000);return false;" id="backtotop" title="Ir para o topo"><img src="http://i78.servimg.com/u/f78/17/31/71/58/top10.png" alt=""></a><div class="skin_link"><a href="http://bestskins.forumeiros.com/forum"><img src="http://i56.servimg.com/u/f56/18/85/23/45/213.png" alt="Best Skins" id="rss_feed" class="clickable"></a><a href="/forum"><img src="http://i56.servimg.com/u/f56/18/85/23/45/114.png" alt="Staffeiros" id="rss_feed" class="clickable"></a></div><!--
 Copyright Information --><p id="copyright"><a href="LINK_DO_FACEBOOK" target="_blank"><img style="border: 0px solid ; width: 48px; height: 48px;" alt="" src="http://i56.servimg.com/u/f56/18/85/23/45/112.png" title="Facebook"></a><a href="LINK_DO_FACEBOOK" target="_blank"><img style="border: 0px solid ; width: 48px; height: 48px;" alt="" src="http://i56.servimg.com/u/f56/18/85/23/45/212.png" title="Twitter"></a><a href="LINK_DO_FACEBOOK" target="_blank"><img style="border: 0px solid ; width: 48px; height: 48px;" alt="" src="http://i56.servimg.com/u/f56/18/85/23/45/312.png" title="Youtube"></a></p><ul class="ipsList_inline left"></ul></div></div>
<style>
#footer_utilities {
-moz-box-shadow: inset rgba(0,0,0,0.3) 0 1px 0px, inset rgba(255,255,255,0.05) 0 2px 0px, rgba(255,255,255,0.05) 0 -1px 0px, inset rgba(0,0,0,0.3) 0 -1px 0;
-webkit-box-shadow: inset rgba(0,0,0,0.3) 0 1px 0px, inset rgba(255,255,255,0.05) 0 2px 0px, rgba(255,255,255,0.05) 0 -1px 0px, inset rgba(0,0,0,0.3) 0 -1px 0;
background: #4a4a4a;
box-shadow: inset rgba(0,0,0,0.3) 0 1px 0px, inset rgba(255,255,255,0.05) 0 2px 0px, rgba(255,255,255,0.05) 0 -1px 0px, inset rgba(0,0,0,0.3) 0 -1px 0;
min-height: 50px;
line-height: 50px;
padding: 20px 8px;
position: relative;
}
#footer_utilities, #footer_utilities a {
color: #fff;
}
#backtotop, #bottomScroll {
-moz-border-radius: 16px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0;
-webkit-border-radius: 16px;
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0;
background: rgba(0,0,0,0.3);
border-radius: 16px;
box-shadow: inset rgba(0,0,0,0.7) 0 1px 3px, rgba(255,255,255,0.1) 0 1px 0;
display: inline-block;
height: 24px;
left: 50%;
line-height: 20px;
outline: 0;
position: absolute;
text-align: center;
top: 50%;
width: 24px;
}
#copyright {
margin-top: -20px;
float: right;
line-height: 22px;
text-align: right;
}
.skin_link {
margin-top: -20px;
float: left;
padding-top: 4px;
}
</style>
Depois só tem que mudar os endereços e imagens. Se tiver dúvidas, avise.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Footer do fórum

Mensagem por Angel' em 23/09/14, 01:48 pm

Tem que trocar o template TODO por esse code?

Ficou meio estranho...
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Resolvido Re: Footer do fórum

Mensagem por Hancki em 23/09/14, 02:39 pm

Claro que não!
Só tem que adicionar esse código no fundo do template do footer.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Footer do fórum

Mensagem por Angel' em 23/09/14, 04:04 pm

Funcionou!!! Obrigada =)
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum