Foros del Web » Creando para Internet » CSS »

Xenon Layout: Estructura dinámica con comportamiento líquido

Estas en el tema de Xenon Layout: Estructura dinámica con comportamiento líquido en el foro de CSS en Foros del Web. Hola a todos! quería compartir un script que personalmente me ha sido muy útil, lo hice no hace mucho para un proyecto del curro pero ...
  #1 (permalink)  
Antiguo 17/01/2006, 09:23
Avatar de hunab  
Fecha de Ingreso: febrero-2005
Ubicación: Barcelona
Mensajes: 133
Antigüedad: 12 años, 9 meses
Puntos: 1
Xenon Layout: Estructura dinámica con comportamiento líquido

Hola a todos! quería compartir un script que personalmente me ha sido muy útil, lo hice no hace mucho para un proyecto del curro pero creo que puede ser útil, además no tengo mucho tiempo así que si alguien lo mejora pues lo disfrutaremos todos.
Vamos a poner en un ejemplo, así se verá más claro qué hace este layout, imaginemos que tenemos una web con un diseño líquido pero solo de 700px a 1200px (vaya lo que haría un min-width y un max-width pero también para explorer) y además que cambia de CSS automáticamente cuando la resolución baja de los 400px (para optimizar la web para dispositivos portátiles) y que si la resolución supera los 1400px añade una columna a la derecha y así se aprovecha mejor la pantalla.
Pues este es un posible caso del Xenon Layout, os dejo el enlace a mi web con una explicación mucho más extensa y detallada y con el ejemplo y los archivos para descargar.
No tengo comentarios en la web (es una historia muy larga) así que si queréis comentar algo hacedlo aquí y responderé sin problema.

Enlace a Xenon Layout

P.D.:está hecho con javascript pero como tiene que ver con la estructura de la web, por tanto con CSS he preferido colocarlo en este temario.
__________________
Marcio Barrios
marciobarrios.com // artículos sobre estándares y desarrollo web
  #2 (permalink)  
Antiguo 17/01/2006, 09:47
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
¿Cómo puedo hacerle mejoras si la licencia no permite obras derivadas?
__________________
El conocimiento es libre: Movimiento por la Devolución
  #3 (permalink)  
Antiguo 17/01/2006, 10:00
Avatar de hunab  
Fecha de Ingreso: febrero-2005
Ubicación: Barcelona
Mensajes: 133
Antigüedad: 12 años, 9 meses
Puntos: 1
vaya disculpa frijolerou, he utilizado la licencia equivocada, ahora mismo la cambio!!!!
__________________
Marcio Barrios
marciobarrios.com // artículos sobre estándares y desarrollo web
  #4 (permalink)  
Antiguo 17/01/2006, 10:04
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Por mi parte haré que la primera licencia no existió jamás jejejeje :P
__________________
El conocimiento es libre: Movimiento por la Devolución
  #5 (permalink)  
Antiguo 01/11/2006, 12:56
 
Fecha de Ingreso: diciembre-2005
Ubicación: Redondela (Galicia)
Mensajes: 368
Antigüedad: 12 años
Puntos: 1
Intento retomar este hilo unos cuantos meses más tarde...

Me ha encantado e impresionado el New Xenon Layout, me parece un gran trabajo y realmente útil

Tengo una duda que me gustaría que me solventases...

Si no incluyo esta línea

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
lo de la propiedad min-width para IE no funciona (al menos eso, no se si lo demás sí)... ¿sabrías decirme por qué?

Nunca uso doctypes, básicamente porque no tengo muy claro para qué sirven... (en lenguajes de marcado me quedé en lo básico de HTML)
  #6 (permalink)  
Antiguo 01/11/2006, 15:44
Avatar de hunab  
Fecha de Ingreso: febrero-2005
Ubicación: Barcelona
Mensajes: 133
Antigüedad: 12 años, 9 meses
Puntos: 1
Doctype

Con el doctype indicas el tipo de documento que sirves y es esencial para crear un documento bien formado, ahora mismo no sabria decirte porqué no funciona si lo quitas, pero la pregunta es ¿porqué lo quieres quitar?
__________________
Marcio Barrios
marciobarrios.com // artículos sobre estándares y desarrollo web
  #7 (permalink)  
Antiguo 01/11/2006, 16:30
 
Fecha de Ingreso: diciembre-2005
Ubicación: Redondela (Galicia)
Mensajes: 368
Antigüedad: 12 años
Puntos: 1
La verdad es que no lo quiero quitar... simplemente no lo usaba y esa era la razón por la que no me funcionaba el Xeon hasta que me dí cuenta del detalle y lo puse.

Como digo, no es que lo quiera quitar, si no que no tengo claro para qué sirve
  #8 (permalink)  
Antiguo 01/11/2006, 19:39
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Esto le dice al navegador cómo interpretarlo. Por ejemplo algunos atributos css no se interpretan cuando tenemos un doctype equivocado.

Tu mismo(a) te diste cuenta, si no lo ponías no funcionaba.
  #9 (permalink)  
Antiguo 22/08/2008, 23:32
Avatar de jmuru  
Fecha de Ingreso: enero-2007
Mensajes: 22
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: Xenon Layout: Estructura dinámica con comportamiento líquido

Excelente. Saludos
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 12:42.