
<?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>Green ComplexWeb 2.0 | Green Complex</title>
	<atom:link href="http://green.cx/category/web-resources/web-dev-resources/feed/" rel="self" type="application/rss+xml" />
	<link>http://green.cx</link>
	<description></description>
	<lastBuildDate>Fri, 23 Dec 2011 17:12:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Jason on Klout</title>
		<link>http://green.cx/web-resources/web-dev-resources/jason-on-klout/</link>
		<comments>http://green.cx/web-resources/web-dev-resources/jason-on-klout/#comments</comments>
		<pubDate>Sun, 25 Sep 2011 03:59:21 +0000</pubDate>
		<dc:creator>+Jason</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Services]]></category>
		<category><![CDATA[Web Stuff]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Klout]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://green.cx/?p=2480</guid>
		<description><![CDATA[<img src="http://green.cx/wp-content/blogs.dir/1/category-images/5.original.png" width="659" height="87" alt="" title="Web 2.0" /><img src="http://green.cx/wp-content/blogs.dir/1/category-images/20.original.png" width="659" height="87" alt="" title="Web Services" /><img src="http://green.cx/wp-content/blogs.dir/1/category-images/40.original.png" width="659" height="87" alt="" title="Web Stuff" /><br/>Have you ever wondered when you are posting a status update, tweet or sharing a link on Google+, how many people you are reaching out to? Well so were the guys that made Klout, a service that lets you measure your audience, their feedback, and creates a &#8220;Klout&#8221; score, from 1 to 100. But it [...]]]></description>
			<content:encoded><![CDATA[<img src="http://green.cx/wp-content/blogs.dir/1/category-images/5.original.png" width="659" height="87" alt="" title="Web 2.0" /><img src="http://green.cx/wp-content/blogs.dir/1/category-images/20.original.png" width="659" height="87" alt="" title="Web Services" /><img src="http://green.cx/wp-content/blogs.dir/1/category-images/40.original.png" width="659" height="87" alt="" title="Web Stuff" /><br/><p>Have you ever wondered when you are posting a status update, tweet or sharing a link on Google+, how many people you are reaching out to?<br />
Well so were the guys that made Klout, a service that lets you measure your audience, their feedback, and creates a &#8220;Klout&#8221; score, from 1 to 100.</p>
<p>But it doesn&#8217;t end at just measuring your reach. There is also benefits such as &#8220;Perks&#8221; which are exclusive products or experiences that you earn based on your influence. Like for example, I can get a Subway Oven Crisp Chicken Sub since my Klout score is above 40, but alas, they are all out at the moment. I suddenly don&#8217;t feel so impressed by my &#8220;41&#8243; Klout score. But then again, Keven Rose only has an 81, and he&#8217;s a celebrity.</p>
<p>But Perks aside, I think the best part about Klout is the self aware factor. Once you realize how to focus what you&#8217;re talking about, and see what topics trend better, you could really use this as a tool to hone in your online social skills. And that would translate to growing a larger audience, so while I personally am not in it for the &#8220;Perks&#8221; I&#8217;m watching my Klout score on a daily basis. I haven&#8217;t figured out how frequently it updates, but I can see that over the next few months it will have a positive impact on my blogging as my social consumption should increase. Speaking of which all this is making me hungry for a meatball and pepperoni sub&#8230;</p>
<p>Why not check me out on <a title='Original Link: http://klout.com/#/LarcenIII'  href="http://green.cx/?WYr03nTi">Klout </a><a href=" http://klout.com/#/LarcenIII"> http://klout.com/#/LarcenIII</a> and follow me on twitter. <a href="http://twitter.com/LarcenIII">http://twitter.com/LarcenIII</a> or Google Plus <a href="http://➸.ws/~fc5L1">http://➸.ws/~fc5L1</a></p>
<p><a href="http://green.cx/files/2011/09/Klout-Jason-41.png"><img class="size-large wp-image-2481 aligncenter" title="Klout Jason 41" src="http://green.cx/files/2011/09/Klout-Jason-41.png" alt="" width="600" height="143" /></a></p>
<p>P.S. I&#8217;m also a <a title='Original Link: http://www.stumbleupon.com/stumbler/LarcenIII/'  href="http://green.cx/?buQhp6pd">stumbler</a>!</p>]]></content:encoded>
			<wfw:commentRss>http://green.cx/web-resources/web-dev-resources/jason-on-klout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to protect your E-Mail address</title>
		<link>http://green.cx/web-resources/web-dev-resources/protect-email-address/</link>
		<comments>http://green.cx/web-resources/web-dev-resources/protect-email-address/#comments</comments>
		<pubDate>Fri, 02 Oct 2009 20:42:20 +0000</pubDate>
		<dc:creator>+Jason</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Services]]></category>
		<category><![CDATA[Web Stuff]]></category>
		<category><![CDATA[e-mail]]></category>
		<category><![CDATA[protection]]></category>
		<category><![CDATA[spam]]></category>

		<guid isPermaLink="false">http://green.cx/?p=392</guid>
		<description><![CDATA[<img src="http://green.cx/wp-content/blogs.dir/1/category-images/5.original.png" width="659" height="87" alt="" title="Web 2.0" /><img src="http://green.cx/wp-content/blogs.dir/1/category-images/20.original.png" width="659" height="87" alt="" title="Web Services" /><img src="http://green.cx/wp-content/blogs.dir/1/category-images/40.original.png" width="659" height="87" alt="" title="Web Stuff" /><br/>I recently became aware of this problem; with all the Twitterer's of the world wildly posting their e-mail everywhere all willy-nilly, their email addresses are subject to the harvesting by robots. Robots crawl websites like twitter (and yes they even crawl my site) so sooner or later you'll wind up on a spammer list. So how to protect yourself? I use...]]></description>
			<content:encoded><![CDATA[<img src="http://green.cx/wp-content/blogs.dir/1/category-images/5.original.png" width="659" height="87" alt="" title="Web 2.0" /><img src="http://green.cx/wp-content/blogs.dir/1/category-images/20.original.png" width="659" height="87" alt="" title="Web Services" /><img src="http://green.cx/wp-content/blogs.dir/1/category-images/40.original.png" width="659" height="87" alt="" title="Web Stuff" /><br/><p>SPAM. We all hate it, and while there is a ton of different ways to protect yourself from it, the safest, bestest, way, is to<span id="more-392"></span></p>
<div id="attachment_395" class="wp-caption alignleft" style="width: 304px"><a href="http://green.cx/wp-content/uploads/2009/10/scrim.png"><img class="size-full wp-image-395" title="scrim" src="http://green.cx/wp-content/uploads/2009/10/scrim.png" alt="scrim" width="294" height="118" /></a><p class="wp-caption-text">Presenting Scr.im</p></div>
<p><span style="text-decoration: underline">NEVER GIVE YOUR EMAIL TO ANYONE</span>. lol, But that doesn&#8217;t help us get it out there for real people does it?</p>
<p>I recently became aware of this problem; with all the Twitterer&#8217;s of the world wildly posting their e-mail everywhere all willy-nilly, their email addresses are subject to the harvesting by robots. Robots crawl websites like twitter (and yes they even crawl my site) so sooner or later you&#8217;ll wind up on a spammer list.</p>
<p>We all got caught up in the E-mail sharing twitter storm trying to get <strong>Google Wave</strong> invites. <img src='http://green.cx/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />  <!--more--></p>
<p>So what&#8217;s the best way to protect yourself? I found a little website called Scrim (<a href="http://green.cx/scr.im">http://scr.im/</a>) There is NO registration required, (nice) all you do is type in your e-mail address, and it generates a tiny URL like this one <a title='Original Link: http://scr.im/811'  href="http://green.cx/?BGPf4AIv" target="_blank">http://scr.im/811</a> and anyone who clicks on it is asked to verify that they are human, after which your e-mail is displayed!</p>
<p>Give it a try! Here&#8217;s my email address<a title='Original Link: http://scr.im/811'  href="http://green.cx/?BGPf4AIv" target="_blank"> http://scr.im/811</a></p>
<p>And to anyone who was thinking &#8220;I just put <strong>email [A T] whereever {dot} com&#8221; </strong> &#8211; Well the bots have been wise to this for a long time, and it only fools the simplest of spam bots, they have long been trained beyond that old trick&#8230;.</p>
<p style="text-align: center"><img class="size-medium wp-image-393 aligncenter" title="BadSpam" src="http://green.cx/wp-content/uploads/2009/10/BadSpam-283x300.jpg" alt="BadSpam" width="283" height="300" /></p>
<p>Let me know if you like/dislike this&#8230;.</p>]]></content:encoded>
			<wfw:commentRss>http://green.cx/web-resources/web-dev-resources/protect-email-address/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gallery3 Vs ZenPhoto</title>
		<link>http://green.cx/web-resources/web-dev-resources/gallery3-zenphoto/</link>
		<comments>http://green.cx/web-resources/web-dev-resources/gallery3-zenphoto/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 06:33:09 +0000</pubDate>
		<dc:creator>+Jason</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Stuff]]></category>

		<guid isPermaLink="false">http://green.cx/?p=363</guid>
		<description><![CDATA[<img src="http://green.cx/wp-content/blogs.dir/1/category-images/5.original.png" width="659" height="87" alt="" title="Web 2.0" /><img src="http://green.cx/wp-content/blogs.dir/1/category-images/40.original.png" width="659" height="87" alt="" title="Web Stuff" /><br/>I&#8217;ve used Gallery for years, and I&#8217;ve used ZenPhoto for a little over two years. And for anyone who is wondering what they are, they are PHP Scripts, or Web Based Applications.  They are IMO the two best PHP photo galleries out there. They are both slowly evolving into great scripts but they aren&#8217;t Google [...]]]></description>
			<content:encoded><![CDATA[<img src="http://green.cx/wp-content/blogs.dir/1/category-images/5.original.png" width="659" height="87" alt="" title="Web 2.0" /><img src="http://green.cx/wp-content/blogs.dir/1/category-images/40.original.png" width="659" height="87" alt="" title="Web Stuff" /><br/><p>I&#8217;ve used Gallery for years, and I&#8217;ve used ZenPhoto for a little over two years. <span id="more-363"></span></p>
<div id="attachment_364" class="wp-caption alignleft" style="width: 339px"><a href="http://green.cx/wp-content/uploads/2009/09/ZenGallerylogo.png"><img class="size-full wp-image-364" title="ZenGallerylogo" src="http://green.cx/wp-content/uploads/2009/09/ZenGallerylogo.png" alt="ZenGallerylogo" width="329" height="131" /></a><p class="wp-caption-text">Zenphoto Vs Gallery3 Showdown</p></div>
<p>And for anyone who is wondering what they are, they are PHP Scripts, or Web Based Applications.  They are IMO the two best PHP photo galleries out there. They are both slowly evolving into great scripts but they aren&#8217;t Google Picasa or anything, but what you can do with them in really impressive, even more so when you consider that they are free.</p>
<p>Ok in this review lets get to the nitty gritty. I&#8217;ll keep it short and sweet.</p>
<p>Here&#8217;s what they have in Common with each other.</p>
<p>Both Gallery3 and ZenPhoto are:<!--more--></p>
<ul>
<li>Free</li>
<li>Open Source</li>
<li>Manage Small/Medium Photo&#8217;s and albums well.</li>
<li>Easy to use</li>
<li>Use Themes</li>
<li>Support Plugins</li>
<li>Have a &#8220;Hold your hand&#8221; installer</li>
<li>Require a server with PHP &amp; MySQL</li>
</ul>
<p>Now that&#8217;s out of the way, here are the Differences:</p>
<ul>
<li>ZenPhoto is a little easier to style if you know CSS</li>
<li>Gallery support MASSIVE photo databases</li>
<li>ZenPhoto will detect new photos that have been uploaded to your server and add them automagically</li>
<li>Gallery has a better security history</li>
<li>ZenPhoto has a CMS plugin to add static pages, great for a simple site.</li>
<li>Gallery3 is still in Beta, Google has made this word pretty meaningless.</li>
</ul>
<p><span style="background-color: #ffffff">In short if you&#8217;re making a photo album online, and are trying to decide, think about it this way:</span></p>
<p><span style="background-color: #ffffff">ZenPhoto is simpler, Gallery supports larger albums with more users easier.<br />
Don&#8217;t get me wrong, ZenPhoto is great for around a half a dozen users, and the permissions system is great!  But Gallery3 is built on top of Kohana, and that&#8217;s a powerful back end.<br />
For example, ZenPhoto will load faster under normal server load, but I think Gallery may best ZenPhoto however, if your site became popular, due to it&#8217;s Kohana and Zend usage. </span></p>
<p><span style="background-color: #ffffff"><a title="Links" href="http://green.cx/links/">Links</a>:</span></p>
<p><span style="background-color: #ffffff"><a href="http://green.cx/Gallery3">Gallery3</a> (Version is Beta3 @ the time of this writing)</span></p>
<p><span style="background-color: #ffffff"><a href="http://green.cx/ZenPhoto">ZenPhoto</a> (Version 1.2.6 at time of this writing)</span></p>
<p><span style="background-color: #ffffff"><a title='Original Link: http://www.zenphoto.org/2009/03/theming-tutorial/' rel='nofollow' href="http://green.cx/?bGcAhd4K" target="_blank">ZenPhoto Theming Guide</a></span></p>
<p><span style="background-color: #ffffff">REMEMBER: </span></p>
<p><span style="background-color: #ffffff">Regardless of which your choose, subscribe to their mailing list or RSS feed or whatever you can to be notified of new versions. You always want to keep them current with the latest version. I really wish Gallery3 would take notes on the World of WordPress where it notifies you of a new version from the admin console!</span></p>
<p><span style="background-color: #ffffff"><br />
</span></p>]]></content:encoded>
			<wfw:commentRss>http://green.cx/web-resources/web-dev-resources/gallery3-zenphoto/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web 2.0 Navigation Crash Course</title>
		<link>http://green.cx/web-resources/web-dev-resources/web-20-navigation-crash/</link>
		<comments>http://green.cx/web-resources/web-dev-resources/web-20-navigation-crash/#comments</comments>
		<pubDate>Wed, 05 Aug 2009 05:38:26 +0000</pubDate>
		<dc:creator>+Jason</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web Stuff]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[javascripts]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://green.cx/?p=219</guid>
		<description><![CDATA[<img src="http://green.cx/wp-content/blogs.dir/1/category-images/5.original.png" width="659" height="87" alt="" title="Web 2.0" /><img src="http://green.cx/wp-content/blogs.dir/1/category-images/40.original.png" width="659" height="87" alt="" title="Web Stuff" /><br/>This is a beginners guide to creating a site-wide navigation that is consistent from page to page. Tired of keeping track of multiple Menu&#8217;s on different pages? As your site grows, adding 1 new page to 25 other pages&#8217; navigation can become a full time job. I&#8217;ll show you how easy it really is to make a single navigation [...]]]></description>
			<content:encoded><![CDATA[<img src="http://green.cx/wp-content/blogs.dir/1/category-images/5.original.png" width="659" height="87" alt="" title="Web 2.0" /><img src="http://green.cx/wp-content/blogs.dir/1/category-images/40.original.png" width="659" height="87" alt="" title="Web Stuff" /><br/><p><img class="alignleft size-full wp-image-246" title="HTML-DYNAMIC DRIVE NAV SAMPLE" src="http://green.cx/wp-content/uploads/2009/08/HTML-DYNAMIC-DRIVE-NAV.PNG" alt="HTML-DYNAMIC DRIVE NAV SAMPLE" width="255" height="60" />This is a beginners guide to creating a site-wide navigation that is consistent from page to page.</p>
<p>Tired of keeping track of multiple Menu&#8217;s on different pages? As your site grows, adding 1 new page to 25 other pages&#8217; navigation can become a full time job. I&#8217;ll show you how easy it really is to make a single navigation that will save you time and headaches!</p>
<p><span id="more-219"></span></p>
<p>For this you&#8217;ll need:</p>
<ol>
<li>Guts</li>
<li>A little understanding of <a id="aptureLink_YOwilLbj08" title='Original Link: http://en.wikipedia.org/wiki/Semantic%20HTML'  href="http://green.cx/?BrEyIimk">HTML</a> <a id="aptureLink_dmeBrsoC61" title='Original Link: http://en.wikipedia.org/wiki/Cascading%20Style%20Sheets'  href="http://green.cx/?RtmNoxhu">CSS</a> and <a id="aptureLink_EW4c0ojc3S" title='Original Link: http://en.wikipedia.org/wiki/PHP%20programming%20language'  href="http://green.cx/?hm2Ek4v2">PHP</a> (Not Really)</li>
<li><a id="aptureLink_5lXNHGm870" title='Original Link: http://en.wikipedia.org/wiki/Notepad%2B%2B'  href="http://green.cx/?LaH2GoE7">Notepad++</a> (Or any HTML editor)</li>
<li>A copy of <a title='Original Link: http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm'  href="http://green.cx/?G8vegHoX">DDtabmenu</a> From Dynamic Drive (<a title='Original Link: http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.zip'  href="http://green.cx/?1BAfYIA6">This file</a>)</li>
</ol>
<h2>1. Let&#8217;s start off with the code you&#8217;ll need. The Three Parts are:</h2>
<p><strong>A. The CSS include,  paste this in the header of your html.</strong></p>
<pre class="brush: html">&lt;link rel="stylesheet" type="text/css" href="/solidblocksmenu.css"&gt;</pre>
<p><strong>B. The <a id="aptureLink_hlJAdZYWTx" title='Original Link: http://en.wikipedia.org/wiki/JavaScript'  href="http://green.cx/?UsA5lWWX">Javascript</a> Magic,  paste this near the top of your html.</strong></p>
<pre class="brush: html">&lt;script type="text/javascript" src="/ddtabmenu.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;ddtabmenu.definemenu("ddtabs1", auto)
&lt;/script&gt;</pre>
<blockquote><p>To make adjustments, you can change the <strong>tab_menu_id </strong>to whatever HTML id your using for your menu, and the number after the comma will select which link is highlighted.<br />
SYNTAX: ddtabmenu.definemenu(&#8220;tab_menu_id&#8221;, integer OR &#8220;auto&#8221;)<br />
//initialize Tab Menu with ID &#8220;ddtabs1&#8243; and select 1st tab by default</p></blockquote>
<p><strong>C. The HTML for the <a title="Links" href="http://green.cx/links/">Links</a></strong></p>
<pre class="brush: html">&lt;div id="ddtabs1" class="basictab"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="http://green.cx/" rel="sc1"&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://green.cx/Link1.htm" rel="sc2"&gt;Link1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://green.cx/Link2/" rel="sc3"&gt;Link2&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://green.cx/Link3/"&gt;Link3&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://green.cx/Link4"&gt;Link4&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;</pre>
<p><strong>D. The HTML for the Subtitles</strong></p>
<pre class="brush: html">&lt;DIV class="tabcontainer"&gt;

&lt;div id="sc1" class="tabcontent"&gt;Sub contents here&lt;/div&gt;
&lt;div id="sc2" class="tabcontent"&gt;Sub contents here&lt;/div&gt;
&lt;div id="sc3" class="tabcontent"&gt;Sub contents here&lt;/div&gt;

&lt;/DIV&gt;</pre>
<h2>2. Now The Required files you need on your server</h2>
<p>Download <a title='Original Link: http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.zip'  href="http://green.cx/?1BAfYIA6">this file</a> and extract the contents to the root of your webserver, using a <a id="aptureLink_ZoCOVaGvcI" title='Original Link: http://en.wikipedia.org/wiki/List%20of%20FTP%20clients'  href="http://green.cx/?WtOrHiod">FTP client</a> like <a id="aptureLink_cUzzEVhefd" title='Original Link: http://en.wikipedia.org/wiki/FileZilla'  href="http://green.cx/?fJhlgw98">FileZilla</a>.</p>
<p>And, Volia! You should have a nice HTML/CSS Navigation on your site, but you don&#8217;t want to copy/paste this to EVERY page on your site right?<br />
What if you needed to change a link or fix a typo? That would be a LOT of editing for a site with more than a hand full  of pages.</p>
<p>So we get around that using a simple PHP include file.</p>
<p>Woah! Don&#8217;t get nervous, this is actually really easy, just keep following along!</p>
<p>Now making that nice flashy menu and making it a PHP include is really quite easy.</p>
<p>First off I feel the need to make it clear, your server needs to support PHP. (Of course)</p>
<p>Start off Coping the HTML code for the MENU and the Subtitles, into a new document, named <em>nav.inc</em></p>
<p><strong><em>nav.inc</em></strong> Contents</p>
<pre class="brush: html">&lt;div id="ddtabs1"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="http://green.cx/" rel="sc1"&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://green.cx/Link1.htm" rel="sc2"&gt;Link1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://green.cx/Link2/" rel="sc3"&gt;Link2&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://green.cx/Link3/"&gt;Link3&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://green.cx/Link4"&gt;Link4&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;DIV&gt;
&lt;div id="sc1"&gt;Sub contents here&lt;/div&gt;
&lt;div id="sc2"&gt;Sub contents here&lt;/div&gt;
&lt;div id="sc3"&gt;Sub contents here&lt;/div&gt;
&lt;/DIV&gt;</pre>
<p>Now rename your index.html file to index.php</p>
<p>Keep the CSS and Javascript in the header as per usual.</p>
<p>But where the Menu was located, replace it with this code.</p>
<pre class="brush: php">&lt;?php
include ("/nav.inc");
?&gt;</pre>
<p>That should put the contents of the navigation include file whenever this line is called. But notice! It will only work when the index (or any file on the server) ends with .php</p>
<p>Give it a try!</p>
<p><!--pre class="brush: javascript"><br />
//DD Tab Menu- Script rewritten April 27th, 07: http://www.dynamicdrive.com<br />
//**Updated Feb 23rd, 08): Adds ability for menu to revert back to default selected tab when mouse moves out of menu</p>
<p>//Only 2 configuration variables below:</p>
<p>var ddtabmenu={<br />
disabletablinks: false, //Disable hyperlinks in 1st level tabs with sub contents (true or false)?<br />
snap2original: [true, 300], //Should tab revert back to default selected when mouse moves out of menu? ([true/false, delay_millisec]</p>
<p>currentpageurl: window.location.href.replace(&#8220;http://&#8221;+window.location.hostname, &#8220;&#8221;).replace(/^//, &#8220;&#8221;), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)</p>
<p>definemenu:function(tabid, dselected){<br />
this[tabid+"-menuitems"]=null<br />
this[tabid+"-dselected"]=-1<br />
this.addEvent(window, function(){ddtabmenu.init(tabid, dselected)}, &#8220;load&#8221;)<br />
},</p>
<p>showsubmenu:function(tabid, targetitem){<br />
var menuitems=this[tabid+"-menuitems"]<br />
this.clearrevert2default(tabid)<br />
for (i=0; i&lt;menuitems.length; i++){<br />
menuitems[i].className=&#8221;"<br />
if (typeof menuitems[i].hasSubContent!=&#8221;undefined&#8221;)<br />
document.getElementById(menuitems[i].getAttribute(&#8220;rel&#8221;)).style.display=&#8221;none&#8221;<br />
}<br />
targetitem.className=&#8221;current&#8221;<br />
if (typeof targetitem.hasSubContent!=&#8221;undefined&#8221;)<br />
document.getElementById(targetitem.getAttribute(&#8220;rel&#8221;)).style.display=&#8221;block&#8221;<br />
},</p>
<p>isSelected:function(menuurl){<br />
var menuurl=menuurl.replace(&#8220;http://&#8221;+menuurl.hostname, &#8220;&#8221;).replace(/^//, &#8220;&#8221;)<br />
return (ddtabmenu.currentpageurl==menuurl)<br />
},</p>
<p>isContained:function(m, e){<br />
var e=window.event || e<br />
var c=e.relatedTarget || ((e.type==&#8221;mouseover&#8221;)? e.fromElement : e.toElement)<br />
while (c &amp;&amp; c!=m)try {c=c.parentNode} catch(e){c=m}<br />
if (c==m)<br />
return true<br />
else<br />
return false<br />
},</p>
<p>revert2default:function(outobj, tabid, e){<br />
if (!ddtabmenu.isContained(outobj, tabid, e)){<br />
window["hidetimer_"+tabid]=setTimeout(function(){<br />
ddtabmenu.showsubmenu(tabid, ddtabmenu[tabid+"-dselected"])<br />
}, ddtabmenu.snap2original[1])<br />
}<br />
},</p>
<p>clearrevert2default:function(tabid){<br />
if (typeof window["hidetimer_"+tabid]!=&#8221;undefined&#8221;)<br />
clearTimeout(window["hidetimer_"+tabid])<br />
},</p>
<p>addEvent:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)<br />
var tasktype=(window.addEventListener)? tasktype : &#8220;on&#8221;+tasktype<br />
if (target.addEventListener)<br />
target.addEventListener(tasktype, functionref, false)<br />
else if (target.attachEvent)<br />
target.attachEvent(tasktype, functionref)<br />
},</p>
<p>init:function(tabid, dselected){<br />
var menuitems=document.getElementById(tabid).getElementsByTagName(&#8220;a&#8221;)<br />
this[tabid+"-menuitems"]=menuitems<br />
for (var x=0; x&lt;menuitems.length; x++){<br />
if (menuitems[x].getAttribute(&#8220;rel&#8221;)){<br />
this[tabid+"-menuitems"][x].hasSubContent=true<br />
if (ddtabmenu.disabletablinks)<br />
menuitems[x].onclick=function(){return false}<br />
if (ddtabmenu.snap2original[0]==true){<br />
var submenu=document.getElementById(menuitems[x].getAttribute(&#8220;rel&#8221;))<br />
menuitems[x].onmouseout=function(e){ddtabmenu.revert2default(submenu, tabid, e)}<br />
submenu.onmouseover=function(){ddtabmenu.clearrevert2default(tabid)}<br />
submenu.onmouseout=function(e){ddtabmenu.revert2default(this, tabid, e)}<br />
}<br />
}<br />
else //for items without a submenu, add onMouseout effect<br />
menuitems[x].onmouseout=function(e){this.className=&#8221;"; if (ddtabmenu.snap2original[0]==true) ddtabmenu.revert2default(this, tabid, e)}<br />
menuitems[x].onmouseover=function(){ddtabmenu.showsubmenu(tabid, this)}<br />
if (dselected==&#8221;auto&#8221; &amp;&amp; typeof setalready==&#8221;undefined&#8221; &amp;&amp; this.isSelected(menuitems[x].href)){<br />
ddtabmenu.showsubmenu(tabid, menuitems[x])<br />
this[tabid+"-dselected"]=menuitems[x]<br />
var setalready=true<br />
}<br />
else if (parseInt(dselected)==x){<br />
ddtabmenu.showsubmenu(tabid, menuitems[x])<br />
this[tabid+"-dselected"]=menuitems[x]<br />
}<br />
}<br />
}<br />
}</pre-->]]></content:encoded>
			<wfw:commentRss>http://green.cx/web-resources/web-dev-resources/web-20-navigation-crash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cushycms &#8211; Simplest CMS ever</title>
		<link>http://green.cx/web-resources/web-dev-resources/cushycms-simplest-cms/</link>
		<comments>http://green.cx/web-resources/web-dev-resources/cushycms-simplest-cms/#comments</comments>
		<pubDate>Wed, 08 Jul 2009 06:24:55 +0000</pubDate>
		<dc:creator>+Jason</dc:creator>
				<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://blog.jhawk.ws/?p=99</guid>
		<description><![CDATA[<img src="http://green.cx/wp-content/blogs.dir/1/category-images/5.original.png" width="659" height="87" alt="" title="Web 2.0" /><br/>CushyCMS is a Content Management Systems (CMS) that is truly simple. It's built from the ground up with ease of use in mind - for both content editors and designers. It's such a simple CMS that it takes less than 3 minutes for a web designer to implement. No PHP or ASP required for this CMS. If you can add CSS classes to HTML tags then you can implement CushyCMS. ]]></description>
			<content:encoded><![CDATA[<img src="http://green.cx/wp-content/blogs.dir/1/category-images/5.original.png" width="659" height="87" alt="" title="Web 2.0" /><br/><p style="vertical-align: baseline;font-weight: inherit;font-family: inherit;font-style: inherit;font-size: 13px;margin-top: 0px;margin-right: 0px;margin-bottom: 1.5em;margin-left: 0px;padding: 0px;border: 0px none initial">CushyCMS is a Content Management Systems (CMS) that is truly simple. It&#8217;s free for unlimited users, unlimited changes, unlimited pages and unlimited sites.<span id="more-99"></span></p>
<p style="vertical-align: baseline;font-weight: inherit;font-family: inherit;font-style: inherit;font-size: 13px;margin-top: 0px;margin-right: 0px;margin-bottom: 1.5em;margin-left: 0px;padding: 0px;border: 0px none initial"><img class="alignleft" title="CushyCMS Logo" src="http://www.cushycms.com/images/CushyCMS_logo.png?1247030735" alt="" width="312" height="86" />It&#8217;s built from the ground up with ease of use in mind &#8211; for both content editors and designers. It&#8217;s such a simple CMS that it takes less than 3 minutes for a web designer to implement. No PHP or ASP required for this CMS. If you can add CSS classes to HTML tags then you can implement CushyCMS. It&#8217;s also a hosted CMS, so no installation or maintenance is needed either.</p>
<p style="vertical-align: baseline;font-weight: inherit;font-family: inherit;font-style: inherit;font-size: 13px;margin-top: 0px;margin-right: 0px;margin-bottom: 1.5em;margin-left: 0px;padding: 0px;border: 0px none initial">Content editors will love managing their content with this system. No training required, it&#8217;s just that easy.</p>
<p style="vertical-align: baseline;font-weight: inherit;font-family: inherit;font-style: inherit;font-size: 13px;margin-top: 0px;margin-right: 0px;margin-bottom: 1.5em;margin-left: 0px;padding: 0px;border: 0px none initial">And it is, and always will be a free CMS. You can use it for professional use, you can even charge your clients to use it. The only catch is that if you make it your own CMS solution, with your own brand, then you&#8217;ll need to pay for the <a title='Original Link: http://www.cushycms.com/static/pro'  href="http://green.cx/?BPYSdskc">pro plan</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://green.cx/web-resources/web-dev-resources/cushycms-simplest-cms/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using apc
Database Caching 183/220 queries in 0.092 seconds using apc

Served from: potpiedeluxe.com @ 2012-02-11 15:15:12 -->
