Rodapé "ESTILIZADO" em CSS

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é.

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.


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
rafael.web.developer@hotmail.com

Alguma dúvida