http://www.maclatino.com/firmas-personalizadas-con-css-en-el-mail-de-mac-os-x/
La interface de la aplicación Mail te permite hacer firmas utilizando las fuentes y los colores que trae el programa, incluso puedes arrastrar una imagen al estar haciendo una firma y será incluida como attachment en todos los mails que mandes. Esto es suficiente para muchos, pero los attachments son precisamente eso, archivos adjuntos que se mandan en los correos, pero no deberian de ir en una firma. Entonces aquí hay una guía y paso a paso de como crear una firma en CSS, que incluye imágenes referenciadas a un servidor externo sin ser un attachment.
Este tutorial es para la aplicación Apple Mail en Mac OS X Tiger v.10.4
Paso 1: Crea una nueva firma en Mail
Abre Mail, está en el folder de Aplicaciones. Desde el menú de arriba, selecciona “Mail > Preferences” y selecciona el panel de Signatures o Firmas. Dependiendo de las cuentas que tengas creadas, selecciona de la columna de la izquierda la que quieres utilizar para tu firma nueva. Dale click al iconito de más ( + ) en la parte de abajo de la columna central para crear la firma nueva. Ya que esta creada, cierra Mail seleccionando “Mail > Quit Mail” de la barra de menú arriba.
Paso 2: Crea tu nueva firma en el editor que utilices
Usando un editor de texto para crear tu firma usando html y css.
TextEdit te puede servir para esto, solamente asegurate de salvar el archivo comoHTML y no como rich text. Si quieres puedes usar la firma que yo estoy utilizando en este ejemplo y solamente modificarla con tus atributos para que quede como quieras.
<div id="sig" style=" line-height: 20px; margin: 6px 0; padding: 8px; border-top: 1px #999999 dotted; border-bottom: 1px #999999 dotted; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; color: #339999; " > <img src="http://www.maclatino.com/wp-content/ups/2006/01/mail_avatar.jpg" alt="me" style="float: left; padding: 0px 6px 0 0;"> <strong style="color: #339999;">Peter Olle</strong>: Apple Macintosh Master | <a href="http://www.maclatino.com" title="visita maclatino.com" style="color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;">Maclatino</a><br /> contacto | <a href="mailto:myemail@domain.com" style="color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;">peter@maclatino.com</a> | aim/iChat - <a href="aim:GoIM?screenname=DigiWam&message=Hola+Peter+desde+tu+Mail." title="mandame un mensaje" style="color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;">DigiWam</a></div> |
Para que esto funcione:
• No utilices ni tags para head y body de html, usa divs.
• Utiliza CSS integrado, no externo.
• No utilices clases que empieces en punto, puedes utilizar #div .class en lugar de ello. Lo mismo aplica para a:.
Paso 3: Crear un Archivo Web de la firma recien creada
Abre el archivo html de tu firma en Safari. Puedes hacerlo arrastrando el archivo directamente al icono de Safari en el Dock. Se debe de ver exactamente como quieres que se vea tu firma.
Para salvar como Archivo Web, del menú de arriba en safari, selecciona “File > Save As…” y salva la firma como Web Archive seleccionando “Web Archive” en la lista que viene en el menú Formato. Salvalo en el Desktop para tenerlo a la mano para el siguiente paso.
Paso 4: Remplaza la firma vieja con la nueva
Desde el finder, navega a “tu folder de usuario > Library > Mail > Signatures”. Si solamente tienes una firma veras que unicamente hay un archivo “.webarchive” en el folder. Si tienes más de una firma, necesitas ver cual es la que creamos en el paso 1. Puedes hacerlo abriendo los archivos “.webarchive” en Safari. Copia el nombre del archivo “.webarchive” de la firma recien creada y renombra el archivo que tenemos en el Desktop. Ahora arrastra la firma del escritorio al folder de Signatures, te va a preguntar el sistema si deseas remplazar el archivo, hazlo.
Paso 5: Activar la nueva firma
Abre Mail y selecciona “Mail > Preferences” del menu de arriba y selecciona el panel de Signatures. Puedes renombrar la firma si quieres dandole dos clicks y escribiendo el nombre que quieras. Notarás que Mail no desplegara correctamente la firma en esta ventana, pero lo hará en la ventana de composición de mails.
Selecciona la cuenta de la columna izquierda y selecciona tu firma en el menú de Choose Signature o Escoger Firma. Esto hará que esa firma esté por omisión en la cuenta seleccionada.
Paso 6: Probando la nueva firma en CSS
Para probar la nueva firma, crea un nuevo mensaje, escribe lo que quieras y mandatelo a ti mismo. Debes de poder ver la firma en la ventana de composición, si no es así, la verás desde el segundo mensaje, ya que la imagen sea leida del servidor.
Aprieta el boton de enviar y recibir, para recibir el correo que te acabas de mandar. Con esto recibes el nuevo mail con tu nueva firma en CSS sin imágenes como attachment. ¡ A disfrutar !