CSS X iPHONE EMAIL SIGNATURES
09.22.08
Something Norm Shearer of Cactus said at the Applied Ideas talk inspired me to share this with you all. Not to say that this is earth shattering shit, but it can brighten up your and your client’s inboxes.
Here it is:
The whole thing is optimized (in particular) for iPhones. For example, if you get this baby on your iPhone, clicking on the address will open up the Map app, clicking on the phone number will prompt a call and so on…
Be warned that this signature is not compatible will all email clients, but if you write everything right the information will still come through.
So here’s the code!
<style>
p {font-size:11px; color:#666;}
a {color:#666; text-decoration:none;}
a:hover {color:#EF5BA1; text-decoration:none;}
</style>
<div style=”background-image:url(http://www.cypher13.com/images/efooter/v5.bkgd.jpg); background-repeat:no-repeat; width:325px; height:250px;”>
<div style=”background-image:url(http://www.cypher13.com/images/efooter/v5.lf.gif); width:217px; height:42px; text-indent:-9999px;”>Lucian Foehr</div>
<div>
<p>T. <a href=”tel:720-562-0193″>720.562.0193 ext. 3</a><br />F. <a href=”tel:303-449-0342″>303.449.0342</a><br />E. <a href=”mailto:lucian@cypher13.com”>lucian@cypher13.com</a></p>
<p><a href=”http://maps.google.com/maps?q=2037 13th St. Boulder,CO 80302″>2037 13th Street<br />Boulder, Colorado 80302</a></p>
<p><a href=”http://www.cypher13.com”>cypher13.com</a></p>
</div>
</div>
If you have any questions leave a comment and I’ll do my best to help out. Check out this article by Melvin Rivera for more info if you need.
Tags: css, cypher13, email signature, iphone
Category: Design
Options: Mail this, Digg, del.icio.us
Matt Moore aka 
The Rake 
Wes Winship of 
Felt Beard!!! by 
Buck: 
I just like the site. 
