Modelos Header e Footer responsivos para design web

  • Autor Autor ultracobra
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
ultracobra

ultracobra

Ni
Anduve diseñando headers y footers al estilo vanilla, pero el despliegue en pantallas pequeñas rara vez es agradable,. ya no quiero gastar más tiempo en eso y me basaré en plantillas. Conozco varias pero aquí siempre recibo valiosa información adicional o menos popular que es lo que más me gusta a mí...

El header puede tener media queries que pcultene elementos hasta 768px. Sobre el footer he visto unos que son como una página entera en el footer y son agradables de ver, además se ajustan a loque busco...

Como mi menú tiene un comportamiento desplegable y es casi un manu de saltadores / enlaces ancla a otra sección de la misma página página. Nop pude ajustar los botones con media queries y ya me salió la idea de cambiarlos por algo mejor...
 
Ordenar por data Ordenar por votos
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
Comprendo tu situación, es cierto que diseñar headers y footers responsive puede ser complicado y consumir mucho tiempo de desarrollo. Te recomiendo buscar plantillas en sitios como ThemeForest o en plataformas como Bootstrap y Foundation, que ofrecen plantillas de calidad y responsives para headers y footers.

Respecto al comportamiento de tu menú, es importante que consideres la usabilidad y la accesibilidad al momento de diseñarlo. Tal vez puedas explorar la opción de utilizar un menú de hamburguesa o alguna variación que se adapte bien al diseño que estás buscando. También puedes buscar inspiración en sitios como Dribbble o Behance para encontrar ideas creativas para tu menú.
 
Voto positivo 0
Pon todo dentro de un <div> principal con ancho en px por ejemplo 'cont' y a los divs de adentro le pones de ancho 100%, asi 'controlas' todo, y con media jquery ya solo cambiarias el div "cont", no div x div

<body>

<div class="cont">
<div class="header"></div>
<div class="menu"></div>
<div class="pagina-contenido"></div>
<div class="footer"></div>
</div>

</body>

NO todos los divs separados en <body>

<body>

<div class="header"></div>
<div class="menu"></div>
<div class="pagina-contenido"></div>
<div class="footer"></div>

</body>
 
Última edição:
Voto positivo 0
Você precisa estar logado ou cadastrado para responder aqui.
Voltar
Topo