GameZer Online


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

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

1Rodapé FIXO 2.0 Empty Rodapé FIXO 2.0 Sex Fev 15, 2013 6:15 pm

RafsEstevam

RafsEstevam
Programador
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 Smile

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.

2Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Sex Fev 15, 2013 6:52 pm

Nightmare

Nightmare
No meu não aparece,poderia passar a instalação para eu ver se fiz certo?

3Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Sex Fev 15, 2013 7:46 pm

Admin

Admin

Nightmare escreveu:No meu não aparece,poderia passar a instalação para eu ver se fiz certo?

Tem que colocar o CSS dentro da tag <*style> da sua página...

4Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Sáb Fev 16, 2013 7:37 am

Nightmare

Nightmare
N tendi

5Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Sáb Fev 16, 2013 8:44 am

Admin

Admin

Para você colocar esse rodapé, deve ter o mínimo de conhecimento em HTML...

6Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Sáb Fev 16, 2013 3:12 pm

RafsEstevam

RafsEstevam
Programador
Programador
Olá Nightmare. É simples para colocar

Insira uma tag chamada STYLE entre as tags HEAD e /HEAD

Como assim:






Dentro das tags HEAD e /HEAD insira este código:
Código:
<style>
#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; }
</style>

E no final do código antes da tag /body insira o código HTML que é este:
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>

Agora se não for é falta de inteligência sua.

Att, RafsEstevam

7Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Sáb Fev 16, 2013 8:37 pm

Nightmare

Nightmare
ontinuo sem entender,poderia fazer um ''pronto''?

8Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Sáb Fev 16, 2013 9:23 pm

RafsEstevam

RafsEstevam
Programador
Programador
Claro, código abaixo:

Código:
<HTML>
<HEAD>
<STYLE>
#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; }
</STYLE>
</HEAD>
<BODY>
<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>
</BODY>
</HTML>

Att, Rafs Estevam.

9Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Seg Fev 18, 2013 5:51 pm

Nightmare

Nightmare
Obrigado,acho que coloquei no lugar certo esse codigo kkk,mas preciso de comfirmação...
Poder dizer onde aplico o codigo?

10Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Seg Fev 18, 2013 6:13 pm

RafsEstevam

RafsEstevam
Programador
Programador
Onde você quiser, mas que seja em HTML, PHP, ASP ou Linguagens de Marcação que usem HTML como base.

Att. Rafs Estevam

11Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Ter Fev 19, 2013 3:54 pm

Nightmare

Nightmare
Onde mais precisamente?

12Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Ter Fev 19, 2013 5:46 pm

RafsEstevam

RafsEstevam
Programador
Programador
Tá díficil em.

Olha...

NAS TAGS <*HTML> ( TIRE AS *)
DENTRO DA TAG <*HEAD> ( TIRE AS *)
ESSENCIALMENTE DENTRO DA TAG <*STYLE> ( TIRE AS *)

13Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Qui Fev 21, 2013 4:49 pm

Nightmare

Nightmare
você não entendeu minha pergunta,aonde eu coloco os codigos?css,pagina html,codigo java scropt,etc.

14Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Qui Fev 21, 2013 5:07 pm

Admin

Admin

Olá, isso não é código para Fórum, e sim para uma página HTML...

15Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 Qui Fev 21, 2013 6:01 pm

RafsEstevam

RafsEstevam
Programador
Programador
Bom é possível inserir no fórum, mas não sei editar.

Att. Rafs Estevam

Conteúdo patrocinado


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

Permissões neste sub-fórum
Não podes responder a tópicos