<?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>Shepline Creative &#187; development</title>
	<atom:link href="http://creative.shepline.com/category/development/feed/" rel="self" type="application/rss+xml" />
	<link>http://creative.shepline.com</link>
	<description>design, maintenance and support for the online world</description>
	<lastBuildDate>Thu, 10 Mar 2011 15:57:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.2</generator>
		<item>
		<title>Using WordPress lightbox gallery</title>
		<link>http://creative.shepline.com/2011/03/10/using-wordpress-lightbox-gallery/</link>
		<comments>http://creative.shepline.com/2011/03/10/using-wordpress-lightbox-gallery/#comments</comments>
		<pubDate>Thu, 10 Mar 2011 15:55:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://creative.shepline.com/?p=304</guid>
		<description><![CDATA[Posted here for my own reference because the instructions for the WordPress Lightbox Gallery plugin are in Japanese: How to use How to use the Lightbox Gallery, WordPress 2.5 has essentially been built since the galleries are the same. Register for more photos, simply insert the tag below post. Photo captions, mouse over the image [...]]]></description>
			<content:encoded><![CDATA[<p>Posted here for my own reference because the instructions for the <a href="http://wpgogo.com/development/lightbox-gallery.html">WordPress Lightbox Gallery plugin are in Japanese</a>:</p>
<p><strong>How to use</strong><br />
How to use the Lightbox Gallery, WordPress 2.5 has essentially been built since the galleries are the same.  Register for more photos, simply insert the tag below post.   Photo captions, mouse over the image coming tooltip (tooltip) appears  as a description of the photograph that appears when Lightbox is  displayed.</p>
<p><strong>Advanced Settings</strong> option is available to all short codes.  For more options, <a href="http://translate.googleusercontent.com/translate_c?hl=en&amp;ie=UTF-8&amp;sl=ja&amp;tl=en&amp;u=http://wordpressgogo.com/customize/using_gallery.html&amp;prev=_t&amp;rurl=translate.google.com&amp;twu=1&amp;usg=ALkJrhgsZEP60IV-NSn9-3S4R3YQGv2Gpw">WordPress 2.5 image using the list of new features galleries</a> want to see.  Here, in addition to the standard option, Lightbox Gallery added in explaining the options.</p>
<ul>
<li> <strong>lightboxsize</strong><br />
Lightbox lightboxsize specified by size is displayed.  By default, the <strong>medium</strong> has become, <strong>full</strong> can also be specified.</p>
<div>
<div id="code-1">
<div>
<blockquote>
<div>[Gallery lightboxsize = "full"]</div>
</blockquote>
</div>
</div>
</div>
</li>
<li> <strong>meta</strong><br />
meta specifies whether to display information about the accompanying photo.  Has become <strong>false</strong> by default, does not appear.  If you want to specify is <strong>true.</strong> Information accompanying the photos, the camera model, aperture, focal  length, ISO, shutter speed, the time taken to display in Lightbox.</p>
<div>
<div id="code-2">
<div>
<blockquote>
<div>[Gallery meta = "true"]</div>
</blockquote>
</div>
</div>
</div>
</li>
<li> <strong>class</strong><br />
To add an attribute class is the class gallery.  <strong>Gallery1</strong> is a default.</p>
<div>
<div id="code-3">
<div>
<blockquote>
<div>[Gallery class = "gallery2"]</div>
</blockquote>
</div>
</div>
</div>
</li>
<li> <strong>nofollow</strong><br />
rel = &#8220;nofollow&#8221; to add.  The default is a false.</p>
<div>
<div id="code-4">
<div>
<blockquote>
<div>[Gallery nofollow = "true"]</div>
</blockquote>
</div>
</div>
</div>
</li>
<li> <strong>from, num</strong><br />
To view images from the position, num is the number of images to be displayed.  The following example displays the images from the image&#8217;s third five.</p>
<div>
<div>
<blockquote>
<div>[Gallery from = "2" num = "5"]</div>
</blockquote>
</div>
</div>
</li>
<li> <strong>pagenavi</strong><br />
num navigation image is displayed depending upon the number of images used.  pagenavi set to 0, and not showing navigation.  For navigation, wp_link_pages same options are available.</p>
<div>
<div id="code-6">
<div>
<blockquote>
<div>[Gallery num = "10" pagenavi = "0"]</div>
</blockquote>
</div>
</div>
</div>
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://creative.shepline.com/2011/03/10/using-wordpress-lightbox-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Alternative to setting links to open in a new window</title>
		<link>http://creative.shepline.com/2011/02/10/alternative-to-setting-links-to-open-in-a-new-window/</link>
		<comments>http://creative.shepline.com/2011/02/10/alternative-to-setting-links-to-open-in-a-new-window/#comments</comments>
		<pubDate>Thu, 10 Feb 2011 15:44:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[development]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://creative.shepline.com/?p=301</guid>
		<description><![CDATA[It&#8217;s neat because it works with my other jQuery applications, but this simple code opens up new links in a lightbox style window on top of your existing page. Standards compliant, or not&#8230;? ( GreyBox )]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s neat because it works with my other jQuery applications, but this simple code opens up new links in a lightbox style window on top of your existing page. Standards compliant, or not&#8230;?</p>
<p><strong>( <a href="http://jquery.com/demo/grey/">GreyBox</a> )</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://creative.shepline.com/2011/02/10/alternative-to-setting-links-to-open-in-a-new-window/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Removing the &lt;li&gt; display from the Site Admin/Register links</title>
		<link>http://creative.shepline.com/2010/11/10/removing-the-display-from-the-site-adminregister-links/</link>
		<comments>http://creative.shepline.com/2010/11/10/removing-the-display-from-the-site-adminregister-links/#comments</comments>
		<pubDate>Wed, 10 Nov 2010 18:56:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://creative.shepline.com/?p=292</guid>
		<description><![CDATA[The problem with the default WordPress Site Admin/Register code: &#60;?php wp_register(); ?&#62; is that the resulting html displays these links as list items. To stop it from making these list items and just only display the link as regular text is actually frustratingly, annoyingly simple. What you can do, is to call wp_register() with an [...]]]></description>
			<content:encoded><![CDATA[<p>The problem with the default WordPress Site Admin/Register code:</p>
<p><code>&lt;?php wp_register(); ?&gt;</code></p>
<p>is that the resulting html displays these links as list items. To stop it from making these list items and just only display the link as regular text is actually frustratingly, annoyingly simple.</p>
<p>What you can do, is to call wp_register() with an argument like this:</p>
<p><code>&lt;?php wp_register('',''); ?&gt;</code></p>
<p>This will get rid of the li tags. However you can also surround the links with any tags/text of your liking:</p>
<p><code>&lt;?php wp_register('&lt;div&gt;','&lt;/div&gt;'); ?&gt;</code></p>
<p>See the original answer here: <a href="http://wordpress.org/support/topic/removing-list-item-from-wp-loginout-and-wp-register">http://wordpress.org/support/topic/removing-list-item-from-wp-loginout-and-wp-register</a></p>
]]></content:encoded>
			<wfw:commentRss>http://creative.shepline.com/2010/11/10/removing-the-display-from-the-site-adminregister-links/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aged Type Effect in Photoshop</title>
		<link>http://creative.shepline.com/2010/09/23/aged-type-effect-in-photoshop/</link>
		<comments>http://creative.shepline.com/2010/09/23/aged-type-effect-in-photoshop/#comments</comments>
		<pubDate>Thu, 23 Sep 2010 13:26:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[development]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tips'n'tricks]]></category>

		<guid isPermaLink="false">http://creative.shepline.com/?p=290</guid>
		<description><![CDATA[A useful Photoshop technique for adding an aged effect onto type in Photoshop can be found here: ( aged type effect in photoshop ) Create your type as you normally would Rasterize the type Add noise, around 25%. Be sure the check the ‘Monochromatic’ checkbox. Adjust the Input Levels, bring the black level up to [...]]]></description>
			<content:encoded><![CDATA[<p>A useful Photoshop technique for adding an aged effect onto type in Photoshop can be found here:</p>
<p><strong>( <a href="http://www.gomediazine.com/tutorials/photoshop/aged-type-effect-photoshop-action/">aged type effect in photoshop</a> )</strong></p>
<ul>
<li>Create your type as you normally would</li>
<li>Rasterize the type</li>
<li><strong>Add noise</strong>, around 25%. Be sure the check the ‘Monochromatic’ checkbox.</li>
<li>Adjust the <strong>Input Levels</strong>, bring the black level up to about 70</li>
<li>Run a very slight <strong>Gaussian Blur</strong> on your type – like 1 or 2 px</li>
<li>Run <strong>Smart Sharpen</strong> to remove the blur but keep some  of the organic distressing / softening that occurs.  Like 200% for the  amount and about 15 for the radius.</li>
<li>Adjust <strong>Levels</strong> again – bring black up to about 50 and white down to 69.</li>
</ul>
<p>Or just download the <a href="http://www.gomediazine.com/wp-content/plugins/download-monitor/download.php?id=agedtype-bygomedia.atn">Aged Text Effect Photoshop Action</a> and never have to remember how to do it again.</p>
]]></content:encoded>
			<wfw:commentRss>http://creative.shepline.com/2010/09/23/aged-type-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>In love with jQuery</title>
		<link>http://creative.shepline.com/2010/08/19/in-love-with-jquery/</link>
		<comments>http://creative.shepline.com/2010/08/19/in-love-with-jquery/#comments</comments>
		<pubDate>Thu, 19 Aug 2010 10:22:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[development]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[slideshows]]></category>

		<guid isPermaLink="false">http://creative.shepline.com/?p=283</guid>
		<description><![CDATA[In the last few months, the designers and developers at Shepline Creative have discovered, and fallen in love with, jQuery. With reasonably simple and straight-forward, lightweight code, there seems to be endless possibilities for exciting and vibrant designs. Some of my favourite jQuery effects at the moment are: CrossSlide &#x2013; some common slide-show animations, traditionally [...]]]></description>
			<content:encoded><![CDATA[<p>In the last few months, the designers and developers at Shepline Creative have discovered, and fallen in love with, jQuery. With reasonably simple and straight-forward, lightweight code, there seems to be endless possibilities for exciting and vibrant designs. </p>
<p>Some of my favourite jQuery effects at the moment are: </p>
<ul>
<li><a href="http://tobia.github.com/CrossSlide/">CrossSlide</a> &#x2013; some common slide-show animations, traditionally only available via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery&#8217;s animation facility, so it is as portable across browsers as jQuery itself (that is, a lot!)</li>
<li><a href="http://www.catchmyfame.com/2009/12/30/huge-updates-to-jquery-infinite-carousel-version-2-released/">Catch My Flame: Infinite Caroursel</a> &#x2013; excellent slideshow/gallery software</li>
<li><a href="http://boedesign.com/blog/2008/02/19/jtabber-for-jquery/">jTabber</a> &#x2013; for tabbed pages</li>
<li><a href="http://www.learningjquery.com/2006/09/slicker-show-and-hide">Accordian</a> &#x2013; nifty accordian/show-and-hide for cascading content</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://creative.shepline.com/2010/08/19/in-love-with-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gamages Accountancy Ltd launches new site and takes on Twitter</title>
		<link>http://creative.shepline.com/2010/08/19/gamages-accountancy-launches-new-site/</link>
		<comments>http://creative.shepline.com/2010/08/19/gamages-accountancy-launches-new-site/#comments</comments>
		<pubDate>Thu, 19 Aug 2010 10:03:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[site launches]]></category>

		<guid isPermaLink="false">http://creative.shepline.com/?p=280</guid>
		<description><![CDATA[The Bicester-based Gamages Accountancy Ltd chose Shepline Creative to redesign and relaunch their website. The new site, soft-launched today gives a clearer, more user-friendly look. The new site also integrates a Twitter feed from the Practice Manager and further developments and enhancements are promised over the coming weeks. Work on this site involved using existing, [...]]]></description>
			<content:encoded><![CDATA[<p>The Bicester-based <a title="Gamages Accountancy Ltd" href="http://gamagesaccountancy.com">Gamages Accountancy Ltd</a> chose <strong>Shepline Creative</strong> to redesign and relaunch their website. The new site, soft-launched today gives a clearer, more user-friendly look. The new site also integrates a Twitter feed from the Practice Manager and further developments and enhancements are promised over the coming weeks. </p>
<p>Work on this site involved using existing, unfamiliar web hosting and all the necessary problem-solving that goes with that territory! </p>
]]></content:encoded>
			<wfw:commentRss>http://creative.shepline.com/2010/08/19/gamages-accountancy-launches-new-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Greenwood Veterinary Clinic launches new website</title>
		<link>http://creative.shepline.com/2010/08/19/greenwood-veterinary-clinic-launches-new-website/</link>
		<comments>http://creative.shepline.com/2010/08/19/greenwood-veterinary-clinic-launches-new-website/#comments</comments>
		<pubDate>Thu, 19 Aug 2010 09:55:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[site launches]]></category>

		<guid isPermaLink="false">http://creative.shepline.com/?p=278</guid>
		<description><![CDATA[The Buckinghamshire-based Greenwood Veterinary Clinic chose Shepline Creative to redesign and relaunch their website. The new site, launched earlier this month features about the team pages and online registration for new clients. Work involved in the production of this site involved careful negotiation with the previous webhost to transfer the website, including email, to new [...]]]></description>
			<content:encoded><![CDATA[<p>The Buckinghamshire-based <a title="Greenwood Veterinary Clinic" href="http://greenwoodvets.com">Greenwood Veterinary Clinic</a> chose <strong>Shepline Creative</strong> to redesign and relaunch their website. The new site, launched earlier this month features <em>about the team</em> pages and <em>online registration</em> for new clients. </p>
<p>Work involved in the production of this site involved careful negotiation with the previous webhost to transfer the website, including email, to new servers, ensuring a smooth and continuous transition throughout. </p>
]]></content:encoded>
			<wfw:commentRss>http://creative.shepline.com/2010/08/19/greenwood-veterinary-clinic-launches-new-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New websites in development</title>
		<link>http://creative.shepline.com/2010/06/30/new-websites-in-development/</link>
		<comments>http://creative.shepline.com/2010/06/30/new-websites-in-development/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 15:06:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[development]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[site launches]]></category>

		<guid isPermaLink="false">http://creative.shepline.com/?p=254</guid>
		<description><![CDATA[The summer of 2010 is turning out to be a busy time of year for us, with several new websites currently in development for launch in the next few months. For an idea, think local small business; think complete redesign of an established site; think brand new, internationally focused, historically fascinating research project. Watch this [...]]]></description>
			<content:encoded><![CDATA[<p>The summer of 2010 is turning out to be a busy time of year for us, with several new websites currently in development for launch in the next few months. For an idea, think local small business; think complete redesign of an established site; think brand new, internationally focused, historically fascinating research project. </p>
<p>Watch this space for more! </p>
]]></content:encoded>
			<wfw:commentRss>http://creative.shepline.com/2010/06/30/new-websites-in-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Setting permalinks in WordPress</title>
		<link>http://creative.shepline.com/2009/09/23/permalinks-in-wordpress/</link>
		<comments>http://creative.shepline.com/2009/09/23/permalinks-in-wordpress/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 10:26:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[development]]></category>
		<category><![CDATA[tips'n'tricks]]></category>
		<category><![CDATA[permalinks]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://creative.shepline.com/?p=232</guid>
		<description><![CDATA[For my sins, I use a webhost which works on Windows servers. For the most part, it makes not a jot of difference to me but does cause a few headaches when setting up sites using a wordpress install at the base of it. In particular setting nice pretty permalinks when I don&#8217;t have access [...]]]></description>
			<content:encoded><![CDATA[<p>For my sins, I use a webhost which works on Windows servers. For the most part, it makes not a jot of difference to me but does cause a few headaches when setting up sites using a wordpress install at the base of it. In particular setting nice pretty permalinks when I don&#8217;t have access to IIS mod rewrite rules&#8230;</p>
<p>I did manage it on <a href="http://creative.shepline.com">this very site</a>Â eventually, but it wasn&#8217;t straight forward particularly as I needed a separate 404 redirect for the subdomain (which I didn&#8217;t have access to). Setting up <a href="http://bvtoday.net">the new BVToday.net website</a>Â is more straight forward, but I thought I would post <a href="http://www.keyboardface.com/archives/2007/09/07/update-for-wordpress-permalinks-on-iis/">the solution here, partly for my own future benefit</a>:</p>
<h3>Requirements and Install instructions:</h3>
<ul>
<li>IIS for Windows</li>
<li>WordPress</li>
<li>Ability to change your 404 error page with your web host.</li>
</ul>
<p>To install, copy and paste this text into a file named <strong>wp-404-handler.php</strong>:</p>
<blockquote><p><code>&lt;?php<br />
$qs = $_SERVER['QUERY_STRING'];<br />
$_SERVER['REQUEST_URI'] = substr($qs, strpos($qs, ':80')+3);<br />
$_SERVER['PATH_INFO'] = $_SERVER['REQUEST_URI'];<br />
include('index.php');<br />
?&gt;</code></p></blockquote>
<p>Next set the 404 error page to /wp-404-handler.php. If it gives you a choice between <strong>file</strong> and <strong>url</strong>, choose <strong>url</strong>.</p>
<p>Lastly, make sure you enable permalinks in the WordPress control panel under Options &gt; Permalinks.</p>
<p>This solution supercedes <a href="http://www.keyboardface.com/iis-permalinks/">the ASP solution</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://creative.shepline.com/2009/09/23/permalinks-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Lightbox vs. Twitter</title>
		<link>http://creative.shepline.com/2009/09/18/lightbox-vs-twitter/</link>
		<comments>http://creative.shepline.com/2009/09/18/lightbox-vs-twitter/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 11:34:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[development]]></category>
		<category><![CDATA[tips'n'tricks]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://creative.shepline.com/?p=222</guid>
		<description><![CDATA[Whilst rolling out a new, spruced up, clean site design to my own website that conforms to both XHTML Strict DTDs and CSS 2.1, I encountered a conflict with the javascript scripting involved with the Lightbox that I was implementing. Although the pages continued to validate against the DTDÂ and the CSS was similarly fine, and [...]]]></description>
			<content:encoded><![CDATA[<p>Whilst rolling out a new, spruced up, clean site design to my own website that conforms to both XHTML Strict DTDs and CSS 2.1, I encountered a conflict with the javascript scripting involved with the <a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox that I was implementing</a>. Although the pages continued to <a href="http://validator.w3.org/">validate against the DTD</a>Â and the CSS was similarly fine, and indeed in Firefox and some instances of IE8 there were no display problems. However in some instance of IE8, having the lightbox running on the page caused some elements of the page to not load correctly, and for the footer to not display at all. Further more I had the <a href="http://support.microsoft.com/kb/927917" target="_blank">KB927917</a>Â error from Microsoft which was as inconprehensible as these things usually are.</p>
<p>By systematically deactivating the various scripts running on the page, I tracked down the problem to the Twitter provided javascript code.</p>
<p>I&#8217;ve now put in place a new <a href="http://remysharp.com/2007/05/18/add-twitter-to-your-blog-step-by-step/">Twitter feed service</a>, which has the advantage of both working with Lightbox <em>and</em> having an option to abort loading tweets if the site is down (something which was causing a problem during recent twitter outages).</p>
<h3>Details</h3>
<p>You can see the <a href="http://visuals.shepline.com/iceland/2004/gallery1.asp">scripts in action here</a>.</p>
<h3>InstallationÂ instructions</h3>
<p>These are ammended for my install (you can see the <a href="http://remysharp.com/2007/05/18/add-twitter-to-your-blog-step-by-step/">original instructions and download</a> the scripts here):</p>
<h4>Container HTML</h4>
<p>You need to insert a holder element for the twitters to go in to. In the example above, I&#8217;ve included some &#8216;waiting to load&#8217; content &#8211; but you don&#8217;t have to.</p>
<p>Here&#8217;s what I did:</p>
<blockquote><p><span>&lt;div </span><span>id</span><span>=</span><span>&#8220;tweet&#8221;</span><span>&gt;</span><span><br />
Â </span><span>&lt;p&gt;</span><span>Please wait while my tweets load </span><span>&lt;img </span><span>src</span><span>=</span><span>&#8220;/images/indicator.gif&#8221;</span><span> </span><span>/</span><span>&gt;&lt;/p&gt;</span><span><br />
<span>&lt;/div&gt;<br />
</span></span><span>&lt;p&gt;&lt;a href=</span>http://twitter.com/yourtwitterusername</span><span>&gt;</span><span>If you can&#8217;t wait &#8211; check out what I&#8217;ve been twittering</span><span>&lt;/a&gt;&lt;/p&gt;</span><span><br />
</span></p></blockquote>
<p>Here are some more <a href="http://ajaxload.info/">progress indicators</a>.</p>
<p>If you include contents inside the holder <code><span>div</span></code>, then you&#8217;ll need to set the &#8216;clearContents&#8217; flag.</p>
<h4>Add the script</h4>
<p>You should <a href="http://remysharp.com/wp-content/uploads/2007/05/twitter.js">download the twitter.js script</a>, and add the following code within the <code><span>head</span></code> or (best at the bottom of the) <code><span>body</span></code> tag:</p>
<p><span id="_marker">Â </span>(this example will generate my twitter status in quotes on a single line with the &#8216;ago&#8217; linkable back to the original twitter post)</p>
<blockquote><p><span>&lt;scriptÂ </span><span>src</span><span>=</span><span>&#8220;http://yourdomain.com/includes/js/twitter.js&#8221;</span><span>Â </span><span>type</span><span>=</span><span>&#8220;text/javascript&#8221;</span><span>&gt;</span><span>&lt;/script&gt;</span><span><br />
</span><span>&lt;script <span>src</span><span>=</span><span>&#8220;http://yourdomain.com/includes/js/twitter.tweet.js&#8221;</span><span>Â </span></span><span>type</span><span>=</span><span>&#8220;text/javascript&#8221;</span><span> </span><span>charset</span><span>=</span><span>&#8220;utf-8&#8243;</span><span>&gt;</span><span>&lt;/script&gt;</span></p></blockquote>
<p>Create a file called twitter.tweet.js and paste the following code into it:</p>
<blockquote><p>getTwitters<span>(</span><span>&#8216;tweet&#8217;</span><span>,</span><span> </span><span>{</span><span><br />
Â  id</span><span>:</span><span> </span><span>&#8216;yourtwitterusername&#8217;</span><span>,</span><span><br />
Â  count</span><span>:</span><span> </span><span>5</span><span>,</span><span><br />
Â  enableLinks</span><span>:</span><span> </span><span>true</span><span>,</span><span><br />
Â  ignoreReplies</span><span>:</span><span> </span><span>true</span><span>,</span><span><br />
Â  clearContents</span><span>:</span><span> </span><span>true</span><span>,</span><span><br />
Â  </span><span>template</span><span>:</span><span> </span><span>&#8216;%user_name% %text% &lt;a href=&#8221;http://twitter.com/%user_screen_name%/statuses/%id%/&#8221;&gt;%time%&lt;/a&gt;&#8217;</span><span><br />
</span><span>});</span></p></blockquote>
<p>Note that the getTwitters function will execute after the page has been loaded by your browser. It will fire once the <abbr title="Document Object Model">DOM</abbr> is loaded but before images are loaded.</p>
<p>And your&#8217;re done! <img src='http://creative.shepline.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://creative.shepline.com/2009/09/18/lightbox-vs-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

