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 como HTML 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.
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 !
Esta entrada fue publicada el Domingo 30 de Abril de 2006 a las 22:25 y está guardada dentro de la categoría Como se Hace, Mail. Puedes seguir los comentarios desde cualquier lector de feeds usando este feed RSS 2.0. Puedes dejar un comentario, o un trackback desde tu propio sitio.
+0Saludos:
Tengo una duda en cuanto al procedimiento, una vez que he aditado ya la firma en TextEdit la guardo como archivo HTML pero al abrirlo en Safari lo único que se muestra es el código fuente que originalmente escribí y no la firma como habría de verse. Alguien me podría auxiliar?
Gracias de antemano
-Rod-
+0Hola, yo creo que el problema debe de estar en el código de tú archivo, revisalo bien y seguro que te funciona, otra opción es que intentes con algún otro editor de código o texto.
Saludos.
Jorge Cocompech
16 de Mayo de 2006 a las 23:52
+0Creí encontrar la solución a mis problemas, sigo los pasos al pie de la letra , pero al final, cuando selecciono la firma, me aparece por defecto el nombre y el mail y ni rastro de lo que yo había hecho….Lo más extraño es que desde el finder abro el archivo y ahí esta todo perfectamente….
Ayuda por favor!!
+0Mikimono, no hay error en el proceso, por lo que debes de estar equivocandote en algún paso, hazlo de nuevo y con calma y seguro te funciona.
Igual no estas asignado la firma a la cuenta, por lo que tendrias que escogerla al escribir un mensaje nuevo.
Saludos.
+0Pues efectivamente estaba haciendo algo mal, creo que era porque al realizar alguno de los procesos me dejaba el cliente de correo abierto y no me pillaba bien la firma.
Gracias !!
+0Que bueno que ya te quedó Mikimono, era cuestión de hacerlo con calma y listo 
Saludos.
monfa
10 de Enero de 2007 a las 16:31
+0Excelente forma de resolverlo, pero tengo una duda, habra alguna forma de colocar ademas de la firma una información de tipo encabezado, asi se lograria un mail parecido a una carta membretada? es posible?
+0Hola Monfa.
No se puede hacer lo que quieres, porque estas al ser Firmas, vienen como tal, hasta abajo del mensaje, por lo que no se pueden modificar para que hagan lo que quieres, tendrias que hacer tu header aparte y aplicarselo a tus correos.
Saludos.
eddypetz
9 de Noviembre de 2007 a las 12:49
+0Gracias por la firma eh!
la voy a usar en mi mai para Opera y te cuento
thanks!
Montserrat Saenz
14 de Enero de 2008 a las 12:31
+0Estimado PETER:
Ya cree a firma en Text edit, con texto y admeas la inclui en text edit el logo de mi empresa. Luego cuando envio el mail por ejemplo a una mail de gmail, sale la firma pero el logo no se ve, solo se ve el texto del nombre del archivo del logo.jpg, por ejemplo. Saes como lo puedo hacer para que se vea correctamente el logo, cuando la gente reciba mi mail?
O si es que debo incluirlo en el archivo de text edit con algun formato especial, cuentame, porfavor.
Gracias.
Atte
Montserrat Saenz
Montserrat Saenz
14 de Enero de 2008 a las 14:22
+0Peter: No me resulta poner una foto en formato jpg. en mi firma, haciendo la firma desde text edit. Como lo hago?
Atte
Montse
+0Hola Montse, solamente sigue los pasos al pie de la letra y con calma, si no te sale es porque estás haciendo algo diferente, por lo mismo, con calma y paso por paso.
Saludos.
Montserrat Saenz
15 de Enero de 2008 a las 10:23
+0Hola Peter:
Como lo hago para poner una imagen en mi firma si no oseo ningun servidor externo donde pueda desde donde pueda referenciar mi imagen?
Atte
Montse
+0Montse, necesitas a fuerza subirlo a un servidor, puedes utilizar algo como imageshack, aquí hay un ejemplo de como hacerlo.
Saludos.
Montserrat Saenz
16 de Enero de 2008 a las 8:44
DIEGO
18 de Enero de 2008 a las 9:56
+0Hola Peter
He seguido todo al pie de la letra pero en el programa mail me aparece las imagenes con un signo de interrogación y no se visualizan, incluso probe con el ejemplo de tu firma y me pasa lo mismo el texto sale perfecto pero en lugar de la foto sale un signo de interrogación
Saludos
Diego
+0Hola DIEGO, eso es porque todavía no mandas ningún mail, en cuanto lo hagas ya carga, solo es eso. Mándate uno y verás el resultado.
Saludos.
DIEGO
18 de Enero de 2008 a las 10:18
+0Hola Peter
Ya me funciono con tu firma pero con la mia todavia no me funciona, creo que es porque tengo que subir las imagenes a algún servidor?
Gracias
Saludos
Diego
+0Hola DIEGO, así es, como bien lo menciona el tutorial y lo que le comento a Montse.
Saludos.
DIEGO
18 de Enero de 2008 a las 11:26
+0A mi no me sale la imagen, ya seguí todos los pasos pero algo me falta, le quité la parte del “float” al código y lo estoy editando en dreamweaver, tendrá problemas por esto?
gracias.
+0Hola Jorge, lo más sencillo es que utilices el ejemplo que dejé y ese lo modifiques.
Saludos.
+0Peter:
Encontré la solución, todo el tiempo estuve equivocado y no había activado el texto con formato en las preferencias.
Muchas gracias
+0Hola, lo vi a la volada y lo hice. Lo colgué, lo abrí en safari. Con head, body y todo. Funciona a la perfección. Mi pregunta (quizá tonta) es si el archivo html debe seguir vivito y colgado para que funcione (obvio la imagen si) y si me recomiendas que lo haga sin head, body y todo ese rollo.
Muchas gracias por la info.
Saludos.
carpote
Peter respondio en Agosto 5, 2008 a las 14:10 :
Hola carpote, el archivo lo puedes tirar, no hace falta conservarlo, ya que esta en la firma de mail, ya queda.
En si puedes hacerlo como prefieras, yo solo utilizo la firma.
Saludos.
Para hacer un trackback a este post usa esta URL
|
Rod
13 de Mayo de 2006 a las 13:05