En los últimos blogs que he hecho con Wordpress 2.6 he tenido el problema con la alineación de imágenes, ya que ésta se realiza de una nueva forma que no está incluida en el CSS de nuestro theme, excepto si usamos el theme que trae Wordpress 2.6 por defecto.

El tema es que al alinear las imágenes en el editor de wordpress quedan bien pero en el post publicado la imágen queda  alineada a la izquierda y la solución a esto es simple. Solo tienes que agregar al CSS del theme que utilizarás las siguiente líneas:


img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}


Y listo, ahora las imágenes aparecen alineadas como corresponde

Mi papá me regalo cuando era niña un Nintendo y con él venia Súper Mario Bros, desde ahí que lo amo y no he dejado de jugarlo 

Y hoy encontré estos stickers que me parecieron increíbles, son para decorar tu casa con Mario Bros o Donkey Kong. Puedes comprar el set que tu quieras y mesclarlos como quieras de forma de generar tus propios diseños. Puedes elegir entre Super Mario Bros (de 1985), New Super Mario Bros (de 2006) y Donkey Kong.

Estas Nintendo Wall Decals las puedes comprar por 75 dólares, a mi me encantaron pero no sé si me atrevería a adornar mi pieza así

Esta semana me he dedicado a diseñar para un blog que estamos preparando con Fernando. El diseño con CSS va muy bien, excepto que… para que el blog no desaparezca en los diferentes navegadores he tenido que recurrir a algunos hacks.

Hay varios tipos de hacks, los condicionales y los hacks en línea. Los hacks en línea están integrados en el CSS de forma que cada navegador interprete solo el hack que él conoce. Estos son los principales y con sus respectivos navegadores.

      ie6 y anteriores
          * html {}
      Solo ie7
          *:first-child+html {}
      Ultimas versiones de Opera 9 y anteriores
          html:first-child {}

Esos selectores son recomendados por la W3C porque permiten la validación del estilo a diferencia de los siguientes, que no son válidos  pero si lo son para Internet Explorer y se aplican a las propiedades que no están siendo bien interpretadas:

      ie6 y anteriores
           _propiedad: valor
      Para todos los ie
           *propiedad: valor

Cómo ven la solución no es tan terrible como el ver nuestro sitio totalmente desforme en otro navegador.

Saludos

Encontré en Ateneu Popular una “chuleta” css en la que se explican las propiedades básicas que puedes utilizar en tu hoja de estilo, con los valores que puede tomar y una breve definición. Creo que es super útil tanto para usuarios avanzados que de pronto pueden olvidar alguna cosita o para usuarios que recién empiezan diseñando con css, por su simplicidad. Les dejo una imagen de una pequeña parte de la “chuleta”

Enlaces: Chuleta CSS - Atenue Popular / Descarga

Si, puede ser una tontería pero antes de descubrir como hacer stickers me pasaba que quería tener algunos que me caracterizaran, pero no sabia donde encontrarlos, baratos y tal cual yo los quería, con mis fotos o mis diseños… Pero descubrí una solución simple a este problema y además económica

Necesitas los siguientes materiales:

• Lamina de adhesivo transparente, de PVC por ejemplo.
• Cinta doble contacto.
• Hojas de carta u oficio.
• Tijeras.
• Impresora.

Y lo que viene es muy simple. Primero tienes que tener claro lo que quieres, puedes diseñar o usar logos de alguna marca que te guste, cualquier cosa… todo es valido. Después de esto debes imprimir o dibujar si no tienes impresora y luego, sobre el dibujo, pegas la lamina adhesiva transparente y por el otro lado le pones la cinta doble contacto.

Lo recortas bien… y listo! ya tienes un sticker que no se daña y que puedes pegar donde quieras! Y si los pegas en tu laptop podrías obtener algo como esto (esos los hise yo)

Saludos