Tag ‘estilos’

Cómo cambiar el diseño del cursor de tu web con estilos

30 de Mayo de 2010

PON TU CURSOR SOBRE ESTE TEXTO PARA VER COMO CAMBIA EL DISEÑO

Si aplicáis este estilo del ejemplo, podréis modificar el cursor de vuestra web. Aquí va el código:
style=”cursor:url(http://www.content-sort.com/imagenes/cursor-fuego.cur);”

Esto sólo funciona con Internet Explorer y otros pocos navegadores web.
Estamos abiertos a vuestras sugerencias al respecto.

Cómo usar estilos CSS en correos electrónicos (email) con HTML

26 de Mayo de 2010

¿Habéis intentado alguna vez maquetar y dar formato a un correo electrónico con HTML+hoja de estilos CSS?Email / correo electrónico
Entonces habréis sufrido las inclemencias de los clientes de correo, ya que no soportan las hojas de estilos externas; la solución es utilizar estilos CSS dentro de las etiquetas (inline).
Incluso algunos clientes de correo (por ejemplo, Lotus Notes) no son compatibles con XHTML.
Alguna otra perla: Outlook 2007 no admite imágenes de fondo.
A continuación vamos a ennumerar una serie de Recomendaciones para maquetar emails con HTML+CSS:

  • Usar HTML 3.2
  • Body compuesto por un único DIV
  • Ancho máximo 600 píxeles. Para los smartphones, 320px.
  • Utilizar tablas para maquetar
  • Anchos (width) en las celdas; no aplicar ancho a la tabla.
  • No utilizar porcentajes
  • No utilizar imágenes de fondo
  • Estilos dentro de las etiquetas

Por supuesto, es importante que completemos este artículo entre todos con vuestras experiencias y los clientes de correo más importantes del mercado. Todas vuestras sugerencias y recomendaciones a través de los comentarios las probaremos y si son buenas las añadiremos al artículo.