1 Rodapé "ESTILIZADO" em CSS Qui Mar 14, 2013 3:53 pm
RafsEstevam
Programador
Olá,
Você está aqui para ler meu tópico sobre "Rodapé "ESTILIZADO" em CSS", e é claro, irá ler.
Primeira coisa é o "PRINT SCREEN" de como irá ser o rodapé.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Aqui está.
O rodapé é constituído basicamente por CSS e HTML, mas para quem quiser adicionar um JavaScript para algo pode colocar que não tem segredo para colocar JavaScript nele.
Primeiro abra a tag STYLE como abaixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
E insira o seguinte código dentro das tags STYLE:
NO BODY INSIRA:
O rodapé ocupa 98% da porção de largura de onde ele fica.
Atenciosamente -RafsEstevam
Quaisquer dúvidas - Não me envie MP - Me envie e-Mail
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Alguma dúvida
Você está aqui para ler meu tópico sobre "Rodapé "ESTILIZADO" em CSS", e é claro, irá ler.
Primeira coisa é o "PRINT SCREEN" de como irá ser o rodapé.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Aqui está.
O rodapé é constituído basicamente por CSS e HTML, mas para quem quiser adicionar um JavaScript para algo pode colocar que não tem segredo para colocar JavaScript nele.
Primeiro abra a tag STYLE como abaixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
E insira o seguinte código dentro das tags STYLE:
- Código:
#rodape{
background: url(http://i.imgur.com/AtoVtbL.png) repeat;
width: 700px;
color: #333;
padding: 10px;
width: 98%;
height: 18px;
font-family: Arial;
-moz-box-shadow: 1px 5px 10px #333;
-webkit-box-shadow: 1px 5px 10px #333;
border: 2px solid transparent;
-moz-border-radius: 5px;
-webkit-border-radius: 10px;
}
NO BODY INSIRA:
- Código:
<div id="rodape">
<center><font color="#fff">Todos os direitos reservados à <b>RAAFS©</b> - 2013 & 2014</font></center>
</div>
O rodapé ocupa 98% da porção de largura de onde ele fica.
Atenciosamente -RafsEstevam
Quaisquer dúvidas - Não me envie MP - Me envie e-Mail
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Alguma dúvida