PNG con transparencia (background y repeat) en IE 6 y 5

El 17 JulioEn la categoria Diseño web, Utilidades y recursos

Estaba escribiendo el CSS para IE 6 y menores del blog, sobre todo porque al usar tantas imágenes con extension .png el blog no se ve muy bien con esos navegadores. Hay muchas formas de conseguir que IE 6 e inferiores (hasta v. 5) sean capaces de mostrar correctamente este formato de imagen.

El problema que tiene el diseño de este blog es que usa pngs como background de algunos elementos y en varios de ellos con la propiedad repeat. Y es aquí donde todas las soluciones que conocía fallaban.

Haciendo un descanso, en el lector de feeds, veo vía aNieto2k que TwinHelix ha publicado una nueva versión de su PNGFix que soporta el uso de pngs como background y el uso de la propiedad repeat.

Para usarlo:

Descargar la última versión del PNGFix
Subir los archivos iepngfix.htc y blank.gif a tu servidor.
Añadir el siguiente código en tu CSS:

 img, div { behavior: url(iepngfix.htc) }

Si vamos a usar un png como fondo de enlaces, inputs, botones… hay que añadir estos elementos en la declaración de CSS:

 img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }

2 ComentariosEn breve...

Tema WP Fotografia CSS

El 27 JunioEn la categoria Trabajos realizados

No solo he estado modificando el aspecto de este blog (todavía me quedan algunos detalles…), también he realizado un nuevo diseño para mi blog de fotografía.

En un principio había pensado en modificar el archi-conocido tema CSS-Gallery, pero finalmente decidí realizar el mio propio:

Esta realizado con XHTML y CSS válidos, usando WordPress como CMS y MooTools para los efectos añadidos. El plugin de valoración de fotografías es el WP-PostRatings.

Como podéis ver, la estructura es muy similar a CSS-Gallery, en mi caso pensé que el color negro en el fondo ayudaría a destacar mejor las fotografías publicadas.

El menú de la cabecera tan solo permite acceder a las 4 categorías principales y realizar búsquedas, en el menú lateral aparecerán las diferentes categorías según se vayan creando. También incluí una opción de valorar las fotos (al igual que en el tema que use como inspiración).

Cada fotografía publicada aparece en un recuadro con el título, la valoración y una esquina levantada cuyo color es el de la categoría a la que pertenece. Haciendo clic sobre la imagen, esta se abre a mayor tamaño en un lightbox.

Haciendo clic en el título se puede acceder a la entrada en concreto de la fotografía, en la que aparecen mas datos sobre la toma (ISO, velocidad, etc…) ,aunque todavía no los he añadido. La imagen aparece a un tamaño un poco mayor y con un leve reflejo que no se si dejar o no . Al hacer clic sobre ella también se abre a mayor tamaño en un lightbox.

¿Opiniones, fallos, mejoras…?

Ah! por cierto, quiero aprovechar y desde aquí dar las gracias a 2 sitios que me han servido de ayuda a la hora de llevar a cabo este tema: aNieto2K y AyudaWordPress

2 ComentariosEn breve...