1 Rodapé FIXO 2.0 Sex Fev 15, 2013 6:15 pm
RafsEstevam
Programador
Agora com melhorias o menu fixo está totalmente online, ele está com upgrades emocionantes!
Como acho que alguns membros procuravam rodapés fixos no final da página, este é fixo no final da página
Melhorias:
Fica no fundo da página
Não atrapalha visualização
Tem como mudar cor de fundo
Efeito hover no logo do HTML5 A direita >>>¹
Códigos:
CSS:
HTML:
Para mudar o fundo altere o código a tag #Rodapé-personalizado bem nessa área {background="#999;
O #999 representa uma cor HEXADECIMAL, nessa cor representa o CINZA...
Prévio: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
P.S./O.B.S.:
¹- O LOGO HTML5 PODE SER TROCADO POR QUALQUER OUTRO COM FUNDO BRANCO COM FUNDO #999 DE TAMANHO 77px X 30px.
Como acho que alguns membros procuravam rodapés fixos no final da página, este é fixo no final da página
Melhorias:
Fica no fundo da página
Não atrapalha visualização
Tem como mudar cor de fundo
Efeito hover no logo do HTML5 A direita >>>¹
Códigos:
CSS:
- Código:
#rodape-personalizado {background: #999;border-top: 1px solid #ccc;clear: both;color: #333333;position: relative;padding: 15px;font-size: 14px;}
.opacidade {opacity: 0.6;}
.opacidade:hover {opacity: 1;}
.rodape{ position:relative;bottom:0px; width:100% ; margin:0px auto; height:143px; background-color:#005C2D; margin-top:20px; clear:both; }
HTML:
- Código:
<div id="rodape"><footer id='rodape-personalizado'><font face="Arial">
2013 <strong>Rafs Desenvolvimentos</strong> - Todos os direitos reservados | <span style='font-size: 13px;'>Desenvolvido por <strong><a href='#' style='text-decoration: none;color: #333333;'>Rafs Estevam</a></strong></span>
<span class='float-right' id='sources' style='width: 131px;'>
<a href='http://www.w3.org/html/logo/' id='html5logo' rel='nofollow' target='_blank' title='Nosso Modelo Foi Desenvolvido com HTML5 e CSS3'>
<img class='opacidade' height='30' src='http://3.bp.blogspot.com/-2aW4PjiG-bo/TpIFN82X0FI/AAAAAAAACNs/yGJXw6rQRv0/s1600/html5.png' style='float: right;margin-top: -7px;' width='77'/></a>
</span></font>
</footer></div>
Para mudar o fundo altere o código a tag #Rodapé-personalizado bem nessa área {background="#999;
O #999 representa uma cor HEXADECIMAL, nessa cor representa o CINZA...
Prévio: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
P.S./O.B.S.:
¹- O LOGO HTML5 PODE SER TROCADO POR QUALQUER OUTRO COM FUNDO BRANCO COM FUNDO #999 DE TAMANHO 77px X 30px.