Footer do fórum

2 participantes

Ir para baixo

Tópico resolvido Footer do fórum

Mensagem por Angel' 22.09.14 2:57

Hey... Eu queria saber se vcs poderiam me dizer o code usado nessa footer: https://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 20:05, editado 1 vez(es)
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

http://rpg-vampire-diaries.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Footer do fórum

Mensagem por Hancki 22.09.14 16:51

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
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: Footer do fórum

Mensagem por Angel' 23.09.14 17:48

Tem que trocar o template TODO por esse code?

Ficou meio estranho...
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

http://rpg-vampire-diaries.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Footer do fórum

Mensagem por Hancki 23.09.14 18:39

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

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: Footer do fórum

Mensagem por Angel' 23.09.14 20:04

Funcionou!!! Obrigada =)
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

http://rpg-vampire-diaries.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos