Home > Forums > BC Gmail Signatures > Signature Templates > Example: Blank Canvas

Example: Blank Canvas

    Register

Jan. 19, 2009 - 8:13pm - 1 year 233 days ago
Jerome
Admin Post count: 322

This post is mostly to demonstrate how to submit signature templates. I'm thinking of moving the image and text into a table with two cells instead of floating the image so that I get better compatibility. Let me know what you think.

<div style="font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666;">
<a href="http://yoursite.com">
<img src="http://blankcanvasweb.com/skins/default/images/bc_logo_75.gif" style="float:left; width:75px; height:75px; margin-right:10px; border:none;" width="75" height="75" alt="Blank Canvas" />
</a>
<div style="padding-top:3px">
<strong>Your Name</strong><br />
Your Title Here<br />
<a href="mailto:example@example.com" style="text-decoration:none; color:#666666;">example@example.com</a>
<div style="margin-top:9px;">
<a href="http://yoursite.com" style="text-decoration:none; color:#666666;">Company tag line goes here</a>
</div> </div>
</div>

Last edited Jan. 19, 2009 - 8:24pm by Jerome
Feb. 21, 2009 - 1:32pm - 1 year 200 days ago
camainc
Registered User Post count: 1

This the signature block I created for our organization. It looks much better on gmail's default white background.

Laughing

<div style="margin: 12px 0px 20px 0px; font-family:tahoma, Arial, Helvetica, sans-serif;font-size:.9em;">
<img style="float:left; padding-right:6px;" src="http://www.myanmarhope.org/images/myhope_small.jpg" alt="Myanmar Hope Christian Mission, Inc. Logo"/>
<div style="padding:10px 0px 0px 0px;">Chuck Cherry</div>
<div style="font-size:.8em;">Myanmar Hope Christian Mission, Inc.<br/>
308 South Oxford Road<br/>
Springfield, IL 62704-1258<br/>
Phone: 800-555-1234<br/>
Email: <a href="mailto:example@example.com">example@example.com</a><br/>
Web: <a href="http://www.myanmarhope.org" target="_blank">http://www.myanmarhope.org</a>
</div>
<div style="margin:12px 0px 12px 0px; font-size:.8em;"><em>"You can give without loving, but you cannot love without giving." -- Amy Carmichael</em></div>
<div style="clear:both;margin:12px 0px 12px 0px; padding-top: 10px; font-size: 75%;">Myanmar Hope Christian Mission, Inc. is a federally recognized, not-for-profit corporation organized under the laws of the State of Illinois. All donations made to this organization are 100% tax deductible according to the Internal Revenue Service Code, Section 501(c)(3). Federal tax identification number: 26-0324244.</div>
<div style="margin:12px 0px 12px 0px; font-size: 75%;">Myanmar Hope Christian Mission, Inc. is federally licensed under the US Dept of Treasury, Office of Foreign Assets Control, to perform humanitarian work in the country of Myanmar (Burma) under the Burma Sanctions Regulations, OFAC License No. BU-1679.</div>
</div>

 
Myanmar Hope Christian Mission, Inc. Logo
Chuck Cherry
Myanmar Hope Christian Mission, Inc.
308 South Oxford Road
Springfield, IL 62704-1258
Phone: 800-555-1234
Email: example@example.com
Web: http://www.myanmarhope.org
"You can give without loving, but you cannot love without giving." -- Amy Carmichael
Myanmar Hope Christian Mission, Inc. is a federally recognized, not-for-profit corporation organized under the laws of the State of Illinois. All donations made to this organization are 100% tax deductible according to the Internal Revenue Service Code, Section 501(c)(3). Federal tax identification number: 26-0324244.
Myanmar Hope Christian Mission, Inc. is federally licensed under the US Dept of Treasury, Office of Foreign Assets Control, to perform humanitarian work in the country of Myanmar (Burma) under the Burma Sanctions Regulations, OFAC License No. BU-1679.

 Edit by Jerome Dane: I went ahead and put in a white background and removed the phone and email addresses for the sake of privacy. People can still contact you through your web site. Thanks for the contribution!

Last edited Feb. 22, 2009 - 8:27am by Jerome
Mar. 28, 2009 - 5:08am - 1 year 165 days ago
BeauLanger Langer
Registered User Post count: 5

DonateLifeHandsverysmall.jpg Beau Langer
Become an organ & tissue donor:
http://www.organdonor.gov/

South Carolina residents join our Registry online:
http://www.donatelifesc.org/ 

 A LifePoint-SC.org volunteer.

Here is my new signature. I need to work on it some more though. I stole some of the code as you can see. I wanted to use a link button, which worked through my HTML editor, but it doesn't work in GMail for some reason.

  Blank Canvas is GREAT! Thanks.  Laughing

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"><br>
<title></title>
</head>
<body>
<p><img
src="http://beaulanger.tripod.com/DonateLifeHandsverysmall.jpg"
alt="DonateLifeHandsverysmall.jpg" width="91" height="72"
style="PADDING-RIGHT: 6px; FLOAT: left"> <b>Beau Langer</b><br> <font
color="#008000">Become an organ &amp; tissue donor:</font><br>
<a href="http://www.organdonor.gov/">http://www.organdonor.gov/</a><p>
<font size="2">South Carolina residents join our Registry online:
<br>
</font><a href="http://www.donatelifesc.org/"><font size="2">http://www.donatelifesc.org/</font></a><font
size="2">&nbsp; </font></p>

<blockquote>
    <blockquote>
        <p>&nbsp;<font size="1">A </font><font color="#FF0000"><strong>LifePoint-SC.org</strong></font>
        <font size="1">volunteer.</font> </p>
    </blockquote>
</blockquote>
</body>
</html>

 

 

Last edited Mar. 28, 2009 - 6:21am by BeauLanger Langer
Apr. 03, 2009 - 2:39am - 1 year 159 days ago
SckyzO
Registered User Post count: 1

<div style="font-size:13px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#666666;">
...............................................................................................
<a href="http://blog.sckyzo.com">
<img src="http://www.sckyzo.com/images/Planet_Gmail.png" style="float:left; width:50px; height:51px; margin-right:10px; border:none;" width="75" height="75" alt="www.planet-libre.org" />
</a>
<div style="padding-top:3px">
<strong>Titom      .aka SckyzO</strong>: <br />
Websites : <a href="http://www.sckyzo.com">www.sckyzo.com</a> - <a href="http://blog.sckyzo.com">Le Blog</a><br />
Contact: <a href="mailto:exemple@exemplel.com">exemple@exemplel.com</a><br />
...............................................................................................
</div>

 

Last edited Apr. 03, 2009 - 3:38am by SckyzO
May. 26, 2010 - 4:27am - 106 days ago
Sasa Stefanovic
Registered User Post count: 1

Here's mine, clean and simple.

<code>

 

<div style="align: left; background-color: #f9f9f9; margin: 0.5em 0 0 0; padding:3px; width:220px; border: 1px solid #7f7f7f; -webkit-border-radius: 4px; -moz-border-radius: 4px;">
<p><img style="float: left; margin-right: 5px;" src="http://static.elitemadzone.org/user_pics/9862" alt="" width="75" /> <span style="font-size: small;"><span style="font-weight: bold;">Саша Стефановић</span></span></p>
<div style="text-align: left;"><span style="font-size: x-small;"><span style="color: #990000;">тел:</span> +381600411187</span></div>
<div style="text-align: left;"><span style="font-size: x-small;">djevrek@gmail.com</span></div>
<div style="text-align: left;"><span style="font-size: x-small;"><a style="color: #000099;" href="http://www.baguje.com/">www.baguje.com</a><br /><br /></span></div>
<p><img style="vertical-align: middle; padding-right: 5px;" src="http://www.images.wisestamp.com/gtalk.png" alt="Google Talk: " width="16" height="16" /> <span>djevrek</span> <img style="vertical-align: middle; padding-right: 5px;" src="http://www.images.wisestamp.com/skype.png" alt="Skype: " width="16" height="16" /> <span>djevrek</span><br /> <a style="padding: 0pt 2px; color: blue; font-size: 10pt;" href="http://www.baguje.com/"><img style="vertical-align: middle; padding-bottom: 5px;" src="http://www.images.wisestamp.com/blogRSS.png" border="0" alt="Blog RSS" width="16" height="16" /></a> <a style="padding: 0pt 2px; color: blue; font-size: 10pt;" href="http://www.facebook.com/djevrek"><img style="vertical-align: middle; padding-bottom: 5px;" src="http://www.images.wisestamp.com/facebook.png" border="0" alt="Facebook" width="16" height="16" /></a><a style="padding: 0pt 2px; color: blue; font-size: 10pt;" href="http://www.twitter.com/djevrek"><img style="vertical-align: middle; padding-bottom: 5px;" src="http://www.images.wisestamp.com/twitter.png" border="0" alt="Twitter" width="16" height="16" /></a></p>
</div>

<div style="align: left; background-color: #f9f9f9; margin: 0.5em 0 0 0; padding:3px; width:220px; border: 1px solid #7f7f7f; -webkit-border-radius: 4px; -moz-border-radius: 4px;"><p><img style="float: left; margin-right: 5px;" src="http://static.elitemadzone.org/user_pics/9862" alt="" width="75" /> <span style="font-size: small;"><span style="font-weight: bold;">Саша Стефановић</span></span></p><div style="text-align: left;"><span style="font-size: x-small;"><span style="color: #990000;">тел:</span> +381600411187</span></div><div style="text-align: left;"><span style="font-size: x-small;">djevrek@gmail.com</span></div><div style="text-align: left;"><span style="font-size: x-small;"><a style="color: #000099;" href="http://www.baguje.com/">www.baguje.com</a><br /><br /></span></div><p><img style="vertical-align: middle; padding-right: 5px;" src="http://www.images.wisestamp.com/gtalk.png" alt="Google Talk: " width="16" height="16" /> <span>djevrek</span> <img style="vertical-align: middle; padding-right: 5px;" src="http://www.images.wisestamp.com/skype.png" alt="Skype: " width="16" height="16" /> <span>djevrek</span><br /> <a style="padding: 0pt 2px; color: blue; font-size: 10pt;" href="http://www.baguje.com/"><img style="vertical-align: middle; padding-bottom: 5px;" src="http://www.images.wisestamp.com/blogRSS.png" border="0" alt="Blog RSS" width="16" height="16" /></a> <a style="padding: 0pt 2px; color: blue; font-size: 10pt;" href="http://www.facebook.com/djevrek"><img style="vertical-align: middle; padding-bottom: 5px;" src="http://www.images.wisestamp.com/facebook.png" border="0" alt="Facebook" width="16" height="16" /></a><a style="padding: 0pt 2px; color: blue; font-size: 10pt;" href="http://www.twitter.com/djevrek"><img style="vertical-align: middle; padding-bottom: 5px;" src="http://www.images.wisestamp.com/twitter.png" border="0" alt="Twitter" width="16" height="16" /></a></p></div>

 

</code>

Recent Projects: