<?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>WebSight Designs</title>
	<atom:link href="http://www.websightdesigns.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.websightdesigns.com</link>
	<description>Web Design, Web Hosting and Technology</description>
	<lastBuildDate>Mon, 14 May 2012 01:14:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Google Page Rank Qualifies for First Amendment Protection</title>
		<link>http://www.websightdesigns.com/updates/google-page-rank-first-amendment-protection/</link>
		<comments>http://www.websightdesigns.com/updates/google-page-rank-first-amendment-protection/#comments</comments>
		<pubDate>Sun, 13 May 2012 23:23:13 +0000</pubDate>
		<dc:creator>WebSight Designs</dc:creator>
				<category><![CDATA[Tech Industry News]]></category>
		<category><![CDATA[Updates]]></category>

		<guid isPermaLink="false">http://www.websightdesigns.com/?p=1258</guid>
		<description><![CDATA[A Google-commissioned legal paper written by eminent legal scholar Eugene Volokh and attorney Donald Falk argues that Google&#8217;s search ranking qualifies for first amendment protection.]]></description>
			<content:encoded><![CDATA[<p>A Google-commissioned legal paper written by eminent legal scholar Eugene Volokh and attorney Donald Falk argues that <a rel="nofollow" href="http://boingboing.net/2012/05/11/google-search-ranking-is-edito.html">Google&#8217;s search ranking qualifies for first amendment protection</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.websightdesigns.com/updates/google-page-rank-first-amendment-protection/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Paypal Express Checkout and WP-eCommerce</title>
		<link>http://www.websightdesigns.com/tutorials/paypal-express-checkout-and-wp-ecommerce/</link>
		<comments>http://www.websightdesigns.com/tutorials/paypal-express-checkout-and-wp-ecommerce/#comments</comments>
		<pubDate>Thu, 12 Apr 2012 18:20:05 +0000</pubDate>
		<dc:creator>WebSight Designs</dc:creator>
				<category><![CDATA[PHP Tutorials]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Design Tutorials]]></category>
		<category><![CDATA[Wordpress Tutorials]]></category>

		<guid isPermaLink="false">http://www.websightdesigns.com/?p=1241</guid>
		<description><![CDATA[If you&#8217;re having trouble getting the WP-eCommerce plugin for WordPress to let your customers pay with a credit card over Paypal Express Checkout, it&#8217;s because for some reason WP-eCommerce plugin does not supply the proper values to Paypal. The SOLUTIONTYPE variable needs to be set to &#8220;Sole&#8221;. To do this, open this file for editing: [...]]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;re having trouble getting the WP-eCommerce plugin for WordPress to let your customers pay with a credit card over Paypal Express Checkout, it&#8217;s because for some reason WP-eCommerce plugin does not supply the proper values to Paypal. The SOLUTIONTYPE variable needs to be set to &#8220;Sole&#8221;.</p>
<p>To do this, open this file for editing:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;color: #FCFFBA;"><span style="color: #000000; font-weight: bold;color: #CCC;">/</span>wp-content<span style="color: #000000; font-weight: bold;color: #CCC;">/</span>plugins<span style="color: #000000; font-weight: bold;color: #CCC;">/</span>wp-e-commerce<span style="color: #000000; font-weight: bold;color: #CCC;">/</span>wpsc-merchants<span style="color: #000000; font-weight: bold;color: #CCC;">/</span>paypal-express.merchant.php</pre></div></div>

<p>Look for this line: (for us it was at like 211)</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;color: #FCFFBA;">$nvpstr = $nvpstr . &quot;<span style="color: #ddbb00;">&amp;RETURNURL=&quot; . $returnURL;</span></pre></div></div>

<p>Below it, add a new line:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;color: #FCFFBA;">$nvpstr = $nvpstr . &quot;<span style="color: #ddbb00;">&amp;SOLUTIONTYPE=Sole&quot;;</span></pre></div></div>

<p>That&#8217;s it! WP-eCommerce should really consider making this an option or something, in my opinion.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.websightdesigns.com/tutorials/paypal-express-checkout-and-wp-ecommerce/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>WordPress and &#8220;Missed Schedule&#8221; Posts</title>
		<link>http://www.websightdesigns.com/tutorials/wordpress-tutorials/wordpress-and-missed-schedule-posts/</link>
		<comments>http://www.websightdesigns.com/tutorials/wordpress-tutorials/wordpress-and-missed-schedule-posts/#comments</comments>
		<pubDate>Tue, 27 Mar 2012 17:00:18 +0000</pubDate>
		<dc:creator>WebSight Designs</dc:creator>
				<category><![CDATA[Wordpress Tutorials]]></category>

		<guid isPermaLink="false">http://www.websightdesigns.com/?p=1235</guid>
		<description><![CDATA[There&#8217;s been a lot of talk around the blogosphere about WordPress and the &#8220;Missed Schedule&#8221; posts bug that many people are experiencing. The first thing to understand about this bug is that it&#8217;s not a bug at all. In order to understand what&#8217;s happening, we first must understand how cron jobs work in WordPress as [...]]]></description>
			<content:encoded><![CDATA[<p>There&#8217;s been a lot of talk around the blogosphere about WordPress and the &#8220;Missed Schedule&#8221; posts bug that many people are experiencing. The first thing to understand about this bug is that it&#8217;s not a bug at all. In order to understand what&#8217;s happening, we first must understand how cron jobs work in WordPress as of version 2.7.</p>
<p><strong>WordPress 2.7 Cron Jobs</strong></p>
<p>As of WordPress 2.7, WordPress runs scheduled &#8220;cron&#8221; jobs every time a visit is made to the WordPress website or the WordPress admin. The scheduled jobs are ran by using a program called cURL to access the file located at <em>/wp-cron.php</em>. The issue of posts ending up as &#8220;Missed Schedule&#8221; posts is caused because cURL cannot properly access the file unless the Apache web server software is properly set up to allow access to the hostname over the localhost IP address.</p>
<p><strong>Configuring Apache and Linux</strong></p>
<p>An example apache configuration would be as follows:</p>

<div class="wp_syntax"><div class="code"><pre class="apache" style="font-family:monospace;color: #FCFFBA;">&lt;<span style="color: #000000; font-weight:bold;color: #8FB394;">VirtualHost</span> 172.20.30.40:<span style="color: #ff0000;color: #DDD;">80</span>&gt;
<span style="color: #00007f;color: #B83A24;">ServerName</span> www.example1.com
<span style="color: #00007f;color: #B83A24;">DocumentRoot</span> /www/domain-<span style="color: #ff0000;color: #DDD;">80</span>
&lt;/<span style="color: #000000; font-weight:bold;color: #8FB394;">VirtualHost</span>&gt;</pre></div></div>

<p>In the above example, 172.20.30.40 would be the IP address your website resolves to. To also listen for this hostname over the localhost, we would modify the Apache VirtualHost configuration as follows:</p>

<div class="wp_syntax"><div class="code"><pre class="apache" style="font-family:monospace;color: #FCFFBA;">&lt;<span style="color: #000000; font-weight:bold;color: #8FB394;">VirtualHost</span> 127.0.0.1:<span style="color: #ff0000;color: #DDD;">80</span> 172.20.30.40:<span style="color: #ff0000;color: #DDD;">80</span>&gt;
<span style="color: #00007f;color: #B83A24;">ServerName</span> www.example1.com
<span style="color: #00007f;color: #B83A24;">DocumentRoot</span> /www/domain-<span style="color: #ff0000;color: #DDD;">80</span>
&lt;/<span style="color: #000000; font-weight:bold;color: #8FB394;">VirtualHost</span>&gt;</pre></div></div>

<p>Lastly, we would also want to add a line for this hostname in the <em>/etc/hosts</em> file. An example would be as follows:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;color: #FCFFBA;">127.0.0.1        example1.com</pre></div></div>

<p>Placing the above line in your <em>/etc/hosts</em> file will map the hostname example.com to the local IP address of <em>127.0.0.1</em>.</p>
<p><strong>Low-Volume Websites</strong></p>
<p>Because WordPress only runs the scheduled jobs whenever a visit is made to the website or admin area, low-volume websites will find their posts not being scheduled in a timely manner. If you have access, you can remedy this issue by adding a cron job on your web server to visit the <em>/wp-cron.php</em> file every so often.</p>
<p>First you must get a hash code to run the cron jobs. Copy a copy of <em>/wp-cron.php</em> to say, <em>/wp-cron2.php</em>, and right after the line that says <em>require_once(&#8216;./wp-load.php&#8217;);</em> and the following:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;color: #FCFFBA;"><span style="color: #b1b100;color: #B83A24;">echo</span> wp_hash<span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #0000ff;">'187425'</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span> <span style="color: #990000;color: #8FB394;">exit</span><span style="color: #339933;color: #CCC;">;</span></pre></div></div>

<p>Now save the file and visit the URL to it in your web browser and it will display the hash code you need. Save that hash code and use to form a URL for cURL to run in your cron job, as follows:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;color: #FCFFBA;"><span style="color: #000000; font-weight: bold;color: #CCC;">*/</span><span style="color: #000000;color: #DDD;">15</span> <span style="color: #000000; font-weight: bold;color: #CCC;">*</span> <span style="color: #000000; font-weight: bold;color: #CCC;">*</span> <span style="color: #000000; font-weight: bold;color: #CCC;">*</span> <span style="color: #000000; font-weight: bold;color: #CCC;">*</span> <span style="color: #000000; font-weight: bold;color: #CCC;">/</span>usr<span style="color: #000000; font-weight: bold;color: #CCC;">/</span>local<span style="color: #000000; font-weight: bold;color: #CCC;">/</span>bin<span style="color: #000000; font-weight: bold;color: #CCC;">/</span>curl http:<span style="color: #000000; font-weight: bold;color: #CCC;">//</span>www.example1.com<span style="color: #000000; font-weight: bold;color: #CCC;">/</span>wp-cron.php?<span style="color: #007800;">check</span>=YOURHASHCODE</pre></div></div>

<p>Please note that your path to the curl program may be different. Also make sure to replace YOURHASHCODE with the hash code you obtained above. The above cron job line will run every 15 minutes, you may adjust this accordingly if your needs are different.</p>
<p><strong>Conclusion</strong></p>
<p>By properly understanding and setting up your web server software to listen on the localhost, your WordPress install will once again be able to run its scheduled jobs using cURL.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.websightdesigns.com/tutorials/wordpress-tutorials/wordpress-and-missed-schedule-posts/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>HOWTO: Native WordPress Gallery</title>
		<link>http://www.websightdesigns.com/tutorials/howto-native-wordpress-gallery/</link>
		<comments>http://www.websightdesigns.com/tutorials/howto-native-wordpress-gallery/#comments</comments>
		<pubDate>Tue, 13 Mar 2012 22:00:28 +0000</pubDate>
		<dc:creator>WebSight Designs</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress Tutorials]]></category>

		<guid isPermaLink="false">http://www.websightdesigns.com/?p=1203</guid>
		<description><![CDATA[This tutorial will discuss how to create a photo gallery in WordPress. A photo gallery can be inserted into a Page or a Post by clicking the first button next to &#8220;Upload/Insert&#8221; at the top left of the text editing area. This will pop up an area where you can select the files from your [...]]]></description>
			<content:encoded><![CDATA[<p>This tutorial will discuss how to create a photo gallery in WordPress.</p>
<p>A photo gallery can be inserted into a Page or a Post by clicking the first button next to &#8220;Upload/Insert&#8221; at the top left of the text editing area.</p>
<p><img class="aligncenter size-full wp-image-1204" title="Upload / Insert" src="http://www.websightdesigns.com/wp-content/uploads/2012/03/upload_insert.png" alt="" width="815" height="455" /></p>
<p>This will pop up an area where you can select the files from your local hard drive to insert into the Page or Post. If you select more than one image, you can turn them into a photo gallery.</p>
<p><img class="aligncenter size-full wp-image-1211" title="Add Media" src="http://www.websightdesigns.com/wp-content/uploads/2012/03/add_media1.png" alt="" width="670" height="457" /></p>
<p>After the images have all uploaded, you can use the &#8220;Show&#8221; links to access more options if you like. If you make any changes, press the &#8220;Save all changes&#8221; button, otherwise just close the popup and go back to the Page or Post. Now insert the following WordPress shortcode into the text area:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;color: #FCFFBA;">[gallery]</pre></div></div>

<p>This will give you a gallery with the default options. An example with some custom options would be:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;color: #FCFFBA;">[gallery columns=&quot;4&quot; size=&quot;medium&quot; order=&quot;DESC&quot; orderby=&quot;ID&quot;]</pre></div></div>

<p>You can see all of the available options here: <a rel="nofollow" href="http://codex.wordpress.org/Gallery_Shortcode">http://codex.wordpress.org/Gallery_Shortcode</a></p>
<p><b>Lightbox popups</b></p>
<p>A great plugin to use along with this is <a rel="nofollow" href="http://wordpress.org/extend/plugins/jquery-lightbox-for-native-galleries/">jQuery Lightbox For Native Galleries</a></p>
<p><b>Photo Albums</b></p>
<p>But what if you want to have seperate photo albums? This can be achieved using Pages by creating a page which will display all of your photo albums and entering the following HTML into the &#8220;HTML&#8221; tab of the text area of your Page or Post:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;color: #FCFFBA;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">a</span> <span style="color: #000066;color: #8FB394;">href</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;/photos/album-one/&quot;</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">img</span> <span style="color: #000066;color: #8FB394;">class</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;size-thumbnail alignleft&quot;</span> <span style="color: #000066;color: #8FB394;">title</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;Album One&quot;</span></span>
<span style="color: #009900;"> <span style="color: #000066;color: #8FB394;">src</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;/wp-content/uploads/2012/03/sample1-150x150.jpg&quot;</span> <span style="color: #000066;color: #8FB394;">alt</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;&quot;</span> <span style="color: #000066;color: #8FB394;">width</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;150&quot;</span> <span style="color: #000066;color: #8FB394;">height</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;150&quot;</span> <span style="color: #66cc66;color: #CCC;">/</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">a</span>&gt;</span> <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">a</span> <span style="color: #000066;color: #8FB394;">href</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;/photos/album-one/&quot;</span>&gt;</span>Album One<span style="color: #009900;">&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">a</span>&gt;&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">br</span> <span style="color: #66cc66;color: #CCC;">/</span>&gt;&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">br</span> <span style="color: #66cc66;color: #CCC;">/</span>&gt;</span>This is the first photo album
&nbsp;
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">hr</span> <span style="color: #66cc66;color: #CCC;">/</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">a</span> <span style="color: #000066;color: #8FB394;">href</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;/photos/album-two/&quot;</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">img</span> <span style="color: #000066;color: #8FB394;">class</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;size-thumbnail alignleft&quot;</span> <span style="color: #000066;color: #8FB394;">title</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;Album Two&quot;</span></span>
<span style="color: #009900;"> <span style="color: #000066;color: #8FB394;">src</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;/wp-content/uploads/2012/03/sample2-150x150.jpg&quot;</span> <span style="color: #000066;color: #8FB394;">alt</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;&quot;</span> <span style="color: #000066;color: #8FB394;">width</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;150&quot;</span> <span style="color: #000066;color: #8FB394;">height</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;150&quot;</span> <span style="color: #66cc66;color: #CCC;">/</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">a</span>&gt;</span> <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">a</span> <span style="color: #000066;color: #8FB394;">href</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;/photos/album-two/&quot;</span>&gt;</span>Album Two<span style="color: #009900;">&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">a</span>&gt;&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">br</span> <span style="color: #66cc66;color: #CCC;">/</span>&gt;&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">br</span> <span style="color: #66cc66;color: #CCC;">/</span>&gt;</span>This is the second photo album</pre></div></div>

<p>The above code is just an example. You would need to change the URL to the thumbnail image and the name and description of each album to suit your needs. Next you would create a page for each photo album, making the album page a sub-page of the main photo albums page.</p>
<p>So if you have a main photo albums page of <em>/photos/</em> then you would make a page for the first album at <em>/photos/album-one/</em>. This is done by setting the &#8220;Parent&#8221; of the page under the &#8220;Page Attributes&#8221; section to the right of the area where you input text into your Page.</p>
<p><img src="http://www.websightdesigns.com/wp-content/uploads/2012/03/page_attributes.png" alt="" title="page_attributes" width="304" height="313" class="aligncenter size-full wp-image-1220" /></p>
<p>You can simply repeat the above HTML for all the photo albums you wish to create, and point it to the page of the photo album. Be sure and place an HR tag inbetween each album but not after the last one.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.websightdesigns.com/tutorials/howto-native-wordpress-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top Ten iPhone and iPad Apps</title>
		<link>http://www.websightdesigns.com/updates/iphone-and-ipad-apps/</link>
		<comments>http://www.websightdesigns.com/updates/iphone-and-ipad-apps/#comments</comments>
		<pubDate>Sun, 12 Feb 2012 18:00:30 +0000</pubDate>
		<dc:creator>WebSight Designs</dc:creator>
				<category><![CDATA[Tech Industry News]]></category>
		<category><![CDATA[Updates]]></category>

		<guid isPermaLink="false">http://www.websightdesigns.com/?p=1192</guid>
		<description><![CDATA[Producteev by Producteev, Inc. iTunes &#124; Website A free and feature-packed task management website with accompanying iPhone app. Base CRM + Sales Tracking App by Future Simple iTunes &#124; Website A free and easy-to-use app for tracking sales and business deals you are working on. Flipboard by Flipboard, Inc. iTunes &#124; Website Flipboard is an [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Producteev</strong> by Producteev, Inc.</p>
<p><a rel="nofollow" href="http://itunes.apple.com/us/app/producteev/id306289289">iTunes</a> | <a rel="nofollow" href="http://www.producteev.com/">Website</a></p>
<p>A free and feature-packed task management website with accompanying iPhone app.</p>
<p><strong>Base CRM + Sales Tracking App</strong> by Future Simple</p>
<p><a rel="nofollow" href="http://itunes.apple.com/ie/app/base-crm-+-sales-tracking/id488534576">iTunes</a> | <a rel="nofollow" href="http://www.futuresimple.com/base/">Website</a></p>
<p>A free and easy-to-use app for tracking sales and business deals you are working on.</p>
<p><strong>Flipboard</strong> by Flipboard, Inc.</p>
<p><a rel="nofollow" href="http://itunes.apple.com/us/app/flipboard/id358801284">iTunes</a> | <a rel="nofollow" href="http://www.flipboard.com/">Website</a></p>
<p>Flipboard is an app for the iPhone and iPad which allows you to connect your facebook and twitter feeds with current news in one elegant, intuitive interface.</p>
<p><strong>Currents</strong> by Google, Inc.</p>
<p><a rel="nofollow" href="http://itunes.apple.com/us/app/google-currents/id459182288">iTunes</a> | <a rel="nofollow" href="http://www.google.com/producer/currents">Website</a></p>
<p>Currents is an app for the iPhone and iPad which allows you to add magazine-like editions of various content to your library for viewing, as well as offering you news trends within various subjects.</p>
<p><strong>SkyGrid</strong> by SkyGrid</p>
<p><a rel="nofollow" href="http://itunes.apple.com/us/app/skygrid/id364187929">iTunes</a> | <a rel="nofollow" href="http://www.skygrid.com/">Website</a></p>
<p>Skygrid is another elegant and intuitive solution for staying up-to-date on news and current events. Also available for both iPhone and iPad.</p>
<p><strong>Appafolio</strong> by Treemo Labs</p>
<p><a rel="nofollow" href="http://itunes.apple.com/us/app/appafolio/id469565688">iTunes</a> | <a rel="nofollow" href="http://appafolio.com/">Website</a></p>
<p>Appafolio let&#8217;s you create interactive native apps with no coding required, which you can then show people on your iPhone or iPad in person, or show to other iPhone/iPad users by giving them your passphrase to your appafolio. Add your own photos and videos to convey your brand&#8217;s message.</p>
<p><strong>My Measures &amp; Dimensions</strong> by SIS Software</p>
<p><a rel="nofollow" href="http://itunes.apple.com/us/app/my-measures-dimensions/id325962257">iTunes</a> | <a rel="nofollow" href="http://www.sis.si/">Website</a></p>
<p>My Measures is a powerful app for storing and sharing measurements and object dimensions by taking a photo and storing the measures or dimensions in the app and saving them for later reference or for sharing with others by e-mail.</p>
<p><strong>Mindjet</strong> by Mindjet LLC</p>
<p><a rel="nofollow" href="http://itunes.apple.com/us/app/mindjet-for-iphone/id440273648">iTunes</a> | <a rel="nofollow" href="http://www.mindjet.com/">Website</a></p>
<p>Mindjet is a great mind-mapping iPhone or iPad app with Windows and Mac applications available as well.</p>
<p><strong>Polkast</strong> by Polkast LLC</p>
<p><a rel="nofollow" href="http://itunes.apple.com/us/app/polkast/id448187970">iTunes</a> | <a rel="nofollow" href="http://www.polkast.com/">Website</a></p>
<p>Polkast is an app which works together with an application on your computer to create a &#8220;personal cloud&#8221;. Polkast uses the local network connection when possible or the internet otherwise, and allows you to access the files on your computer from your iPhone or iPad.</p>
<p><strong>Trover</strong> by Trover LLC</p>
<p><a rel="nofollow" href="http://itunes.apple.com/us/app/trover/id433589595">iTunes</a> | <a rel="nofollow" href="http://www.trover.com/">Website</a></p>
<p>Trover is a social network app that lets you find great discoveries nearby your current location.</p>
<p>Do you know of any other great apps for the iPhone/iPad? Let us know in the comments!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.websightdesigns.com/updates/iphone-and-ipad-apps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>From Googol to Glory: The Tale of Sergey and Larry</title>
		<link>http://www.websightdesigns.com/updates/from-googol-to-glory-the-tale-of-sergey-and-larry/</link>
		<comments>http://www.websightdesigns.com/updates/from-googol-to-glory-the-tale-of-sergey-and-larry/#comments</comments>
		<pubDate>Wed, 25 Jan 2012 17:22:42 +0000</pubDate>
		<dc:creator>WebSight Designs</dc:creator>
				<category><![CDATA[Tech Industry News]]></category>
		<category><![CDATA[Updates]]></category>

		<guid isPermaLink="false">http://www.websightdesigns.com/?p=1186</guid>
		<description><![CDATA[From Googol to Glory discusses how Google founders Sergey Brin and Larry Page met. [ZWHU8MK49KW3]]]></description>
			<content:encoded><![CDATA[<p><a rel="nofollow" href="http://www.huffingtonpost.com/greg-voakes/from-googol-to-glory-the-_b_1225137.html">From Googol to Glory</a> discusses how Google founders Sergey Brin and Larry Page met.</p>
<p>[ZWHU8MK49KW3]</p>
]]></content:encoded>
			<wfw:commentRss>http://www.websightdesigns.com/updates/from-googol-to-glory-the-tale-of-sergey-and-larry/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Dropdown User Menu</title>
		<link>http://www.websightdesigns.com/tutorials/dropdown-user-menu/</link>
		<comments>http://www.websightdesigns.com/tutorials/dropdown-user-menu/#comments</comments>
		<pubDate>Mon, 19 Dec 2011 21:15:17 +0000</pubDate>
		<dc:creator>WebSight Designs</dc:creator>
				<category><![CDATA[jQuery Tutorials]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Design Tutorials]]></category>

		<guid isPermaLink="false">http://www.websightdesigns.com/?p=1179</guid>
		<description><![CDATA[In this tutorial we explain how to make a dropdown menu to display a username and allow the user to access their settings, history and sign out button. We started using the reinventing a dropdown with css and jquery tutorial and modified it to our needs and to improve the overall look and feel by [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial we explain how to make a dropdown menu to display a username and allow the user to access their settings, history and sign out button. We started using the <a rel="nofollow" href="http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx">reinventing a dropdown with css and jquery</a> tutorial and modified it to our needs and to improve the overall look and feel by using CSS3 shadows and gradients.</p>
<p><a rel="nofollow" href="/demos/dropdown-user-menu/">View the Demo &raquo;</a></p>
<p>First the HTML markup:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;color: #FCFFBA;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">dl</span> <span style="color: #000066;color: #8FB394;">class</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;dropdown&quot;</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">dt</span>&gt;&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">a</span> <span style="color: #000066;color: #8FB394;">href</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;&quot;</span>&gt;&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">span</span>&gt;</span>johndoe<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">img</span> <span style="color: #000066;color: #8FB394;">src</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;images/user.png&quot;</span> <span style="color: #000066;color: #8FB394;">alt</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;&quot;</span> <span style="color: #66cc66;color: #CCC;">/</span>&gt;&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">span</span>&gt;&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">a</span>&gt;&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">dt</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">dd</span>&gt;</span>
	    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">ul</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">li</span>&gt;&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">a</span> <span style="color: #000066;color: #8FB394;">href</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;&quot;</span>&gt;</span>Edit Profile<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">img</span> <span style="color: #000066;color: #8FB394;">src</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;images/profile.png&quot;</span> <span style="color: #000066;color: #8FB394;">alt</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;&quot;</span> <span style="color: #66cc66;color: #CCC;">/</span>&gt;&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">a</span>&gt;&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">li</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">li</span>&gt;&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">a</span> <span style="color: #000066;color: #8FB394;">href</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;&quot;</span>&gt;</span>Settings<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">img</span> <span style="color: #000066;color: #8FB394;">src</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;images/settings.png&quot;</span> <span style="color: #000066;color: #8FB394;">alt</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;&quot;</span> <span style="color: #66cc66;color: #CCC;">/</span>&gt;&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">a</span>&gt;&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">li</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">li</span>&gt;&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">a</span> <span style="color: #000066;color: #8FB394;">href</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;&quot;</span>&gt;</span>History<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">img</span> <span style="color: #000066;color: #8FB394;">src</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;images/history.png&quot;</span> <span style="color: #000066;color: #8FB394;">alt</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;&quot;</span> <span style="color: #66cc66;color: #CCC;">/</span>&gt;&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">a</span>&gt;&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">li</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">li</span>&gt;&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">a</span> <span style="color: #000066;color: #8FB394;">href</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;&quot;</span>&gt;</span>Sign Out<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;color: #577A61;">img</span> <span style="color: #000066;color: #8FB394;">src</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;images/signout.png&quot;</span> <span style="color: #000066;color: #8FB394;">alt</span><span style="color: #66cc66;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">&quot;&quot;</span> <span style="color: #66cc66;color: #CCC;">/</span>&gt;&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">a</span>&gt;&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">li</span>&gt;</span>
	    <span style="color: #009900;">&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">ul</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">dd</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;color: #CCC;">/</span><span style="color: #000000; font-weight: bold;color: #577A61;">dl</span>&gt;</span></pre></div></div>

<p>Next the CSS styles:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;color: #FCFFBA;"><span style="color: #6666ff;color: blue;">.dropdown</span> dd<span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #6666ff;color: blue;">.dropdown</span> dt<span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #6666ff;color: blue;">.dropdown</span> ul <span style="color: #00AA00;color: #CCC;">&#123;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">margin</span><span style="color: #00AA00;color: #CCC;">:</span><span style="color: #933;">0px</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">padding</span><span style="color: #00AA00;color: #CCC;">:</span><span style="color: #933;">0px</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">z-index</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #cc66cc;color: #DDD;">1</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> dd <span style="color: #00AA00;color: #CCC;">&#123;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">position</span><span style="color: #00AA00;color: #CCC;">:</span><span style="color: #993333;color: #577A61;">relative</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> a<span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #6666ff;color: blue;">.dropdown</span> a<span style="color: #3333ff;">:visited </span><span style="color: #00AA00;color: #CCC;">&#123;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">color</span><span style="color: #00AA00;color: #CCC;">:</span><span style="color: #cc00cc;">#fff</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">text-decoration</span><span style="color: #00AA00;color: #CCC;">:</span><span style="color: #993333;color: #577A61;">none</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">outline</span><span style="color: #00AA00;color: #CCC;">:</span><span style="color: #993333;color: #577A61;">none</span><span style="color: #00AA00;color: #CCC;">;</span><span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> a<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;color: #CCC;">&#123;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">color</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #cc00cc;">#fff</span><span style="color: #00AA00;color: #CCC;">;</span><span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> dt a<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;color: #CCC;">&#123;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">color</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #cc00cc;">#fff</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">border</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;color: #577A61;">solid</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> dt a <span style="color: #00AA00;color: #CCC;">&#123;</span>
    border-radius<span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;color: #CCC;">;</span>
    -moz-border-radius<span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">3px</span><span style="color: #00AA00;color: #CCC;">;</span>
    box-shadow<span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #933;">1px</span> <span style="color: #933;">2px</span> rgba<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #cc66cc;color: #DDD;">0</span><span style="color: #00AA00;color: #CCC;">,</span><span style="color: #cc66cc;color: #DDD;">0</span><span style="color: #00AA00;color: #CCC;">,</span><span style="color: #cc66cc;color: #DDD;">0</span><span style="color: #00AA00;color: #CCC;">,</span><span style="color: #cc66cc;color: #DDD;">0.15</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -webkit-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span>linear<span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #933;">0%</span> <span style="color: #933;">0%</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #933;">0%</span> <span style="color: #933;">100%</span><span style="color: #00AA00;color: #CCC;">,</span> from<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">,</span> to<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #cc00cc;">#333</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* Safari 4+, Chrome 1-9 */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -webkit-linear-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#333</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* Safari 5.1+, Mobile Safari, Chrome 10+ */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -moz-linear-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#333</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* Firefox 3.6+ */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -ms-linear-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#333</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* IE 10+ */</span>
    filter<span style="color: #00AA00;color: #CCC;">:</span> progid<span style="color: #3333ff;">:DXImageTransform</span><span style="color: #6666ff;color: blue;">.Microsoft</span>.gradient<span style="color: #00AA00;color: #CCC;">&#40;</span> startColorstr<span style="color: #00AA00;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">'#666'</span><span style="color: #00AA00;color: #CCC;">,</span> endColorstr<span style="color: #00AA00;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">'#333'</span><span style="color: #00AA00;color: #CCC;">,</span>GradientType<span style="color: #00AA00;color: #CCC;">=</span><span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* M$ */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -o-linear-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#333</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* Opera 11.10+ */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">display</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #993333;color: #577A61;">block</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">padding-right</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">20px</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">border</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;color: #577A61;">solid</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">width</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">150px</span><span style="color: #00AA00;color: #CCC;">;</span>
<span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> dt a<span style="color: #3333ff;">:active</span><span style="color: #00AA00;color: #CCC;">,</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> dt a<span style="color: #6666ff;color: blue;">.active</span> <span style="color: #00AA00;color: #CCC;">&#123;</span>
    border-radius<span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">4px</span> <span style="color: #933;">4px</span> <span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #cc66cc;color: #DDD;">0</span><span style="color: #00AA00;color: #CCC;">;</span>
    -moz-border-radius<span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">4px</span> <span style="color: #933;">4px</span> <span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #cc66cc;color: #DDD;">0</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -webkit-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span>linear<span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #933;">0%</span> <span style="color: #933;">0%</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #933;">0%</span> <span style="color: #933;">100%</span><span style="color: #00AA00;color: #CCC;">,</span> from<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">,</span> to<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* Safari 4+, Chrome 1-9 */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -webkit-linear-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* Safari 5.1+, Mobile Safari, Chrome 10+ */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -moz-linear-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* Firefox 3.6+ */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -ms-linear-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* IE 10+ */</span>
    filter<span style="color: #00AA00;color: #CCC;">:</span> progid<span style="color: #3333ff;">:DXImageTransform</span><span style="color: #6666ff;color: blue;">.Microsoft</span>.gradient<span style="color: #00AA00;color: #CCC;">&#40;</span> startColorstr<span style="color: #00AA00;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">'#444'</span><span style="color: #00AA00;color: #CCC;">,</span> endColorstr<span style="color: #00AA00;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">'#666'</span><span style="color: #00AA00;color: #CCC;">,</span>GradientType<span style="color: #00AA00;color: #CCC;">=</span><span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* M$ */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -o-linear-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* Opera 11.10+ */</span>
<span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> dt a span <span style="color: #00AA00;color: #CCC;">&#123;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #993333;color: #577A61;">transparent</span> <span style="color: #993333;color: #577A61;">url</span><span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #ff0000; font-style: italic;">../images/arrow.png</span><span style="color: #00AA00;color: #CCC;">&#41;</span> <span style="color: #993333;color: #577A61;">no-repeat</span> <span style="color: #993333;color: #577A61;">scroll</span> <span style="color: #933;">150px</span> <span style="color: #933;">5px</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">cursor</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #993333;color: #577A61;">pointer</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">display</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #993333;color: #577A61;">block</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">padding</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">4px</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">width</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">160px</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">line-height</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">18px</span><span style="color: #00AA00;color: #CCC;">;</span>
<span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> dt a<span style="color: #6666ff;color: blue;">.active</span> span <span style="color: #00AA00;color: #CCC;">&#123;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #993333;color: #577A61;">transparent</span> <span style="color: #993333;color: #577A61;">url</span><span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #ff0000; font-style: italic;">../images/arrow.png</span><span style="color: #00AA00;color: #CCC;">&#41;</span> <span style="color: #993333;color: #577A61;">no-repeat</span> <span style="color: #993333;color: #577A61;">scroll</span> <span style="color: #933;">150px</span> <span style="color: #933;">-12px</span><span style="color: #00AA00;color: #CCC;">;</span>
<span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> dd ul <span style="color: #00AA00;color: #CCC;">&#123;</span>
    border-radius<span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #933;">4px</span> <span style="color: #933;">4px</span><span style="color: #00AA00;color: #CCC;">;</span>
    -moz-border-radius<span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #933;">4px</span> <span style="color: #933;">4px</span><span style="color: #00AA00;color: #CCC;">;</span>
    box-shadow<span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #933;">1px</span> <span style="color: #933;">2px</span> rgba<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #cc66cc;color: #DDD;">0</span><span style="color: #00AA00;color: #CCC;">,</span><span style="color: #cc66cc;color: #DDD;">0</span><span style="color: #00AA00;color: #CCC;">,</span><span style="color: #cc66cc;color: #DDD;">0</span><span style="color: #00AA00;color: #CCC;">,</span><span style="color: #cc66cc;color: #DDD;">0.15</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #cc00cc;">#333</span> <span style="color: #993333;color: #577A61;">none</span> <span style="color: #993333;color: #577A61;">repeat</span> <span style="color: #993333;color: #577A61;">scroll</span> <span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #cc66cc;color: #DDD;">0</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">border</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;color: #577A61;">solid</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">color</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #cc00cc;">#fff</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">display</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #993333;color: #577A61;">none</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">left</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">padding</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #933;">4px</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">position</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #993333;color: #577A61;">absolute</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">1px</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">width</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #993333;color: #577A61;">auto</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">min-width</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">170px</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">list-style</span><span style="color: #00AA00;color: #CCC;">:</span><span style="color: #993333;color: #577A61;">none</span><span style="color: #00AA00;color: #CCC;">;</span>
<span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> span<span style="color: #6666ff;color: blue;">.value</span> <span style="color: #00AA00;color: #CCC;">&#123;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">display</span><span style="color: #00AA00;color: #CCC;">:</span><span style="color: #993333;color: #577A61;">none</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> dd ul li a <span style="color: #00AA00;color: #CCC;">&#123;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">padding</span><span style="color: #00AA00;color: #CCC;">:</span><span style="color: #933;">5px</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">display</span><span style="color: #00AA00;color: #CCC;">:</span><span style="color: #993333;color: #577A61;">block</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">border-bottom</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;color: #577A61;">solid</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> dd ul li a<span style="color: #3333ff;">:hover </span><span style="color: #00AA00;color: #CCC;">&#123;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-color</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">;</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -webkit-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span>linear<span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #933;">0%</span> <span style="color: #933;">0%</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #933;">0%</span> <span style="color: #933;">100%</span><span style="color: #00AA00;color: #CCC;">,</span> from<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">,</span> to<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* Safari 4+, Chrome 1-9 */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -webkit-linear-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* Safari 5.1+, Mobile Safari, Chrome 10+ */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -moz-linear-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* Firefox 3.6+ */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -ms-linear-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* IE 10+ */</span>
    filter<span style="color: #00AA00;color: #CCC;">:</span> progid<span style="color: #3333ff;">:DXImageTransform</span><span style="color: #6666ff;color: blue;">.Microsoft</span>.gradient<span style="color: #00AA00;color: #CCC;">&#40;</span> startColorstr<span style="color: #00AA00;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">'#444'</span><span style="color: #00AA00;color: #CCC;">,</span> endColorstr<span style="color: #00AA00;color: #CCC;">=</span><span style="color: #ff0000;color: #666666;">'#666'</span><span style="color: #00AA00;color: #CCC;">,</span>GradientType<span style="color: #00AA00;color: #CCC;">=</span><span style="color: #cc66cc;color: #DDD;">0</span> <span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* M$ */</span>
    <span style="color: #000000; font-weight: bold;color: #B83A24;">background-image</span><span style="color: #00AA00;color: #CCC;">:</span> -o-linear-gradient<span style="color: #00AA00;color: #CCC;">&#40;</span><span style="color: #000000; font-weight: bold;color: #B83A24;">top</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#444</span><span style="color: #00AA00;color: #CCC;">,</span> <span style="color: #cc00cc;">#666</span><span style="color: #00AA00;color: #CCC;">&#41;</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #808080; font-style: italic;color: #CDC;">/* Opera 11.10+ */</span>
<span style="color: #00AA00;color: #CCC;">&#125;</span>
<span style="color: #6666ff;color: blue;">.dropdown</span> img <span style="color: #00AA00;color: #CCC;">&#123;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">border</span><span style="color: #00AA00;color: #CCC;">:</span><span style="color: #993333;color: #577A61;">none</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">vertical-align</span><span style="color: #00AA00;color: #CCC;">:</span><span style="color: #993333;color: #577A61;">middle</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">margin-right</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">float</span><span style="color: #00AA00;color: #CCC;">:</span> <span style="color: #000000; font-weight: bold;color: #B83A24;">left</span><span style="color: #00AA00;color: #CCC;">;</span> <span style="color: #00AA00;color: #CCC;">&#125;</span></pre></div></div>

<p>And finally, the jQuery script:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;color: #FCFFBA;">$<span style="color: #009900;color: #CCC;">&#40;</span>document<span style="color: #009900;color: #CCC;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #003366; font-weight: bold;color: #577A61;">function</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #009900;color: #CCC;">&#41;</span> <span style="color: #009900;color: #CCC;">&#123;</span>
        $<span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #3366CC;color: #666666;">&quot;.dropdown dt a&quot;</span><span style="color: #009900;color: #CCC;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;color: #CCC;">&#40;</span>
	    <span style="color: #003366; font-weight: bold;color: #577A61;">function</span><span style="color: #009900;color: #CCC;">&#40;</span>e<span style="color: #009900;color: #CCC;">&#41;</span> <span style="color: #009900;color: #CCC;">&#123;</span>
		$<span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #3366CC;color: #666666;">&quot;.dropdown dd ul&quot;</span><span style="color: #009900;color: #CCC;">&#41;</span>.<span style="color: #660066;">toggle</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
		$<span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #3366CC;color: #666666;">&quot;.dropdown dt a&quot;</span><span style="color: #009900;color: #CCC;">&#41;</span>.<span style="color: #660066;">toggleClass</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #3366CC;color: #666666;">'active'</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
		e.<span style="color: #660066;">preventDefault</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
	    <span style="color: #009900;color: #CCC;">&#125;</span>
	<span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
        $<span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #3366CC;color: #666666;">&quot;.dropdown dd ul li a&quot;</span><span style="color: #009900;color: #CCC;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #003366; font-weight: bold;color: #577A61;">function</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #009900;color: #CCC;">&#41;</span> <span style="color: #009900;color: #CCC;">&#123;</span>
            $<span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #3366CC;color: #666666;">&quot;.dropdown dd ul&quot;</span><span style="color: #009900;color: #CCC;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
        <span style="color: #009900;color: #CCC;">&#125;</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
        $<span style="color: #009900;color: #CCC;">&#40;</span>document<span style="color: #009900;color: #CCC;">&#41;</span>.<span style="color: #660066;">bind</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #3366CC;color: #666666;">'click'</span><span style="color: #339933;color: #CCC;">,</span> <span style="color: #003366; font-weight: bold;color: #577A61;">function</span><span style="color: #009900;color: #CCC;">&#40;</span>e<span style="color: #009900;color: #CCC;">&#41;</span> <span style="color: #009900;color: #CCC;">&#123;</span>
            <span style="color: #003366; font-weight: bold;color: #577A61;">var</span> $clicked <span style="color: #339933;color: #CCC;">=</span> $<span style="color: #009900;color: #CCC;">&#40;</span>e.<span style="color: #660066;">target</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
            <span style="color: #000066; font-weight: bold;color: #B83A24;">if</span> <span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #339933;color: #CCC;">!</span> $clicked.<span style="color: #660066;">parents</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #009900;color: #CCC;">&#41;</span>.<span style="color: #660066;">hasClass</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #3366CC;color: #666666;">&quot;dropdown&quot;</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #009900;color: #CCC;">&#41;</span> <span style="color: #009900;color: #CCC;">&#123;</span>
                $<span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #3366CC;color: #666666;">&quot;.dropdown dd ul&quot;</span><span style="color: #009900;color: #CCC;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
	        $<span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #3366CC;color: #666666;">&quot;.dropdown dt a&quot;</span><span style="color: #009900;color: #CCC;">&#41;</span>.<span style="color: #660066;">removeClass</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #3366CC;color: #666666;">'active'</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
	    <span style="color: #009900;color: #CCC;">&#125;</span>
        <span style="color: #009900;color: #CCC;">&#125;</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
<span style="color: #009900;color: #CCC;">&#125;</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span></pre></div></div>

<p><a rel="nofollow" href="/?download=jquery-dropdown-user-menu">Download as a Zip file &raquo;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.websightdesigns.com/tutorials/dropdown-user-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP-CLI Script to Monitor Domain Name</title>
		<link>http://www.websightdesigns.com/tutorials/php-cli-script-to-monitor-domain-name/</link>
		<comments>http://www.websightdesigns.com/tutorials/php-cli-script-to-monitor-domain-name/#comments</comments>
		<pubDate>Fri, 02 Dec 2011 20:00:44 +0000</pubDate>
		<dc:creator>WebSight Designs</dc:creator>
				<category><![CDATA[PHP Tutorials]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.websightdesigns.com/?p=1169</guid>
		<description><![CDATA[This is a PHP CLI (Command Line Interface) script to monitor domain name availability. You must have PHP CLI compiled on the server to use this script, and have the proper permissions to set up a cron job to run it periodically. When a domain name becomes available for registration, the domain name is appended [...]]]></description>
			<content:encoded><![CDATA[<p>This is a PHP CLI (Command Line Interface) script to monitor domain name availability. You must have PHP CLI compiled on the server to use this script, and have the proper permissions to set up a cron job to run it periodically. When a domain name becomes available for registration, the domain name is appended to a text file. This text file is then referred to so we don&#8217;t send more than one e-mail notice about that domain.</p>
<p>The PHP CLI script:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;color: #FCFFBA;">#!/usr/local/bin/php -q
<span style="color: #000000; font-weight: bold;color: #577A61;">&lt;?php</span>
<span style="color: #666666; font-style: italic;color: #CDC;">// assign variables from command line input</span>
<span style="color: #000088;">$domain</span> <span style="color: #339933;color: #CCC;">=</span> <span style="color: #000088;">$argv</span><span style="color: #009900;color: #CCC;">&#91;</span><span style="color: #cc66cc;color: #DDD;">1</span><span style="color: #009900;color: #CCC;">&#93;</span><span style="color: #339933;color: #CCC;">;</span>
<span style="color: #000088;">$email</span> <span style="color: #339933;color: #CCC;">=</span> <span style="color: #000088;">$argv</span><span style="color: #009900;color: #CCC;">&#91;</span><span style="color: #cc66cc;color: #DDD;">2</span><span style="color: #009900;color: #CCC;">&#93;</span><span style="color: #339933;color: #CCC;">;</span>
<span style="color: #666666; font-style: italic;color: #CDC;">// this is a file to store the notified domains into</span>
<span style="color: #000088;">$file</span> <span style="color: #339933;color: #CCC;">=</span> <span style="color: #0000ff;color: #666666;">&quot;/path/to/ns_check.txt&quot;</span><span style="color: #339933;color: #CCC;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;color: #CDC;">// validate input and execute command on success</span>
<span style="color: #b1b100;color: #B83A24;">if</span> <span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #339933;color: #CCC;">!</span><span style="color: #000088;">$domain</span> <span style="color: #339933;color: #CCC;">||</span> <span style="color: #339933;color: #CCC;">!</span><span style="color: #000088;">$email</span><span style="color: #009900;color: #CCC;">&#41;</span> <span style="color: #009900;color: #CCC;">&#123;</span>
        <span style="color: #b1b100;color: #B83A24;">print</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #0000ff;color: #666666;">&quot;
	nscheck 0.99+beta
        usage:
        nscheck [domain] [email]<span style="color: #000099; font-weight: bold;">\n</span><span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
<span style="color: #009900;color: #CCC;">&#125;</span> <span style="color: #b1b100;color: #B83A24;">else</span> <span style="color: #009900;color: #CCC;">&#123;</span>
	<span style="color: #666666; font-style: italic;color: #CDC;">// prepare command variable</span>
	<span style="color: #000088;">$command</span> <span style="color: #339933;color: #CCC;">=</span> <span style="color: #0000ff;color: #666666;">&quot;whois &quot;</span> <span style="color: #339933;color: #CCC;">.</span> <span style="color: #000088;">$domain</span> <span style="color: #339933;color: #CCC;">.</span> <span style="color: #0000ff;color: #666666;">&quot; | egrep -i 'NOT FOUND'&quot;</span><span style="color: #339933;color: #CCC;">;</span>
	<span style="color: #666666; font-style: italic;color: #CDC;">// execute command</span>
	<span style="color: #000088;">$return</span> <span style="color: #339933;color: #CCC;">=</span> <span style="color: #339933;color: #CCC;">@</span><span style="color: #990000;color: #8FB394;">exec</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #000088;">$command</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
&nbsp;
	<span style="color: #666666; font-style: italic;color: #CDC;">// assign file contents into an array</span>
	<span style="color: #000088;">$notified</span> <span style="color: #339933;color: #CCC;">=</span> <span style="color: #990000;color: #8FB394;">file</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #000088;">$file</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
&nbsp;
        <span style="color: #666666; font-style: italic;color: #CDC;">// if return is not empty and email has not already been notified then send the email</span>
        <span style="color: #b1b100;color: #B83A24;">if</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #000088;">$return</span> <span style="color: #339933;color: #CCC;">&amp;&amp;</span> <span style="color: #339933;color: #CCC;">!</span><span style="color: #990000;color: #8FB394;">in_array</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #000088;">$domain</span><span style="color: #339933;color: #CCC;">.</span><span style="color: #0000ff;color: #666666;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;color: #CCC;">,</span> <span style="color: #000088;">$notified</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #009900;color: #CCC;">&#41;</span> <span style="color: #009900;color: #CCC;">&#123;</span>
                <span style="color: #000088;">$subject</span> <span style="color: #339933;color: #CCC;">=</span> <span style="color: #0000ff;">'Domain '</span> <span style="color: #339933;color: #CCC;">.</span> <span style="color: #000088;">$domain</span> <span style="color: #339933;color: #CCC;">.</span> <span style="color: #0000ff;">' Available for Registration'</span><span style="color: #339933;color: #CCC;">;</span>
                <span style="color: #000088;">$headers</span> <span style="color: #339933;color: #CCC;">=</span> <span style="color: #0000ff;">'From: Your Name &lt;noreply@yourdomain.com'</span> <span style="color: #339933;color: #CCC;">.</span> <span style="color: #0000ff;color: #666666;">&quot;<span style="color: #000099; font-weight: bold;">\r</span><span style="color: #000099; font-weight: bold;">\n</span>&quot;</span> <span style="color: #339933;color: #CCC;">.</span>
                        <span style="color: #0000ff;">'Return-Path: noreply@yourdomain.com'</span> <span style="color: #339933;color: #CCC;">.</span> <span style="color: #0000ff;color: #666666;">&quot;<span style="color: #000099; font-weight: bold;">\r</span><span style="color: #000099; font-weight: bold;">\n</span>&quot;</span> <span style="color: #339933;color: #CCC;">.</span>
                        <span style="color: #0000ff;">'Reply-To: noreply@yourdomain.com'</span> <span style="color: #339933;color: #CCC;">.</span> <span style="color: #0000ff;color: #666666;">&quot;<span style="color: #000099; font-weight: bold;">\r</span><span style="color: #000099; font-weight: bold;">\n</span>&quot;</span> <span style="color: #339933;color: #CCC;">.</span>
                        <span style="color: #0000ff;">'X-Mailer: SMTP/4.1'</span><span style="color: #339933;color: #CCC;">;</span>
                <span style="color: #000088;">$message</span> <span style="color: #339933;color: #CCC;">=</span> <span style="color: #0000ff;color: #666666;">&quot;The domain name &quot;</span> <span style="color: #339933;color: #CCC;">.</span> <span style="color: #000088;">$domain</span> <span style="color: #339933;color: #CCC;">.</span> <span style="color: #0000ff;color: #666666;">&quot; is now available for registration.<span style="color: #000099; font-weight: bold;">\n</span><span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;color: #CCC;">;</span>
                <span style="color: #990000;color: #8FB394;">mail</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #000088;">$email</span><span style="color: #339933;color: #CCC;">,</span> <span style="color: #000088;">$subject</span><span style="color: #339933;color: #CCC;">,</span> <span style="color: #000088;">$message</span><span style="color: #339933;color: #CCC;">,</span> <span style="color: #000088;">$headers</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
		<span style="color: #b1b100;color: #B83A24;">if</span> <span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #990000;color: #8FB394;">is_writable</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #000088;">$file</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #009900;color: #CCC;">&#41;</span> <span style="color: #009900;color: #CCC;">&#123;</span>
			<span style="color: #666666; font-style: italic;color: #CDC;">// open file for writing</span>
			<span style="color: #b1b100;color: #B83A24;">if</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #339933;color: #CCC;">!</span><span style="color: #000088;">$handle</span> <span style="color: #339933;color: #CCC;">=</span> <span style="color: #990000;color: #8FB394;">fopen</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #000088;">$file</span><span style="color: #339933;color: #CCC;">,</span> <span style="color: #0000ff;">'a'</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #009900;color: #CCC;">&#41;</span> <span style="color: #009900;color: #CCC;">&#123;</span>
				<span style="color: #b1b100;color: #B83A24;">echo</span> <span style="color: #0000ff;color: #666666;">&quot;Cannot open file (<span style="color: #006699; font-weight: bold;">$file</span>)&quot;</span><span style="color: #339933;color: #CCC;">;</span>
				<span style="color: #990000;color: #8FB394;">exit</span><span style="color: #339933;color: #CCC;">;</span>
			<span style="color: #009900;color: #CCC;">&#125;</span>
			<span style="color: #666666; font-style: italic;color: #CDC;">// write domain to our opened file.</span>
			<span style="color: #b1b100;color: #B83A24;">if</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #990000;color: #8FB394;">fwrite</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #000088;">$handle</span><span style="color: #339933;color: #CCC;">,</span> <span style="color: #000088;">$domain</span><span style="color: #339933;color: #CCC;">.</span><span style="color: #0000ff;color: #666666;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #009900;color: #CCC;">&#41;</span> <span style="color: #339933;color: #CCC;">===</span> <span style="color: #009900; font-weight: bold;color: #343832;">FALSE</span><span style="color: #009900;color: #CCC;">&#41;</span> <span style="color: #009900;color: #CCC;">&#123;</span>
				<span style="color: #b1b100;color: #B83A24;">echo</span> <span style="color: #0000ff;color: #666666;">&quot;Cannot write to file (<span style="color: #006699; font-weight: bold;">$file</span>)&quot;</span><span style="color: #339933;color: #CCC;">;</span>
				<span style="color: #990000;color: #8FB394;">exit</span><span style="color: #339933;color: #CCC;">;</span>
			<span style="color: #009900;color: #CCC;">&#125;</span>
			<span style="color: #990000;color: #8FB394;">fclose</span><span style="color: #009900;color: #CCC;">&#40;</span><span style="color: #000088;">$handle</span><span style="color: #009900;color: #CCC;">&#41;</span><span style="color: #339933;color: #CCC;">;</span>
		<span style="color: #009900;color: #CCC;">&#125;</span> <span style="color: #b1b100;color: #B83A24;">else</span> <span style="color: #009900;color: #CCC;">&#123;</span>
			<span style="color: #b1b100;color: #B83A24;">echo</span> <span style="color: #0000ff;color: #666666;">&quot;The file <span style="color: #006699; font-weight: bold;">$file</span> is not writable&quot;</span><span style="color: #339933;color: #CCC;">;</span>
		<span style="color: #009900;color: #CCC;">&#125;</span>
	<span style="color: #009900;color: #CCC;">&#125;</span>
<span style="color: #009900;color: #CCC;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Be sure to edit &#8220;Your Name&#8221; and &#8220;noreply@yourdomain.com&#8221; to reflect your actual name and e-mail address. Also change &#8220;/path/to/ns_check.txt&#8221; to the correct file path for a text file to store the domain names in.</p>
<p>Place the above script in a file called &#8220;nscheck&#8221; and put it in /usr/local/sbin/ or another location. Be sure its permissions are set to executable. To run the script periodically, enter a cron job in your crontab:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;color: #FCFFBA;"><span style="color: #000000;color: #DDD;">0</span> <span style="color: #000000;color: #DDD;">11</span> <span style="color: #000000; font-weight: bold;color: #CCC;">*</span> <span style="color: #000000; font-weight: bold;color: #CCC;">*</span> <span style="color: #000000; font-weight: bold;color: #CCC;">*</span> <span style="color: #000000; font-weight: bold;color: #CCC;">/</span>usr<span style="color: #000000; font-weight: bold;color: #CCC;">/</span>local<span style="color: #000000; font-weight: bold;color: #CCC;">/</span>sbin<span style="color: #000000; font-weight: bold;color: #CCC;">/</span>nscheck domaintocheck.com user<span style="color: #000000; font-weight: bold;color: #CCC;">@</span>yourdomain.com</pre></div></div>

<p>Once again, be sure to edit &#8220;domaintocheck.com&#8221; and &#8220;user@yourdomain.com&#8221; to reflect the domain you would like to check, and your e-mail address. If you placed the script somewhere besides /usr/local/sbin/ be sure and change the path in the above crontab entry to the proper path.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.websightdesigns.com/tutorials/php-cli-script-to-monitor-domain-name/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Crowded Airspace: We&#8217;re Running Out of Wireless</title>
		<link>http://www.websightdesigns.com/updates/crowded-airspace-were-running-out-of-wireless/</link>
		<comments>http://www.websightdesigns.com/updates/crowded-airspace-were-running-out-of-wireless/#comments</comments>
		<pubDate>Sat, 05 Nov 2011 18:28:03 +0000</pubDate>
		<dc:creator>WebSight Designs</dc:creator>
				<category><![CDATA[Tech Industry News]]></category>
		<category><![CDATA[Updates]]></category>
		<category><![CDATA[airspace]]></category>
		<category><![CDATA[crowding]]></category>
		<category><![CDATA[wifi]]></category>
		<category><![CDATA[wireless]]></category>

		<guid isPermaLink="false">http://www.websightdesigns.com/?p=1159</guid>
		<description><![CDATA[Good.is reports that we are running out of wireless space.]]></description>
			<content:encoded><![CDATA[<p>Good.is reports that we are <a href="http://www.good.is/post/crowded-airspace-we-re-running-out-of-wireless/">running out of wireless space</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.websightdesigns.com/updates/crowded-airspace-were-running-out-of-wireless/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Could a New Gmail iPhone App Be Coming?</title>
		<link>http://www.websightdesigns.com/updates/could-a-new-gmail-iphone-app-be-coming/</link>
		<comments>http://www.websightdesigns.com/updates/could-a-new-gmail-iphone-app-be-coming/#comments</comments>
		<pubDate>Sat, 05 Nov 2011 18:26:24 +0000</pubDate>
		<dc:creator>WebSight Designs</dc:creator>
				<category><![CDATA[Tech Industry News]]></category>
		<category><![CDATA[Updates]]></category>
		<category><![CDATA[app store]]></category>
		<category><![CDATA[e-mail]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[iphone]]></category>

		<guid isPermaLink="false">http://www.websightdesigns.com/?p=1157</guid>
		<description><![CDATA[The Washington Post asks if a new Gmail app for the iPhone is coming.]]></description>
			<content:encoded><![CDATA[<p>The Washington Post asks if a <a rel="nofollow" href="http://www.washingtonpost.com/business/technology/gmail-redesigned-app-coming-to-the-iphone/2011/11/01/gIQAu2vxcM_story.html">new Gmail app for the iPhone</a> is coming.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.websightdesigns.com/updates/could-a-new-gmail-iphone-app-be-coming/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

