Footer do fórum

[Angel']

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á *---*

[Hancki]

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

[Angel']

Tem que trocar o template TODO por esse code?

Ficou meio estranho...

[Hancki]

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

Hancki

[Angel']

Funcionou!!! Obrigada =)