GameZer Online


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Rodapé "ESTILIZADO" em CSS em Qui Mar 14, 2013 3:53 pm

RafsEstevam

avatar
Programador
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é.
[Você precisa estar registrado e conectado para ver 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.
[Você precisa estar registrado e conectado para ver 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 Exclamation
Arrow [Você precisa estar registrado e conectado para ver este link.]

Alguma dúvida Question



[Você precisa estar registrado e conectado para ver esta imagem.]

2 Re: Rodapé "ESTILIZADO" em CSS em Qui Mar 14, 2013 5:28 pm

Admin

avatar

Obrigado por compartilhar, gostei bastante da aparência. Razz

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum