Usuaria Discusión:Zarza/Sandbox

cuadros para ? titulo ? --Inyia 02:04 26 ago 2011 (MDT)

Estoy haciendo pruebas para el diseño de los artículos de profesiones, con lo que habíamos hablado. los primeros cuadros son muestras de otros ejemplos que estoy tomando como base y el que cuenta es el de abajo. La idea era montar una "cabecera de caja" con imágenes a los extremos y un color de fondo. Después la caja se completa con un borde inferior sólido que, poniendo los colores adecuados, parezca la continuación de la caja. Se usarían dos imágenes para conseguir cajas que varíen en anchura, no anchuras fijas. Val va a buscar 2 imágenes para los extremos, pero antes de eso yo quería probar si se puede construir la caja. Como ves tengo problemas para hacer coincidir la "U" de la caja, con la cabecera. --Zarza 02:22 26 ago 2011 (MDT)

Y así ? --Inyia 03:43 26 ago 2011 (MDT)

La tuya es muy mona, me gusta mucho y me la apunto por si esto no funciona, pero es que no se explicarte cual es el efecto final que queremos... a ver con un ejemplo: mira las "cajas" de la portada de la wiki alemana del 2, tienen como cabecera una imagen de longitud prefijada. Eso nos dió la idea de que, si en lugar de una imagen, ponemos una a cada extremo, y en medio un color base claro que se "funda" con los extremos interiores de las imágenes, podríamos tener el mismo efecto (incluidas las esquinas superiores redondeadas) pero extensibles automáticamente al ancho de la página. En el recuadro interior iria el artículo. Si conseguimos que funcione podemos resaltar de este modo una colección de artículos importantes o representativos. --Zarza 04:00 26 ago 2011 (MDT)

Entiendo lo que dices del borde redondeado pero no te funciona el radius que estuvo poniendo tusi en las pruebas del título de elementalista? Los navegadores a partir de los cuales se empezó a dar soporte a border-radius son:

• Chrome 0.2 (con -webkit) y Chrome 4.0 (con el estándar)
• Opera 10.5
• Safari 3.0 (con -webkit) y Safari 5.0 (con el estándar)
• Firefox 1.0 (con -moz) y Firefox 4.0 (con el estándar)
• Internet Explorer 9 --Inyia 04:07 26 ago 2011 (MDT)

El borde redondeado no es problema, si es necesario se puede hacer la esquina de las imagenes redondas. Mi problema es que la caja rosa acaba unos pixeles antes que la "u" roja oscura, el lado izq de la caja lo veo perfecto, pero el lado derecho no. Quizás en casa lo vea bien, pero deberíamos conseguir que se vea bien en algo como el IE8 que no es tan raro. --Zarza 04:11 26 ago 2011 (MDT)

Con lo de radius evitariamos tener que hacer las dichosas imagenes, que Val ya tiene bastante con el resto de diseños a hacer. El hecho de que acabe antes es que le he puesto un ancho de 98% al div con un margen de 1% a cada lado. Se podría mirar de poner al 100% pero quizá no quede bien. Tienes una prueba ahora mismo en el mismo sitio. Pero a mi no me termina de convencer así :P --Inyia 04:17 26 ago 2011 (MDT)

Te he enviado una muestra por correo a ver si asi lo explico mejor--Zarza 04:25 26 ago 2011 (MDT)