<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Teguh Eko Budiarto &#187; css</title>
	<atom:link href="http://teguheko.echodess.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://teguheko.echodess.com</link>
	<description>Web Programming and Sharing Experience</description>
	<lastBuildDate>Sat, 21 Aug 2010 07:51:47 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>SVN::Notify::HTML::ColorDiff Inline CSS</title>
		<link>http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/</link>
		<comments>http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 07:47:03 +0000</pubDate>
		<dc:creator>Teguh Eko Budiarto</dc:creator>
				<category><![CDATA[Perl]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[svn]]></category>

		<guid isPermaLink="false">http://teguheko.echodess.com/?p=92</guid>
		<description><![CDATA[We are using SVN to save our works and hooking a post-commit script which one of the function is to send e-mail regarding the changes that had just made. We are using the wonderful SVN::Notify, a perl application to do the job. It already have the functionality to produce a beautifully diff colored HTML email [...]]]></description>
			<content:encoded><![CDATA[<p>We are using SVN to save our works and hooking a post-commit script which one of the function is to send e-mail regarding the changes that had just made. We are using the wonderful <a href="http://search.cpan.org/dist/SVN-Notify/">SVN::Notify</a>, a <a href="http://www.perl.org/">perl</a> application to do the job. It already have the functionality to produce a beautifully diff colored HTML email using the SVN::Notify::HTML::ColorDiff module as the handler.</p>
<p>However, since we are using web based Google Apps Gmail interface as our email client, the HTML was not rendered nicely because the CSS is not applied inside the interface. We need to change the CSS to the inline style. And then I found a patch done <a href="http://www.jaim.at/2008/09/06/jack-moffitt-power-up-your-commit-e-mails/">here</a>. Because it is a direct hack, I want it to be more generic that the user can choose the inline style or not, then I modified a little bit more. I added optional parameter &#8211;css-inline to generate CSS style directly inline with the HTML tags. I had submitted the changes to the original author hoping he will include this option in the next revision. Just in case, I also put it here.</p>
<p>Snippets to add the additional parameter:</p>
<pre class="brush: perl">package SVN::Notify::HTML;

# $Id: HTML.pm 4617 2009-03-19 17:04:53Z david $

use strict;
use HTML::Entities;
use SVN::Notify ();

$SVN::Notify::HTML::VERSION = '2.79';
@SVN::Notify::HTML::ISA = qw(SVN::Notify);

__PACKAGE__-&gt;register_attributes(
    linkize   =&gt; 'linkize',
    css_url   =&gt; 'css-url=s',
    wrap_log  =&gt; 'wrap-log',
    css_inline =&gt; 'css-inline',
);</pre>
<p>You may download the full source below:</p>
<ul>
<li><a href="http://sites.google.com/site/teguheko/home/files-place-holder/HTML.pm?attredirects=0&amp;d=1">HTML.pm</a></li>
<li><a href="http://sites.google.com/site/teguheko/home/files-place-holder/ColorDiff.pm?attredirects=0&amp;d=1">ColorDiff.pm</a></li>
</ul>
<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-caring-old"><ul class="socials"><li class="sexy-scriptstyle"><a href="http://scriptandstyle.com/submit?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Submit this to Script &amp; Style">Submit this to Script &amp; Style</a></li><li class="sexy-blinklist"><a href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;Title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Share this on Blinklist">Share this on Blinklist</a></li><li class="sexy-delicious"><a href="http://del.icio.us/post?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a></li><li class="sexy-digg"><a href="http://digg.com/submit?phase=2&amp;url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Digg this!">Digg this!</a></li><li class="sexy-diigo"><a href="http://www.diigo.com/post?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS&amp;desc=We%20are%20using%20SVN%20to%20save%20our%20works%20and%20hooking%20a%20post-commit%20script%20which%20one%20of%20the%20function%20is%20to%20send%20e-mail%20regarding%20the%20changes%20that%20had%20just%20made.%20We%20are%20using%20the%20wonderful%20SVN%3A%3ANotify%2C%20a%20perl%20application%20to%20do%20the%20job.%20It%20already%20have%20the%20functionality%20to%20produce%20a%20beautifully%20diff%20colored%20" rel="nofollow" class="external" title="Post this on Diigo">Post this on Diigo</a></li><li class="sexy-reddit"><a href="http://reddit.com/submit?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a></li><li class="sexy-yahoobuzz"><a href="http://buzz.yahoo.com/submit/?submitUrl=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;submitHeadline=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS&amp;submitSummary=We%20are%20using%20SVN%20to%20save%20our%20works%20and%20hooking%20a%20post-commit%20script%20which%20one%20of%20the%20function%20is%20to%20send%20e-mail%20regarding%20the%20changes%20that%20had%20just%20made.%20We%20are%20using%20the%20wonderful%20SVN%3A%3ANotify%2C%20a%20perl%20application%20to%20do%20the%20job.%20It%20already%20have%20the%20functionality%20to%20produce%20a%20beautifully%20diff%20colored%20&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" class="external" title="Buzz up!">Buzz up!</a></li><li class="sexy-stumbleupon"><a href="http://www.stumbleupon.com/submit?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a></li><li class="sexy-technorati"><a href="http://technorati.com/faves?add=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a></li><li class="sexy-mixx"><a href="http://www.mixx.com/submit?page_url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Share this on Mixx">Share this on Mixx</a></li><li class="sexy-myspace"><a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;t=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Post this to MySpace">Post this to MySpace</a></li><li class="sexy-designfloat"><a href="http://www.designfloat.com/submit.php?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Submit this to DesignFloat">Submit this to DesignFloat</a></li><li class="sexy-facebook"><a href="http://www.facebook.com/share.php?u=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;t=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a></li><li class="sexy-twitter"><a href="http://twitter.com/home?status=SVN::Notify::HTML::ColorDiff Inline CSS+-+http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/+" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li><li class="sexy-comfeed"><a href="http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a></li><li class="sexy-linkedin"><a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS&amp;summary=We%20are%20using%20SVN%20to%20save%20our%20works%20and%20hooking%20a%20post-commit%20script%20which%20one%20of%20the%20function%20is%20to%20send%20e-mail%20regarding%20the%20changes%20that%20had%20just%20made.%20We%20are%20using%20the%20wonderful%20SVN%3A%3ANotify%2C%20a%20perl%20application%20to%20do%20the%20job.%20It%20already%20have%20the%20functionality%20to%20produce%20a%20beautifully%20diff%20colored%20&amp;source=Teguh Eko Budiarto" rel="nofollow" class="external" title="Share this on Linkedin">Share this on Linkedin</a></li><li class="sexy-newsvine"><a href="http://www.newsvine.com/_tools/seed&amp;save?u=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;h=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Seed this on Newsvine">Seed this on Newsvine</a></li><li class="sexy-devmarks"><a href="http://devmarks.com/index.php?posttext=We%20are%20using%20SVN%20to%20save%20our%20works%20and%20hooking%20a%20post-commit%20script%20which%20one%20of%20the%20function%20is%20to%20send%20e-mail%20regarding%20the%20changes%20that%20had%20just%20made.%20We%20are%20using%20the%20wonderful%20SVN%3A%3ANotify%2C%20a%20perl%20application%20to%20do%20the%20job.%20It%20already%20have%20the%20functionality%20to%20produce%20a%20beautifully%20diff%20colored%20&amp;posturl=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;posttitle=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Share this on Devmarks">Share this on Devmarks</a></li><li class="sexy-google"><a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a></li><li class="sexy-misterwong"><a href="http://www.mister-wong.com/addurl/?bm_url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;bm_description=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Add this to Mister Wong">Add this to Mister Wong</a></li><li class="sexy-izeby"><a href="http://izeby.com/submit.php?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/" rel="nofollow" class="external" title="Add this to Izeby">Add this to Izeby</a></li><li class="sexy-tipd"><a href="http://tipd.com/submit.php?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/" rel="nofollow" class="external" title="Share this on Tipd">Share this on Tipd</a></li><li class="sexy-pfbuzz"><a href="http://pfbuzz.com/submit?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Share this on PFBuzz">Share this on PFBuzz</a></li><li class="sexy-friendfeed"><a href="http://www.friendfeed.com/share?title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS&amp;link=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a></li><li class="sexy-blogmarks"><a href="http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Mark this on BlogMarks">Mark this on BlogMarks</a></li><li class="sexy-twittley"><a href="http://twittley.com/submit/?title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS&amp;url=http%3A%2F%2Fteguheko.echodess.com%2F2009%2F11%2Fsvn-notify-html-colordiff-inline-cs%2F&amp;desc=We%20are%20using%20SVN%20to%20save%20our%20works%20and%20hooking%20a%20post-commit%20script%20which%20one%20of%20the%20function%20is%20to%20send%20e-mail%20regarding%20the%20changes%20that%20had%20just%20made.%20We%20are%20using%20the%20wonderful%20SVN%3A%3ANotify%2C%20a%20perl%20application%20to%20do%20the%20job.%20It%20already%20have%20the%20functionality%20to%20produce%20a%20beautifully%20diff%20colored%20&amp;pcat=Technology&amp;tags=" rel="nofollow" class="external" title="Submit this to Twittley">Submit this to Twittley</a></li><li class="sexy-fwisp"><a href="http://fwisp.com/submit?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/" rel="nofollow" class="external" title="Share this on Fwisp">Share this on Fwisp</a></li><li class="sexy-designmoo"><a href="http://designmoo.com/submit?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS&amp;body=We%20are%20using%20SVN%20to%20save%20our%20works%20and%20hooking%20a%20post-commit%20script%20which%20one%20of%20the%20function%20is%20to%20send%20e-mail%20regarding%20the%20changes%20that%20had%20just%20made.%20We%20are%20using%20the%20wonderful%20SVN%3A%3ANotify%2C%20a%20perl%20application%20to%20do%20the%20job.%20It%20already%20have%20the%20functionality%20to%20produce%20a%20beautifully%20diff%20colored%20" rel="nofollow" class="external" title="Moo this on DesignMoo!">Moo this on DesignMoo!</a></li><li class="sexy-bobrdobr"><a href="http://bobrdobr.ru/addext.html?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Share this on BobrDobr">Share this on BobrDobr</a></li><li class="sexy-yandex"><a href="http://zakladki.yandex.ru/userarea/links/addfromfav.asp?bAddLink_x=1&amp;lurl=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;lname=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Add this to Yandex.Bookmarks">Add this to Yandex.Bookmarks</a></li><li class="sexy-memoryru"><a href="http://memori.ru/link/?sm=1&amp;u_data[url]=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;u_data[name]=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Add this to Memory.ru">Add this to Memory.ru</a></li><li class="sexy-100zakladok"><a href="http://www.100zakladok.ru/save/?bmurl=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;bmtitle=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Add this to 100 bookmarks">Add this to 100 bookmarks</a></li><li class="sexy-moemesto"><a href="http://moemesto.ru/post.php?url=http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/&amp;title=SVN%3A%3ANotify%3A%3AHTML%3A%3AColorDiff+Inline+CSS" rel="nofollow" class="external" title="Add this to MyPlace">Add this to MyPlace</a></li></ul><div style="clear:both;"></div></div>]]></content:encoded>
			<wfw:commentRss>http://teguheko.echodess.com/2009/11/svn-notify-html-colordiff-inline-cs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
