Foros del Web » Creando para Internet » Diseño web »

como crear un encabezado de tamaño ajustable

Estas en el tema de como crear un encabezado de tamaño ajustable en el foro de Diseño web en Foros del Web. hola amigos, queria saber si alguien de uds sabe como crear un encabezado de tamaño ajustable a cada resolucion, para luego si despues seguir con ...
  #1 (permalink)  
Antiguo 26/12/2011, 13:06
 
Fecha de Ingreso: julio-2004
Mensajes: 177
Antigüedad: 18 años, 2 meses
Puntos: 0
como crear un encabezado de tamaño ajustable

hola amigos, queria saber si alguien de uds sabe como crear un encabezado de tamaño ajustable a cada resolucion, para luego si despues seguir con la pagina web en un tamaño fijo, pero como no tengo mucho conocimiento pq recien me inicio, vi algunas pagina que lo tienen y no logro hacerlo..
alguno de uds sabe como se escribe el codigo en html para poder lograrlo?
una de las pagina que tiene lo que yo quiero hacer es esta

http://www.avs4you.com/es/AVS-Video-Converter.aspx

donde se ve arriba en el encabezado una franja color gris azulado con un lindo diseño, y con tamaño variable que se ajusta a cualquier resolucion, y luego abajo si ya viene el cuerpo de la pagina donde ya si tiene un tamaño fijo supongo..pero lo que me interesa es hacer algo parecido en el encabezado arriba con una barra muy similiar con algun color y diseño pero de tamaño variable como la de esa pagina donde esa barra, sea cual sea la resolucion desde la que se acceda a la pagina, la barra siempre se ajusta perfectamente en todo el ancho del navegador.

si alguien sabe como se hace, le agradeceria que me dijera como se escribe ese codigo en html, y si es posible hacerlo en html que es donde estoy escribiendo mi pagina o sino de que otra manera lo podria hacer para incorporar al codigo que estoy escribiendo en html

muchas gracias.
  #2 (permalink)  
Antiguo 26/12/2011, 14:06
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 14 años, 6 meses
Puntos: 1329
Respuesta: como crear un encabezado de tamaño ajustable

Ese ejemplo que pones no es adaptable a las resoluciones, solo está centrado, y el fondo se repite cuantas veces sea necesario, este es el fondo:



Y con CSS le agregan repeat-x para que se repita horizontalmente.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 26/12/2011, 15:18
 
Fecha de Ingreso: julio-2004
Mensajes: 177
Antigüedad: 18 años, 2 meses
Puntos: 0
Respuesta: como crear un encabezado de tamaño ajustable

ah, pense que se adaptaba, porque lo probe con distintas resocuciones y siempre va de un borde hasta el otro y encaja perfecto, pero entonces de todas formas me gustaria saber como fue hecho para lograr que encaje perfecto, o como seria la configuracion en css para que se repita una parte del fondo x cantidad de vece como para que quede aprox. ese ancho de la banda griseada y si es posible escribirlo en codigo html y obtener el mismo resultado.
muchas gracias.
  #4 (permalink)  
Antiguo 26/12/2011, 17:41
Avatar de madhatterdef  
Fecha de Ingreso: diciembre-2011
Ubicación: argentina
Mensajes: 213
Antigüedad: 10 años, 9 meses
Puntos: 59
Respuesta: como crear un encabezado de tamaño ajustable

Puedes hacerlo así

.cabecera{background: url("urldetufondo") repeat-x
height: altopx;}

<div class="cabecera">acá tu cabecera </div>

si no entiendes vuele a preguntar y te lo explico mejor
  #5 (permalink)  
Antiguo 28/12/2011, 11:46
 
Fecha de Ingreso: julio-2004
Mensajes: 177
Antigüedad: 18 años, 2 meses
Puntos: 0
Respuesta: como crear un encabezado de tamaño ajustable

gracias, buenisimo, copio ese codigo y listo...perfecto!!
  #6 (permalink)  
Antiguo 28/12/2011, 11:48
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 14 años, 6 meses
Puntos: 1329
Respuesta: como crear un encabezado de tamaño ajustable

Eslo que te puse yo al final
__________________
Grupo Telegram Docker en Español
  #7 (permalink)  
Antiguo 28/12/2011, 14:17
Avatar de madhatterdef  
Fecha de Ingreso: diciembre-2011
Ubicación: argentina
Mensajes: 213
Antigüedad: 10 años, 9 meses
Puntos: 59
Respuesta: como crear un encabezado de tamaño ajustable

Sí, yo solo trate de ejemplificar para que le quede más claro. Viendo que no había entendido bien lo que le decías.
  #8 (permalink)  
Antiguo 29/12/2011, 11:49
Avatar de aleksdj  
Fecha de Ingreso: enero-2011
Mensajes: 31
Antigüedad: 11 años, 8 meses
Puntos: 3
Respuesta: como crear un encabezado de tamaño ajustable

Simplemente usa un repeat-x sobre un patrón definido en la cabecera como fondo...muy sencillo. otra cosa es usar jquery para tener un full background que mola mas http://srobbin.com/blog/easy-full-screen-background-images-with-jquery/
__________________
Las mantas más chulas y baratas en tiradelamanta.com, creada en palbin.com, servicio web para crear tienda online.

Etiquetas: ajustable, encabezado, tamaño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:49.