Personalizar e alargar o máximo o footer

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar e alargar o máximo o footer

Mensagem por *** em 05/03/11, 10:29 am

Qual é sua questão:
Queria que o meu footer fica-se assim: http://demo.dzinerstudio.com/

Veja melhor: http://toutloud.forumeiros.com/forum | Era assim mas queria que ficasse esticado de largura ....

Que medidas você tomou para corrigir o problema:
nnnhuma

Apresente-nos imagens do problema (se necessário):

***
Nível 5

Masculino
Inscrito dia : 12/05/2010
Mensagens : 57
Pontos Ativos : 108

Ver perfil do usuário http://informatica.forumeiros.com

Resolvido Re: Personalizar e alargar o máximo o footer

Mensagem por Convidad em 05/03/11, 04:50 pm

Boa tarde,

Pelo que pude entender, você deseja aumentar a altura de seu footer, correto? Se sim, tente um dos seguintes códigos abaixo e personalize-os da forma que mais lhe agradar:

#gfooter {height: 100px;}
#gfooter {margin-bottom: 100px;}

Os códigos devem ser adicionados a sua folha de estilos css. Adicione um código e depois outro. Não utilize os dois ao mesmo tempo. Altere os valores e veja qual mais lhe agrada.

Atenciosamente.

Convidad
Convidado


Resolvido Re: Personalizar e alargar o máximo o footer

Mensagem por *** em 06/03/11, 07:09 am

Desculpe-me mas eu ainda sou novinho nisto...
A minha versão é PhBB3, será possivel fazer um código para a mesma? Pois tentei esses códigos e não deram Triste

***
Nível 5

Masculino
Inscrito dia : 12/05/2010
Mensagens : 57
Pontos Ativos : 108

Ver perfil do usuário http://informatica.forumeiros.com

Resolvido Re: Personalizar e alargar o máximo o footer

Mensagem por Callie em 06/03/11, 08:10 am

Olá FDF,

Poderia indicar-me o endereço do seu fórum?
E não será possível deixá-lo igual à imagem que apresentou uma vez que o primeiro fórum não pertence à Forumeiros.

Até mais.

avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Personalizar e alargar o máximo o footer

Mensagem por Convidad em 06/03/11, 01:07 pm

Mr. Supero escreveu:Boa tarde,

Pelo que pude entender, você deseja aumentar a altura de seu footer, correto? Se sim, tente um dos seguintes códigos abaixo e personalize-os da forma que mais lhe agradar:

#page-footer {height: 100px;}
#page-footer {margin-bottom: 100px;}

Os códigos devem ser adicionados a sua folha de estilos css. Adicione um código e depois outro. Não utilize os dois ao mesmo tempo. Altere os valores e veja qual mais lhe agrada.

Atenciosamente.

A mensagem foi edita, leia-a acima! Achei que seu fórum fosse Invision! Piscada

Convidad
Convidado


Resolvido Re: Personalizar e alargar o máximo o footer

Mensagem por *** em 06/03/11, 04:05 pm

Por exemplo, tenho as bordas do meu fórum (exemplo).
E eu queria que o footer fica-se por cima das bordas, tal assim:
http://demo.dzinerstudio.com/

Ainda esprimentei este código mas nada:
#page-footer {margin-bottom: 100px;
background-color:#797979;
height: 100px;}

***
Nível 5

Masculino
Inscrito dia : 12/05/2010
Mensagens : 57
Pontos Ativos : 108

Ver perfil do usuário http://informatica.forumeiros.com

Resolvido Re: Personalizar e alargar o máximo o footer

Mensagem por Convidad em 08/03/11, 01:07 pm

Boa tarde,

Para alargar o footer, os códigos são aqueles. Caso queira adicionar mais alguma coisa após o footer, adicione o seguinte código em algum widget do fórum:


jQuery(document).ready(function(){
jQuery('#page-footer').after("<div style='width: 100%; height: 60px; background: black; margin: 0 0 0 0;'>se quiser algum texto é só adicioná-lo aqui, caso não tenha nenhum texto, tire essa mensagem</div>");
});

Altura e largura;

Espero que seja isso, até mais.

Convidad
Convidado


Resolvido Re: Personalizar e alargar o máximo o footer

Mensagem por *** em 09/03/11, 05:27 am

Boas,
Não resultou Triste
Si colocar essi código num widget o efeito fica no widget tal como aconteceu.
Infelismente não obtivi resultados Triste

***
Nível 5

Masculino
Inscrito dia : 12/05/2010
Mensagens : 57
Pontos Ativos : 108

Ver perfil do usuário http://informatica.forumeiros.com

Resolvido Re: Personalizar e alargar o máximo o footer

Mensagem por Convidad em 09/03/11, 11:50 am

Desculpe!

Crie um novo widget e coloque o seguinte código:

Código:

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#page-footer').after("<div style='width: 100%; height: 60px; background: black; margin: 0 0 0 0;'>se quiser algum texto é só adicioná-lo aqui, caso não tenha nenhum texto, tire essa mensagem</div>");
});
</script>

Testado e aprovado, para PHPBB3 (sua versão).

Convidad
Convidado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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