Personalizar e alargar o máximo o footer

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.

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

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>");
});

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>