Crear firma HTML para Mail 3.0

CATEGORIA | Por catalogar
21/10/08

Este tutorial se ha probado con la versión de Mail 3.0, con versiones anteriores supongo que funcionarán del mismo modo, para crear el tutorial solo tenéis que seguir los puntos que listo a continuación.

Espero que sea de vuestro agrado, lógicamente para un buen uso se necesita ciertos conocimientos básicos de HTML y CSS para crear el archivo que utilizaremos como firma.

1. Crear una firma con texto plano en Mail.
Accedemos al  programa de Mail,y desde el menú superior seleccionamos Mail>Preferencias, una vez en las preferencias vamos al icono de firmas, desde ese menú podemos crear nuevas firmas y asignarlas a la cuenta que nos interese, seleccionamos todas y le damos al botón +. Añadimos cualquier tipo de información (el mismo nos pondra el nombre y el correo electronico), desde alli mismo lo podemos nombrar para identificarlo en un futuro si disponemos de más de 1 firma.

2. Crear nuestra firma mediante HTML.
A la hora de crear nuestra firma por HTML y CSS hay que tener en cuenta varios factores importantes, como hacer ruta a imágenes de forma absoluta y añadir en el mismo documento los diferentes estilos esto es recomendable para que no pierdan el formato si no disponen de internet.

Podéis aprovechar para darle formato al texto que vais a utilizar para delimitar el tamaño del párrafo, justificar el texto, así dipondremos de un correo personalizado.

3. Convertir nuestro archivo en una firma para mail 3.0
Para crear nuestra firma mediante el html, debemos acceder mediante Safari al archivo .html de la firma, acceder en el menu superior de Safari a archivo > guardar como.

Nuestras firmas se almacenan en la siguiente ruta:

En vuestro caso tendréis que cambiar el Javi por vuestro usuario, dentro de la carpeta signatures encontraremos nuestra firma en formato .webarchive con muchos numeros, si no estamos seguros si es o no nuestra firma podemos abrir el archivo desde Safari.

Una vez localizado el archivo lo remplazaremos, especificando archivo web en el Formato del guardar como de safari.

Espero que haya quedado claro el tutorial, de no ser así dejarme un comentario y intentare aclarar las dudas que surjan.

COMPARTIR:
  • Print
  • email
  • Facebook
  • Meneame
  • Twitter

Enlazes Reacionados

19 Comments to Crear firma HTML para Mail 3.0

  1. 19/12/2008 at 2:17 pm | Permalink

    Hola Javier !, que tal ?!?!… a ver… por fin doy con alguien que lleve el tema… jejeje…
    Llevo intentando hacer una firma para mi mail hace ya un siglo y nada tio !!, jejeje… lo malo es que no controlo mucho en HTML o CSS y lo que me gustaria es que saliera mi perfil de Flickr con una de esas firmas de paginas externas al mismo Flickr que hay por ahi…

    En mi caso es esta, mira :

    http://bighugelabs.com/flickr/profile.php

    (En “Flickr Screen Name or Email or User ID” pon mi usuario : 81245023@N00 )

    Haciedo esto, te sale una especie de firma para poner en los perfiles de los foros y tal… solo copiando el codigo y pegandolo el el perfil….

    Pues te estare eteeeeeerrrnamente agradecido si me pudieras mirar eso tal cual, sin cambiar nada…. y me comentas como se hace o me lo pasas si no es mucha molestia a mi mail ya listo para poner en la carpeta ” Signature” de Mail…

    Bueno, puedas o no, le has dado algo de luz a esto que llevo arrastrando tiempo ya…

    Gracias de todas formas y FELIZ NAVIDAD !!!

  2. Javier Artero's Gravatar Javier Artero
    19/12/2008 at 2:42 pm | Permalink

    No me deja cargarlo, pero de todos modos lo único que tienes que hacer es seguir los pasos si se trata de MAIL de mac que te pongo arriba abrir lo que quieres poner en vista código desde el navegador, copiar y pegarlo en el archivo que usaras de firma.

  3. 20/12/2008 at 2:00 pm | Permalink

    Gracias !!

  4. 08/10/2009 at 11:12 am | Permalink

    Hola Javier,
    Se k te parecerá de primaria, pero es que no tengo ni idea de trabajar en css o Html. Tengo la firma hecha pero no me vincula bien la imagen.
    Que és una ruta absoluta??
    Como tengo y donde tengo que colocar la imagen??

    muchas gracias

    kas

  5. Mario's Gravatar Mario
    03/12/2009 at 12:32 am | Permalink

    Javier, una vez que tenés tu base de mail en HTML, en la carpeta de signatures, como haces para incorporarla como firma, ya que en su recuardo figura “ninguna” y no se como se cambia. Muchas gracias, desde ya.

  6. 04/02/2010 at 7:35 pm | Permalink

    Consulta hice los pasos que indicaste pero no se como hacer para que me la muestre si despliego al costado derecho la firma no me muestra la de html,
    como hago para aplicar la firma?

  7. 04/02/2010 at 8:13 pm | Permalink

    Hola Javier volvi a hacer todo y me dejo, PERO…
    No me respeta el formato de como se ve el html,
    pero en lugar de mostrarme el logo y la info al costado, me lo muestra logo arriba y toda la info de texto abajo, sabes como se hace para verlo tal cual el html?

  8. tterressa's Gravatar tterressa
    23/02/2010 at 7:14 pm | Permalink

    Hola Javier, yo también estoy intentando crear la firma y todo va bien, y hago el cambio en las carpetas que comentas, pero cuando le doy en mail a crear un archivo todo sale excepto una imagen que añadí, que aparece un recuadro en su lugar. Yo creo que tiene que ver con donde esté alojada la imagen, por lo que leí en algún sitio, debería estar en un servidor. Puedes explicar esto un poquito, o si sabes porque a mi me pasa esto.

    Gracias de antemano
    tterressa

  9. 24/02/2010 at 3:36 pm | Permalink

    Javier

    Antes que nada queria agradecerte, porque fue de mucha utilidad tu pagina para crear la firma.

    Me encuentro ante un problema que no se como solucionar. Hago todos los paso, mi firma incluye imagenes.

    Si abro mail y voy a ver la firma creada veo todas las imagenes de la firma, si ningun problema. Pero cuando voy a redactar un mail la firma no carga las imagenes. Tanto lo escrito como las imgenes estan grabadas en el archivo web, serias tan amable de darme un consejo.

    Ya que mis conocimientos siempre fueron pocos y encima hace poco me cambie a mac lo que complica mas la cosas.

    Saludos y gracias de antemano.

  10. 24/02/2010 at 6:35 pm | Permalink

    Javier

    Muchisimas gracias por tu rapida respuesta, como te comente mis conocimientos son basicos, ya subi las imagenes en box.net. Como deberia ahora cargarlas en vez de copiar la imagen para que me salga.

    Disculpa las molestias ocacionadas, Saludos Martin

  11. Marcos's Gravatar Marcos
    26/03/2010 at 8:49 am | Permalink

    Hola Javier, antes de nada enhorabuena por tu interesante página. Mi problema es que cuando intento acceder a través de MAIL>PREFERENCIAS, no me aparecen todos los iconos que observo en tu segunda imagen entre los que se encuentran “FIRMAS”. Tengo la versión 3.0 de MAIL.

    Gracias por tu ayuda,

    Marcos

  12. Àfrica's Gravatar Àfrica
    06/05/2010 at 2:12 pm | Permalink

    Hola Javi,
    he hecho los pasos que has descrito, pero la firma no aparece, puede ser que tengo la versión 4.2 y no funcione?
    Gracias por tu atención

  13. 21/05/2010 at 12:47 pm | Permalink

    Excelente, lastima que GMail y Windows Live Mail no soportan el valor background-image :( tenia una texturita hermosa y fina para ponerle por detras a mi firma..

    saludos

Dejar un comentario

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

PORTFOLIO

cerodeinteres Spiraal Restaurante Japonés Zen BOOK LABELS AYUNTAMIENTO SANT BOI – curso 05 AYUNTAMIENTO SANT BOI ANDREU BRU POWER DRINKS stand feria alimentaria TCHOUKA