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]

1Rodapé FIXO 2.0 Empty Rodapé FIXO 2.0 em 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: [Você precisa estar registrado e conectado para ver 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.



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

2Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 em 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?





[Você precisa estar registrado e conectado para ver esta imagem.]
Divine Art's
Outras Sign
Primeira modelada bem feita:
Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]

3Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 em 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 em Sab Fev 16, 2013 7:37 am

Nightmare

Nightmare
N tendi





[Você precisa estar registrado e conectado para ver esta imagem.]
Divine Art's
Outras Sign
Primeira modelada bem feita:
Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]

5Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 em Sab 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 em Sab 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



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

7Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 em Sab Fev 16, 2013 8:37 pm

Nightmare

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





[Você precisa estar registrado e conectado para ver esta imagem.]
Divine Art's
Outras Sign
Primeira modelada bem feita:
Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]

8Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 em Sab 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.



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

9Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 em 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?





[Você precisa estar registrado e conectado para ver esta imagem.]
Divine Art's
Outras Sign
Primeira modelada bem feita:
Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]

10Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 em 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



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

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

Nightmare

Nightmare
Onde mais precisamente?





[Você precisa estar registrado e conectado para ver esta imagem.]
Divine Art's
Outras Sign
Primeira modelada bem feita:
Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]

12Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 em 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 *)



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

13Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 em 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.





[Você precisa estar registrado e conectado para ver esta imagem.]
Divine Art's
Outras Sign
Primeira modelada bem feita:
Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]

14Rodapé FIXO 2.0 Empty Re: Rodapé FIXO 2.0 em 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 em 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



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

Conteúdo patrocinado


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