<?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>Designer Sandbox</title>
	<atom:link href="http://www.designersandbox.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designersandbox.com</link>
	<description>Online Tips for Web Developer/Designer</description>
	<lastBuildDate>Mon, 06 Sep 2010 04:12:53 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Magento Fix for Google Analytics &#8211; Not Tracking &#8211; Not Receiving Data</title>
		<link>http://www.designersandbox.com/magento/magento-fix-for-google-analytics-not-tracking-not-receiving-data/</link>
		<comments>http://www.designersandbox.com/magento/magento-fix-for-google-analytics-not-tracking-not-receiving-data/#comments</comments>
		<pubDate>Wed, 09 Jun 2010 04:19:06 +0000</pubDate>
		<dc:creator>Vincent</dc:creator>
				<category><![CDATA[Magento]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[fixed]]></category>

		<guid isPermaLink="false">http://www.designersandbox.com/?p=1243</guid>
		<description><![CDATA[Recently google had changed there tracking code.
You will need to make some modify before your site it back in track with Google Analytics.
Here&#8217;s what you will need to do.
create the folder structure like the following
/app/code/local/Mage/GoogleAnalytics/Block/ 
Then copy the file from  /app/code/core/Mage/GoogleAnalytics/Block/Ga.php &#8211; by doing this step you will not alter the core of magento. [...]]]></description>
			<content:encoded><![CDATA[<p>Recently google had changed there tracking code.<br />
You will need to make some modify before your site it back in track with Google Analytics.</p>
<p>Here&#8217;s what you will need to do.<br />
create the folder structure like the following<br />
/app/code/local/Mage/GoogleAnalytics/Block/ </p>
<p>Then copy the file from  /app/code/core/Mage/GoogleAnalytics/Block/Ga.php &#8211; by doing this step you will not alter the core of magento. Do like the following steps<br />
Copy<br />
/app/code/core/Mage/GoogleAnalytics/Block/Ga.php<br />
Paste  to<br />
/app/code/local/Mage/GoogleAnalytics/Block/Ga.php</p>
<p>Then open up the file /app/code/local/Mage/GoogleAnalytics/Block/Ga.php, you will need to change to  the latest Google Analytic JavaScript code to the following.<br />
Please open up /app/code/local/Mage/GoogleAnalytics/Block/Ga.php<br />
Goto line 171<br />
Original code</p>
<pre class="brush: php;">
$this-&gt;addText('
&lt;!-- BEGIN GOOGLE ANALYTICS CODE --&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
//&lt;![CDATA[
    (function() {
        var ga = document.createElement(\'script\'); ga.type = \'text/javascript\'; ga.async = true;
        ga.src = (\'https:\' == document.location.protocol ? \'https://ssl\' : \'http://www\') + \'.google-analytics.com/ga.js\';
        (document.getElementsByTagName(\'head\')[0] || document.getElementsByTagName(\'body\')[0]).appendChild(ga);
    })();

    _gaq.push([&quot;_setAccount&quot;, &quot;' . $this-&gt;getAccount() . '&quot;]);
    _gaq.push([&quot;_trackPageview&quot;, &quot;'.$this-&gt;getPageName().'&quot;]);
//]]&gt;
&lt;/script&gt;
&lt;!-- END GOOGLE ANALYTICS CODE --&gt;
');
</pre>
<p>Please change it to the following</p>
<pre class="brush: php;">
$this-&gt;addText('
&lt;!-- BEGIN GOOGLE ANALYTICS CODE --&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
var _gaq = _gaq || [];
_gaq.push([\'_setAccount\', \'' . $this-&gt;getAccount() . '\']);
_gaq.push([\'_trackPageview\']);
(function() {
var ga = document.createElement(\'script\'); ga.type = \'text/javascript\'; ga.async = true;
ga.src = (\'https:\' == document.location.protocol ? \'https://ssl\' : \'http://www\') + \'.google-analytics.com/ga.js\';
var s = document.getElementsByTagName(\'script\')[0]; s.parentNode.insertBefore(ga, s);
})();

&lt;/script&gt;
&lt;!-- END GOOGLE ANALYTICS CODE --&gt;
');
</pre>
<p>Here&#8217;s the second step, do this step only if the google analytics tracking code are not presented in your theme. Do a quick search on your page source code. See if the google analytic are showing up or not. If it is not presented, you will need to do the following step to fix the problem.<br />
Copy the file /app/design/frontend/base/default/layout/googleanalytics.xml<br />
to your default theme folder /app/design/frontend/default/default/layout/googleanalytics.xml</p>
<p>And changed the code of this page from<br />
Original Code</p>
<pre class="brush: php;">
&lt;reference name=&quot;after_body_start&quot;&gt;
     &lt;block type=&quot;googleanalytics/ga&quot; name=&quot;google_analytics&quot; as=&quot;google_analytics&quot; /&gt;
&lt;/reference&gt;
</pre>
<p>Replace with the following code</p>
<pre class="brush: php;">
&lt;reference name=&quot;before_body_end&quot;&gt;
     &lt;block type=&quot;googleanalytics/ga&quot; name=&quot;google_analytics&quot; as=&quot;google_analytics&quot; /&gt;
&lt;/reference&gt;
</pre>
<img src="http://www.designersandbox.com/?ak_action=api_record_view&id=1243&type=feed" alt="" /><h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/" title="DS MobiShop &#8211; Our first magento theme landed on Themeforest">DS MobiShop &#8211; Our first magento theme landed on Themeforest</a> (0)</li><li><a href="http://www.designersandbox.com/magento/fix-for-magento-1-4-install-does-not-work/" title="FIX for Magento 1.4 install does not work">FIX for Magento 1.4 install does not work</a> (24)</li><li><a href="http://www.designersandbox.com/joomla/joomla-virtuemart-pagination-mod-hacks/" title="Joomla Virtuemart &#8211; Pagination Mod.(Hacks)">Joomla Virtuemart &#8211; Pagination Mod.(Hacks)</a> (5)</li><li><a href="http://www.designersandbox.com/announcement/more-free-stuff-coming-up-merry-xmas-to-you-all/" title="MORE FREE STUFF COMING UP &#8211; Merry X&#8217;Mas to you all">MORE FREE STUFF COMING UP &#8211; Merry X&#8217;Mas to you all</a> (1)</li><li><a href="http://www.designersandbox.com/code/creating-a-drop-search-filter-like-vimeo/" title="Creating a Drop Search Filter like Vimeo">Creating a Drop Search Filter like Vimeo</a> (3)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.designersandbox.com/magento/magento-fix-for-google-analytics-not-tracking-not-receiving-data/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>DS MobiShop &#8211; Our first magento theme landed on Themeforest</title>
		<link>http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/</link>
		<comments>http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/#comments</comments>
		<pubDate>Sun, 06 Jun 2010 15:35:40 +0000</pubDate>
		<dc:creator>Vincent</dc:creator>
				<category><![CDATA[Magento]]></category>
		<category><![CDATA[nivo slider]]></category>
		<category><![CDATA[templates]]></category>

		<guid isPermaLink="false">http://www.designersandbox.com/?p=1220</guid>
		<description><![CDATA[
This DS MobiShop magento theme includes design for everything you need to launch your online store on MagentoCommerce, with the massive 16 color to choose from.
Demo are available at here

Take a preview at this amazing template over at HERE.

Homepage (Nivo Slider is included for free)
Category Landing Page / Product Listing Page
Register / Sign In Page
My [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/attachment/preview-4/" rel="attachment wp-att-1234"><img src="http://www.designersandbox.com/wp-content/uploads/2010/06/preview.png" alt="" title="preview" width="590" height="300" class="alignnone size-full wp-image-1234" /></a><br />
This DS MobiShop magento theme includes design for everything you need to launch your online store on MagentoCommerce, with the massive 16 color to choose from.<br />
<a href="http://themeforest.net/item/ds-mobishop/105403?ref=designersandbox" target="_blank">Demo are available at here</a><br />
<span id="more-1220"></span><br />
Take a preview at this amazing template over at <a href="http://themeforest.net/item/ds-mobishop/full_screen_preview/105403?ref=designersandbox" target="_blank">HERE</a>.</p>
<ol>
<li>Homepage (Nivo Slider is included for free)</li>
<li>Category Landing Page / Product Listing Page</li>
<li>Register / Sign In Page</li>
<li>My Account Pages</li>
<li>Shopping Cart Page</li>
<li>Checkout Page</li>
<li>Content Page template – html download available</li>
<li>Typography template – html download available</li>
</ol>

<div class="ngg-galleryoverview">

	<div class="pic"><img title="preview001" alt="preview001" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/preview001.png" /></div>
	
	<ul class="ngg-gallery-list">
	
		<!-- PREV LINK -->	
				
		<!-- Thumbnail list -->
				 
		
		<li id="ngg-image-456" class="ngg-thumbnail-list selected" >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=456" title=" " >
				<img title="preview001" alt="preview001" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview001.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-457" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=457" title=" " >
				<img title="preview001a" alt="preview001a" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview001a.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-458" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=458" title=" " >
				<img title="preview002" alt="preview002" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview002.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-459" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=459" title=" " >
				<img title="preview002a" alt="preview002a" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview002a.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-460" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=460" title=" " >
				<img title="preview003" alt="preview003" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview003.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-461" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=461" title=" " >
				<img title="preview003a" alt="preview003a" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview003a.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-462" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=462" title=" " >
				<img title="preview004" alt="preview004" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview004.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-463" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=463" title=" " >
				<img title="preview004a" alt="preview004a" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview004a.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-464" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=464" title=" " >
				<img title="preview005" alt="preview005" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview005.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-465" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=465" title=" " >
				<img title="preview005a" alt="preview005a" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview005a.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-466" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=466" title=" " >
				<img title="preview006" alt="preview006" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview006.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-467" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=467" title=" " >
				<img title="preview006a" alt="preview006a" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview006a.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-468" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=468" title=" " >
				<img title="preview007" alt="preview007" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview007.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-469" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=469" title=" " >
				<img title="preview007a" alt="preview007a" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview007a.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-470" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=470" title=" " >
				<img title="preview008" alt="preview008" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview008.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-471" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/?pid=471" title=" " >
				<img title="preview008a" alt="preview008a" src="http://www.designersandbox.com/wp-content/gallery/ds-mobishop/thumbs/thumbs_preview008a.png" width="500" height="500" />
			</a>
		</li>

	 		 	
	 	<!-- NEXT LINK -->
			 	
	</ul>
 	
</div>


<p>Templates Setups Instruction can be view <a href="http://magento.designersandbox.com/mobishop/instructions/index.html">here</a>. </p>
<ol>
<li>HTML Structure</li>
<li>4 Color Themes</li>
<li>14 Colorful buttons</li>
<li>CSS Files and Structure</li>
<li>JavaScript</li>
<li>PSD Files</li>
<li>Sources and Credits</li>
<li>Nivo Banner Slider</li>
<li>Installing the Template</li>
<li>Setting up the home page Banner with DS MobiShop style</li>
<li>Footer Community Button Edit</li>
<li>CSS3 Available</li>
<li>Typography</li>
<li>iPhone compatible theme &#8211; Coming Soon </li>
</ol>
<p><a href="http://themeforest.net/item/ds-mobishop/105403?ref=designersandbox" target="_blank">Demo are available at here</a></p>
<p>Take a preview at this amazing template over at <a href="http://themeforest.net/item/ds-mobishop/full_screen_preview/105403?ref=designersandbox" target="_blank">HERE</a>.</p>
<img src="http://www.designersandbox.com/?ak_action=api_record_view&id=1220&type=feed" alt="" /><h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.designersandbox.com/magento/magento-fix-for-google-analytics-not-tracking-not-receiving-data/" title="Magento Fix for Google Analytics &#8211; Not Tracking &#8211; Not Receiving Data">Magento Fix for Google Analytics &#8211; Not Tracking &#8211; Not Receiving Data</a> (2)</li><li><a href="http://www.designersandbox.com/magento/fix-for-magento-1-4-install-does-not-work/" title="FIX for Magento 1.4 install does not work">FIX for Magento 1.4 install does not work</a> (24)</li><li><a href="http://www.designersandbox.com/joomla/joomla-ds-busuit-template-setups-document/" title="Joomla DS Busuit Template Setups Document">Joomla DS Busuit Template Setups Document</a> (11)</li><li><a href="http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/" title="Next Joomla Template Selection, We need your vote now &#8211; Poll close on 02/14/2009">Next Joomla Template Selection, We need your vote now &#8211; Poll close on 02/14/2009</a> (4)</li><li><a href="http://www.designersandbox.com/joomla/joomla-free-business-template-ds-busuit-beta-release-0-9/" title="JOOMLA FREE BUSINESS TEMPLATE &#8211; DS BUSUIT Beta Release 0.9">JOOMLA FREE BUSINESS TEMPLATE &#8211; DS BUSUIT Beta Release 0.9</a> (50)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FIX for Magento 1.4 install does not work</title>
		<link>http://www.designersandbox.com/magento/fix-for-magento-1-4-install-does-not-work/</link>
		<comments>http://www.designersandbox.com/magento/fix-for-magento-1-4-install-does-not-work/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 04:45:19 +0000</pubDate>
		<dc:creator>Vincent</dc:creator>
				<category><![CDATA[Magento]]></category>
		<category><![CDATA[fix]]></category>

		<guid isPermaLink="false">http://www.designersandbox.com/?p=1189</guid>
		<description><![CDATA[This is a fix for the clean installation process of Magento 1.4.x.

Once you click in to the link provided, you will be direct to a page with the following message.


There has been an error processing your request
Exception printing is disabled by default for security reasons.
Error log record number: XXXXXXXXXXXXXXX



Magento 1.4 installation fix
First we will enable [...]]]></description>
			<content:encoded><![CDATA[<p>This is a fix for the clean installation process of Magento 1.4.x.<br />
<img src="http://www.designersandbox.com/wp-content/uploads/2010/03/magento_install_does_not_wo.png" alt="" title="magento_install_does_not_wo" width="550" height="26" class="alignnone size-full wp-image-1190" /><br />
Once you click in to the link provided, you will be direct to a page with the following message.<br />
<img src="http://www.designersandbox.com/wp-content/uploads/2010/03/magento_install_does_not_work_002.png" alt="" title="magento_install_does_not_work_002" width="550" height="372" class="alignnone size-full wp-image-1196" /></p>
<pre class="brush: xml;">
There has been an error processing your request
Exception printing is disabled by default for security reasons.
Error log record number: XXXXXXXXXXXXXXX
</pre>
<p><span id="more-1189"></span></p>
<div class="steps">
<h3>Magento 1.4 installation fix</h3>
<p>First we will enable the printing method so you can view the error code within this page. This won&#8217;t fix the error for the above matter, this will only enable this page to show you more details of what the error was. So to disable this &#8212;> Exception printing is disabled by default for security reasons and enable printing of errors</p>
<p><strong>Change:</strong><br />
/errors/local.xml.sample</p>
<p><strong>To this:</strong><br />
/errors/local.xml</p>
<p>Now let&#8217;s begin to fix this annoying bug that come with the clean installation of magento. Open magento/lib/Zend/Cache/Backend/File.php<br />
Look for the following code</p>
<pre class="brush: php;">
protected $_options = array(
        'cache_dir' =&gt; 'null',
</pre>
<p>and replace it with the following</p>
<pre class="brush: php;">
protected $_options = array(
        'cache_dir' =&gt; 'tmp',
</pre>
<p>Now save and upload replace with the new file.</p>
<p>Final step is to create a tmp folder on your magento root folder</p></div>
<img src="http://www.designersandbox.com/?ak_action=api_record_view&id=1189&type=feed" alt="" /><h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.designersandbox.com/magento/magento-fix-for-google-analytics-not-tracking-not-receiving-data/" title="Magento Fix for Google Analytics &#8211; Not Tracking &#8211; Not Receiving Data">Magento Fix for Google Analytics &#8211; Not Tracking &#8211; Not Receiving Data</a> (2)</li><li><a href="http://www.designersandbox.com/magento/ds-mobishop-our-first-magento-theme-landed-on-themeforest/" title="DS MobiShop &#8211; Our first magento theme landed on Themeforest">DS MobiShop &#8211; Our first magento theme landed on Themeforest</a> (0)</li><li><a href="http://www.designersandbox.com/announcement/more-free-stuff-coming-up-merry-xmas-to-you-all/" title="MORE FREE STUFF COMING UP &#8211; Merry X&#8217;Mas to you all">MORE FREE STUFF COMING UP &#8211; Merry X&#8217;Mas to you all</a> (1)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.designersandbox.com/magento/fix-for-magento-1-4-install-does-not-work/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>The New Era Of Fluid Web Layout With SmartColumn And SpaceMaker</title>
		<link>http://www.designersandbox.com/inspirational/the-new-era-of-fluid-web-layout-with-smartcolumn-and-spacemaker/</link>
		<comments>http://www.designersandbox.com/inspirational/the-new-era-of-fluid-web-layout-with-smartcolumn-and-spacemaker/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 06:51:42 +0000</pubDate>
		<dc:creator>Vincent</dc:creator>
				<category><![CDATA[Inspirational]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.designersandbox.com/?p=1164</guid>
		<description><![CDATA[In the last couple of months, I had implement the latest layout on SmartColumn and SpaceMaker to several joomla/wordpress site. The client loved it and amaze with the auto size changing and layout with this 2 javascript code. This fluid smart column layout are used more often in today web layout. I hope in the [...]]]></description>
			<content:encoded><![CDATA[<p>In the last couple of months, I had implement the latest layout on SmartColumn and SpaceMaker to several joomla/wordpress site. The client loved it and amaze with the auto size changing and layout with this 2 javascript code. This fluid smart column layout are used more often in today web layout. I hope in the future we can create something that link to the joomla or wordpress. So majority user can benefit from this exciting layout.</p>
<p>Showcasing site that are using this kind of layout.<br />
<img class="alignnone size-full wp-image-1165" title="showcase001" src="http://www.designersandbox.com/wp-content/uploads/2010/02/showcase001.jpg" alt="" width="560" height="360" /><br />
<span id="more-1164"></span><a href="http://method.com/#/thoughts/all/" target="_blank">Method</a></p>
<hr />
<img class="alignnone size-full wp-image-1166" title="showcase002" src="http://www.designersandbox.com/wp-content/uploads/2010/02/showcase002.jpg" alt="" width="560" height="360" /><br />
<a href="http://spacecollective.org/projects/" target="_blank">SpaceCollective</a></p>
<hr />
<img class="alignnone size-full wp-image-1167" title="showcase003" src="http://www.designersandbox.com/wp-content/uploads/2010/02/showcase003.jpg" alt="" width="560" height="360" /><br />
<a href="http://reformrevolution.com/" target="_blank">ReformRevolution</a></p>
<hr />
<img class="alignnone size-full wp-image-1168" title="showcase004" src="http://www.designersandbox.com/wp-content/uploads/2010/02/showcase004.jpg" alt="" width="560" height="360" /><br />
<a href="http://www.neilpryde.com/index.php?option=com_content&amp;view=news&amp;layout=blog&amp;id=1&amp;Itemid=54" target="_blank">NeilPryde</a></p>
<hr />
<img class="alignnone size-full wp-image-1169" title="showcase005" src="http://www.designersandbox.com/wp-content/uploads/2010/02/showcase005.jpg" alt="" width="560" height="360" /><br />
<a href="http://www.michaelpaulyoung.com/" target="_blank">MichaelPaulYoung</a></p>
<hr />
<img class="alignnone size-full wp-image-1170" title="showcase006" src="http://www.designersandbox.com/wp-content/uploads/2010/02/showcase006.jpg" alt="" width="560" height="360" /><br />
<a href="http://www.neilpryde.com/memory_wall/" target="_blank">NeilPryde Memory Wall</a></p>
<hr />
<img class="alignnone size-full wp-image-1171" title="showcase007" src="http://www.designersandbox.com/wp-content/uploads/2010/02/showcase007.jpg" alt="" width="560" height="360" /><br />
<a href="http://spacecollective.org/gallery/" target="_blank">SpaceCollective Gallery</a></p>
<hr />
<img class="alignnone size-full wp-image-1172" title="showcase008" src="http://www.designersandbox.com/wp-content/uploads/2010/02/showcase008.jpg" alt="" width="560" height="360" /><br />
<a href="http://museumtheme.tumblr.com/" target="_blank">MeseumTheme</a></p>
<h2>JavaScript Plugins that dose the tricks</h2>
<div class="steps">
<h3><a href="http://plugins.jquery.com/project/Columnizer">Columnizer</a></h3>
<p><a href="http://plugins.jquery.com/project/Columnizer">Columnizer</a> | <a href="http://welcome.totheinter.net/autocolumn/sample2.html">Demo</a><br />
Author &lt; <a href="http://plugins.jquery.com/user/6117">adam.wulf</a><br />
<img src="http://www.designersandbox.com/wp-content/uploads/2010/02/demo001.jpg" alt="" title="demo001" width="560" height="370" class="alignnone size-full wp-image-1180" /><br />
Easily give your site the newspaper layout you&#8217;ve dreamed of, and use Columnizer to layout your content into multiple columns automatically. Resizing the browser will automatically add or remove columns based on available width. Now your layout can automatically adjust to really wide monitors and adapt to narrow iPhone interfaces!<br />
Using the plugin is easy:</p>
</div>
<div class="steps">
<h3><a href="http://plugins.jquery.com/project/columnize">Columnize</a></h3>
<p>Author &lt; <a href="http://plugins.jquery.com/user/6794">Lutz Issler</a><br />
<a href="http://plugins.jquery.com/project/columnize">Columnize</a> | Demo not available<br />
<img src="http://www.designersandbox.com/wp-content/uploads/2010/02/demo002.jpg" alt="" title="demo002" width="560" height="370" class="alignnone size-full wp-image-1181" /><br />
Columnize creates a newspaper-like column layout. The original HTML code only needs small adaptions. In most cases, it is not necessary to adapt the HTML code at all.
</div>
<div class="steps">
<h3><a href="http://plugins.jquery.com/project/js-columns">JS-Columns &#8211; Newspaper style column layouts</a></h3>
<p><a href="http://plugins.jquery.com/project/js-columns">JS-Columns &#8211; Newspaper style column layouts</a> | <a href="http://kenneth.kufluk.com/google/js-columns/">Demo</a><br />
Author &lt; <a href="http://plugins.jquery.com/user/29577">kennethkufluk</a><br />
<img src="http://www.designersandbox.com/wp-content/uploads/2010/02/demo003.jpg" alt="" title="demo003" width="560" height="370" class="alignnone size-full wp-image-1182" /><br />
Displays columns filling the container height, with smooth paging and adjusting the number of columns according to the available page width.
</div>
<div class="steps">
<h3><a href="http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/">Smart Columns w/ CSS % jQuery</a></h3>
<p><a href="http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/">Smart Columns w/ CSS % jQuery</a> | <a href="http://www.sohtanaka.com/web-design/examples/smart-columns/">Demo</a><br />
Author &lt; <a href="http://www.sohtanaka.com">Sohtanaka</a><br />
<img src="http://www.designersandbox.com/wp-content/uploads/2010/02/demo004.jpg" alt="" title="demo004" width="560" height="370" class="alignnone size-full wp-image-1183" /><br />
The great thing about having fixed columns in a liquid layout, is that it will fill up the view port with as many columns as it can fit. But as you can see there will be certain viewport resolutions, where it leaves excess white space where a column was just not able to squeeze in.
</div>
<img src="http://www.designersandbox.com/?ak_action=api_record_view&id=1164&type=feed" alt="" /><h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.designersandbox.com/sharing/22-css-jquery-solutions-showcase-tutorials-beautify-your-website-now/" title="22 CSS/jQuery Solutions Showcase Tutorials, Beautify Your WebSite Now">22 CSS/jQuery Solutions Showcase Tutorials, Beautify Your WebSite Now</a> (4)</li><li><a href="http://www.designersandbox.com/freebies/free-jqtransform-theme-to-download/" title="Free jqTransform Theme to download">Free jqTransform Theme to download</a> (3)</li><li><a href="http://www.designersandbox.com/announcement/designersandbox-roadmap-on-post-it/" title="DesignerSandbox Roadmap on post-it">DesignerSandbox Roadmap on post-it</a> (2)</li><li><a href="http://www.designersandbox.com/joomla/writing-your-own-suckerfish-dropdown-menu-for-your-joomla/" title="Writing your own suckerfish dropdown menu for your Joomla!">Writing your own suckerfish dropdown menu for your Joomla!</a> (3)</li><li><a href="http://www.designersandbox.com/code/always-bottom-footer-with-css-only-tutorials/" title="Always bottom footer with CSS only &#8211; Tutorials">Always bottom footer with CSS only &#8211; Tutorials</a> (4)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.designersandbox.com/inspirational/the-new-era-of-fluid-web-layout-with-smartcolumn-and-spacemaker/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Joomla DS Busuit Template Setups Document</title>
		<link>http://www.designersandbox.com/joomla/joomla-ds-busuit-template-setups-document/</link>
		<comments>http://www.designersandbox.com/joomla/joomla-ds-busuit-template-setups-document/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 13:04:40 +0000</pubDate>
		<dc:creator>Vincent</dc:creator>
				<category><![CDATA[Joomla]]></category>
		<category><![CDATA[setups document]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[user guide]]></category>

		<guid isPermaLink="false">http://www.designersandbox.com/?p=1123</guid>
		<description><![CDATA[


Step by Step guide to setup DS Busuit

Template Installation (DS Busuit)
Template Manager
Setting up your breadcrumb (mod_breadcrumbs)
Setting up your search box (mod_search)
Setting up your top menu (mod_mainmenu)
Setting up the frontpage newsflash (mod_newsflash)
DS Banner Slider Setups (mod_ds_banner_slide)
Setting up the frontpage custom module user1, 2, 3, 4 (mod_custom)
Cleaning up Your Frontpage
Hide all the unnecessary module that you don&#8217;t [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.designersandbox.com/wp-content/uploads/2010/02/ds_busuit_setups_document.png" alt="" title="ds_busuit_setups_document" width="500" height="300" class="alignnone size-full wp-image-1147" /><span id="more-1123"></span><br />
<a id="step_top" name="step_top"></a></p>
<div class="infobox">
<h3>Step by Step guide to setup DS Busuit</h3>
<ol>
<li><a href="#step1">Template Installation (DS Busuit)</a></li>
<li><a href="#step2">Template Manager</a></li>
<li><a href="#step3">Setting up your breadcrumb (mod_breadcrumbs)</a></li>
<li><a href="#step4">Setting up your search box (mod_search)</a></li>
<li><a href="#step5">Setting up your top menu (mod_mainmenu)</a></li>
<li><a href="#step6">Setting up the frontpage newsflash (mod_newsflash)</a></li>
<li><a href="#step7">DS Banner Slider Setups (mod_ds_banner_slide)</a></li>
<li><a href="#step8">Setting up the frontpage custom module user1, 2, 3, 4 (mod_custom)</a></li>
<li><a href="#step9">Cleaning up Your Frontpage</a></li>
<li><a href="#step10">Hide all the unnecessary module that you don&#8217;t need</a></li>
</ol>
</div>
<div class="steps">
<h3>DS Busuit Template Download</h3>
<p><a class="demo" href="http://www.designersandbox.com/joomla/joomla-free-business-template-ds-busuit-beta-release-0-9/">Joomla DS Busuit Template</a>
</div>
<div class="steps">
<h3>This Template frontpage need the following module</h3>
<p>Simply download and install it to the proper module position.<br />
This module work best in the following module position.</p>
<ul>
<li>banner</li>
<li>left</li>
<li>right</li>
<li>slide</li>
</ul>
<p><a class="demo" href="http://www.designersandbox.com/joomla/joomla-ds-banner-slider-free-banner-module-by-ds/">Joomla DS Banner Slider Module</a>
</div>
<div class="steps">
<h3>View the module position here</h3>
<p>Simply download and install it to the proper module position.<br />
<a class="demo" href="http://www.designersandbox.com/joomla/joomla-ds-busuit-module-position/">Joomla DS Busuit Module Position</a></p>
</div>
<div class="steps">
<h3>PSD source file</h3>
<p>If you would like to play around with the psd file, you can download it here.<br />
<a class="demo" href="http://www.designersandbox.com/joomla/free-joomla-ds-busuits-psd-source-download-available-now/">Joomla DS Busuit Photoshop Source File</a>
</div>
<p><a id="step1" name="step1"></a></p>
<div class="steps">
<a href="#step_top">^ Back to top ^</a></p>
<h3>Step 1: Template Installation (DS Busuit)</h3>
<ol>
<li>Click Extensions > Install/Uninstall</li>
<li>Select the template file you download from <a href="http://www.designersandbox.com/joomla/joomla-free-business-template-ds-busuit-beta-release-0-9/">here</a>, be sure to submit to our rss feed or follow me on twitter to get the latest update on this template.</li>
</ol>
<p><img src="http://www.designersandbox.com/wp-content/uploads/2010/02/installation_001.jpg" alt="" title="installation_001" width="449" height="284" class="alignnone size-full wp-image-1124" /><br />
<img src="http://www.designersandbox.com/wp-content/uploads/2010/02/installation_002.jpg" alt="" title="installation_002" width="579" height="69" class="alignnone size-full wp-image-1125" /><br />
<img src="http://www.designersandbox.com/wp-content/uploads/2010/02/installation_003.jpg" alt="" title="installation_003" width="500" height="101" class="alignnone size-full wp-image-1126" />
</div>
<p><a id="step2" name="step2"></a>
<div class="steps">
<a href="#step_top">^ Back to top ^</a></p>
<h3>Step 2: Template Manager</h3>
<p>Go to Extension > Template Manager</p>
<ol>
<li>From the column of Template Name select ds_busuit</li>
<li>Click the Default Star icon locate on the top right panel</li>
</ol>
<p><img src="http://www.designersandbox.com/wp-content/uploads/2010/02/template_manager_001.jpg" alt="" title="template_manager_001" width="182" height="184" class="alignnone size-full wp-image-1132" /><br />
<img src="http://www.designersandbox.com/wp-content/uploads/2010/02/template_manager_002.jpg" alt="" title="template_manager_002" width="608" height="302" class="alignnone size-full wp-image-1133" />
</div>
<p><a id="step3" name="step3"></a></p>
<div class="steps">
<a href="#step_top">^ Back to top ^</a></p>
<h3>Step 3: Setting up your breadcrumb (mod_breadcrumbs)</h3>
<ol>
<li>From Show Title and select &#8220;No&#8221;</li>
<li>Enable the module select &#8220;Yes&#8221;</li>
<li>Select the position &#8220;breadcrumbs&#8221;</li>
<li>From Menu Assignment select &#8220;All&#8221;</li>
<li>Save</li>
</ol>
<p><img src="http://www.designersandbox.com/wp-content/uploads/2010/02/breadcrumbs_001.jpg" alt="" title="breadcrumbs_001" width="356" height="552" class="alignnone size-full wp-image-1127" />
</div>
<p><a id="step4" name="step4"></a></p>
<div class="steps">
<a href="#step_top">^ Back to top ^</a></p>
<h3>Step 4: Setting up your search box (mod_search)</h3>
<ol>
<li>From Show Title and select &#8220;No&#8221;</li>
<li>Enable the module select &#8220;Yes&#8221;</li>
<li>Select the position &#8220;top&#8221;</li>
<li>From Module Parameters &#8211; Search button select &#8220;No&#8221;</li>
<li>From Module Parameters &#8211; Search button as image select &#8220;No&#8221;</li>
<li>From Menu Assignment select &#8220;All&#8221;</li>
<li>Save</li>
</ol>
<p><img src="http://www.designersandbox.com/wp-content/uploads/2010/02/search_001.jpg" alt="" title="search_001" width="356" height="700" class="alignnone size-full wp-image-1128" />
</div>
<p><a id="step5" name="step5"></a></p>
<div class="steps">
<a href="#step_top">^ Back to top ^</a></p>
<h3>Step 5: Setting up your top menu (mod_mainmenu)</h3>
<ol>
<li>From Show Title and select &#8220;No&#8221;</li>
<li>Enable the module select &#8220;Yes&#8221;</li>
<li>Select the position &#8220;hornav&#8221;</li>
<li>From Module Parameters &#8211; Menu Style select &#8220;List&#8221;</li>
<li>From Module Parameters &#8211; Always show sub-menu items select &#8220;Yes&#8221;</li>
<li>From Advanced Module Parameters &#8211; Module Class Suffix type &#8220;_menu&#8221;</li>
<li>From Menu Assignment select &#8220;All&#8221;</li>
<li>Save</li>
</ol>
<p><img src="http://www.designersandbox.com/wp-content/uploads/2010/02/menu_001.jpg" alt="" title="menu_001" width="356" height="789" class="alignnone size-full wp-image-1130" />
</div>
<p><a id="step6" name="step6"></a></p>
<div class="steps">
<a href="#step_top">^ Back to top ^</a></p>
<h3>Step 6: Setting up the frontpage newsflash (mod_newsflash)</h3>
<ol>
<li>From Show Title and select &#8220;No&#8221;</li>
<li>Enable the module select &#8220;Yes&#8221;</li>
<li>Select the position &#8220;leftnews&#8221;</li>
<li>From Module Parameters &#8211; Category, select the proper category where your newsflash are store.</li>
<li>From Module Parameters &#8211; Show Article Title select &#8220;Yes&#8221;</li>
<li>From Module Parameters &#8211; Module Class Suffix type &#8221; leftnews drkgrey&#8221;</li>
<li>From Menu Assignment select &#8220;Select Menu Itme(s)&#8221; then select &#8220;Home&#8221;</li>
<li>Save</li>
</ol>
<p><img src="http://www.designersandbox.com/wp-content/uploads/2010/02/newsflash_001.jpg" alt="" title="newsflash_001" width="356" height="789" class="alignnone size-full wp-image-1131" />
</div>
<p><a id="step7" name="step7"></a></p>
<div class="steps">
<a href="#step_top">^ Back to top ^</a></p>
<h3>Step 7: DS Banner Slider Setups (mod_ds_banner_slide)</h3>
<ol>
<li>First you will need to download the latest <a href="http://www.designersandbox.com/joomla/joomla-ds-banner-slider-free-banner-module-by-ds/">DS Banner Slider</a>, be sure to submit to our rss feed or follow me on twitter to get the latest update on this.</li>
<li>Download the latest release.</li>
<li>Go to Extensions > Install/Uninstall</li>
<li>Select the mod_ds_banner_slider_xxx.zip and install</li>
<li>Install Module Success!</li>
<li>Go to Extensions > Module Manager</li>
<li>From Show Title and select &#8220;No&#8221;</li>
<li>Select the position &#8220;slide&#8221;</li>
<li>From Menu Assignment select &#8220;Select Menu Itme(s)&#8221; then select &#8220;Home&#8221;</li>
<li>From Module Parameters &#8211; Banner clients, select the clients you want to display.</li>
<li>From Module Parameters &#8211; Banner categories, select the categories you want to display.</li>
<li>From Module Parameters &#8211; Set the Unique ID for this &#8220;rotator&#8221; or &#8220;rotator1&#8243; or &#8220;rotator2&#8243; <strong>Note every banner ID should be unique!</strong></li>
<li>From Module Parameters &#8211; The frontpage banner width is &#8220;720&#8243;</li>
<li>From Module Parameters &#8211; The frontpage banner height is &#8220;360&#8243;</li>
<li>Save</li>
</ol>
<p><img src="http://www.designersandbox.com/wp-content/uploads/2010/02/ds_banner_slider.jpg" alt="" title="ds_banner_slider" width="356" height="1630" class="alignnone size-full wp-image-1136" />
</div>
<p><a id="step8" name="step8"></a></p>
<div class="steps">
<a href="#step_top">^ Back to top ^</a></p>
<h3>Step 8: Setting up the frontpage custom module user1, 2, 3, 4 (mod_custom)</h3>
<ol>
<li>Go to Extensions > Module Manager</li>
<li>Select &#8220;Custom HTML&#8221;</li>
<li>Enter the proper title that you want to display at the frontpage.</li>
<li>From Show Title and select &#8220;Yes&#8221;</li>
<li>Enable the module select &#8220;Yes&#8221;</li>
<li>Select the position &#8220;user1&#8243; or &#8220;user2&#8243; or &#8220;user3&#8243; or &#8220;user4&#8243;</li>
<li>From Module Parameters &#8211; Module Class Suffix type &#8221; frontspot&#8221;</li>
<li>From Menu Assignment select &#8220;Select Menu Itme(s)&#8221; then select &#8220;Home&#8221;</li>
<li>Custom Output, use the below html code. Remember to upload an image for it, the best image size is 205px x 90px</li>
</ol>
<p><img src="http://www.designersandbox.com/wp-content/uploads/2010/02/user1-2-3-4.jpg" alt="" title="user1-2-3-4" width="356" height="1288" class="alignnone size-full wp-image-1137" /></p>
<pre class="brush: xml;">
&lt;p&gt;&lt;img src=&quot;images/stories/demo2.png&quot; border=&quot;0&quot; style=&quot;border: 0;&quot; /&gt;&lt;br /&gt;Condimentum orci nec id malesuada id wisi dictum interdum dolor vel. Est interdum turpis et gravida.&lt;/p&gt;
</pre>
</div>
<p><a id="step9" name="step9"></a></p>
<div class="steps">
<a href="#step_top">^ Back to top ^</a></p>
<h3>Step 9: Cleaning up Your Frontpage</h3>
<p>If you want the front page to just have an banner slider, newsflash, and 4 custom module like in the <a href="http://joomla.designersandbox.com/vc-busuit/">demo</a>, you will need to clean up the frontpage article like we show below.</p>
<ol>
<li>Goto Content > Front Page Manager</li>
<li>Select all the content from the checkbox</li>
<li>Click the Unpublilsh button</li>
<li>Next go to Menus > Main Menu *</li>
<li>Open the Parameters (System) &#8211; Show Page Title select &#8220;No&#8221;</li>
</ol>
<p><img src="http://www.designersandbox.com/wp-content/uploads/2010/02/frontpage_cleanup.jpg" alt="" title="frontpage_cleanup" width="356" height="1124" class="alignnone size-full wp-image-1139" />
</div>
<p><a id="step10" name="step10"></a></p>
<div class="steps">
<a href="#step_top">^ Back to top ^</a></p>
<h3>Step 10: Hide all the unnecessary module that you don&#8217;t need.</h3>
<p>Okay, this is the last steps for this template to display properly. Remember to hide all the unnecessary module.
</p></div>
<div class="infobox">
<a href="#step_top">^ Back to top ^</a></p>
<h3>Be a link sponsor for this page now</h3>
<p><br />
<hr />
</div>
<img src="http://www.designersandbox.com/?ak_action=api_record_view&id=1123&type=feed" alt="" /><h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.designersandbox.com/announcement/designersandbox-roadmap-on-post-it/" title="DesignerSandbox Roadmap on post-it">DesignerSandbox Roadmap on post-it</a> (2)</li><li><a href="http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/" title="Next Joomla Template Selection, We need your vote now &#8211; Poll close on 02/14/2009">Next Joomla Template Selection, We need your vote now &#8211; Poll close on 02/14/2009</a> (4)</li><li><a href="http://www.designersandbox.com/joomla/joomla-free-business-template-ds-busuit-beta-release-0-9/" title="JOOMLA FREE BUSINESS TEMPLATE &#8211; DS BUSUIT Beta Release 0.9">JOOMLA FREE BUSINESS TEMPLATE &#8211; DS BUSUIT Beta Release 0.9</a> (50)</li><li><a href="http://www.designersandbox.com/joomla/joomla-ds-busuit-module-position/" title="Joomla DS Busuit Module Position">Joomla DS Busuit Module Position</a> (11)</li><li><a href="http://www.designersandbox.com/joomla/joomla-virtuemart-ultimate-dynamic-images-hack-for-categories-images/" title="Joomla Virtuemart – Ultimate Dynamic Images Hack for Categories Images">Joomla Virtuemart – Ultimate Dynamic Images Hack for Categories Images</a> (11)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.designersandbox.com/joomla/joomla-ds-busuit-template-setups-document/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Next Joomla Template Selection, We need your vote now &#8211; Poll close on 02/14/2009</title>
		<link>http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/</link>
		<comments>http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 10:03:06 +0000</pubDate>
		<dc:creator>Vincent</dc:creator>
				<category><![CDATA[Announcement]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[annoncement]]></category>
		<category><![CDATA[poll]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[virtuemart]]></category>

		<guid isPermaLink="false">http://www.designersandbox.com/?p=1074</guid>
		<description><![CDATA[
DS Mega Shop and DS Premier Preview Available. Click Continue Reading to check it out now. We need your vote now.


NEXT JOOMLA TEMPLATE SELECTION POLL
We need your vote on the next decision. This poll will be closing on the 02/14/2010, we will use the poll data that we gather to decide on which template we [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.designersandbox.com/wp-content/uploads/2010/01/next_joomla_template_selection-poll.png" alt="" title="next_joomla_template_selection-poll" width="500" height="300" class="alignnone size-full wp-image-1089" /><br />
DS Mega Shop and DS Premier Preview Available. Click Continue Reading to check it out now. We need your vote now.<br />
<span id="more-1074"></span></p>
<div class="warning">
<h3>NEXT JOOMLA TEMPLATE SELECTION POLL</h3>
<p>We need your vote on the next decision. This poll will be closing on the 02/14/2010, we will use the poll data that we gather to decide on which template we are going to develop next.<br />
Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.</p></div>
<div class="infobox">
<h3>DS MEGA SHOP</h3>
<p>This original template was meant for magento, but since we are currently focusing our work on joomla! So the layout of the display will be a little different. Please remember to take the poll.<br />

<div class="ngg-galleryoverview">

	<div class="pic"><img title="megashop_index" alt="megashop_index" src="http://www.designersandbox.com/wp-content/gallery/ds-mega-shop-free-joomla-virtuemart-template/megashop_index.jpg" /></div>
	
	<ul class="ngg-gallery-list">
	
		<!-- PREV LINK -->	
				
		<!-- Thumbnail list -->
				 
		
		<li id="ngg-image-445" class="ngg-thumbnail-list selected" >
			<a href="http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/?pid=445" title=" " >
				<img title="megashop_index" alt="megashop_index" src="http://www.designersandbox.com/wp-content/gallery/ds-mega-shop-free-joomla-virtuemart-template/thumbs/thumbs_megashop_index.jpg" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-446" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/?pid=446" title=" " >
				<img title="create_an_account_v2-0-2" alt="create_an_account_v2-0-2" src="http://www.designersandbox.com/wp-content/gallery/ds-mega-shop-free-joomla-virtuemart-template/thumbs/thumbs_create_an_account_v2-0-2.jpg" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-447" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/?pid=447" title=" " >
				<img title="login_or_create_an_account_v2-0-2" alt="login_or_create_an_account_v2-0-2" src="http://www.designersandbox.com/wp-content/gallery/ds-mega-shop-free-joomla-virtuemart-template/thumbs/thumbs_login_or_create_an_account_v2-0-2.jpg" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-448" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/?pid=448" title=" " >
				<img title="my_dashboard_left_main_v2-0-2" alt="my_dashboard_left_main_v2-0-2" src="http://www.designersandbox.com/wp-content/gallery/ds-mega-shop-free-joomla-virtuemart-template/thumbs/thumbs_my_dashboard_left_main_v2-0-2.jpg" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-449" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/?pid=449" title=" " >
				<img title="my_dashboard_right_main_v2-0-2" alt="my_dashboard_right_main_v2-0-2" src="http://www.designersandbox.com/wp-content/gallery/ds-mega-shop-free-joomla-virtuemart-template/thumbs/thumbs_my_dashboard_right_main_v2-0-2.jpg" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-450" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/?pid=450" title=" " >
				<img title="products_details_v2-0-2" alt="products_details_v2-0-2" src="http://www.designersandbox.com/wp-content/gallery/ds-mega-shop-free-joomla-virtuemart-template/thumbs/thumbs_products_details_v2-0-2.jpg" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-451" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/?pid=451" title=" " >
				<img title="products_overview_v2-0-2" alt="products_overview_v2-0-2" src="http://www.designersandbox.com/wp-content/gallery/ds-mega-shop-free-joomla-virtuemart-template/thumbs/thumbs_products_overview_v2-0-2.jpg" width="500" height="500" />
			</a>
		</li>

	 		 	
	 	<!-- NEXT LINK -->
			 	
	</ul>
 	
</div>

</p></div>
<div class="warning">
<h3>NEXT JOOMLA TEMPLATE SELECTION POLL</h3>
<p>We need your vote on the next decision. This poll will be closing on the 02/14/2010, we will use the poll data that we gather to decide on which template we are going to develop next.<br />
Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.</p></div>
<div class="infobox">
<h3>DS BLOG PREMIER</h3>
<p>When we started DesignerSandbox, we had thought of using joomla as a blog to post tuts and all. But at the last minute, we decide to go with Wordpress. So this template was base on our first draft of DS. And we still think this is a great design, so we would like to share it with the community for free. Please remember to take the poll<br />

<div class="ngg-galleryoverview">

	<div class="pic"><img title="blog" alt="blog" src="http://www.designersandbox.com/wp-content/gallery/ds-blog-premier-free-joomla-blogging-template/blog.png" /></div>
	
	<ul class="ngg-gallery-list">
	
		<!-- PREV LINK -->	
				
		<!-- Thumbnail list -->
				 
		
		<li id="ngg-image-454" class="ngg-thumbnail-list selected" >
			<a href="http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/?pid=454" title=" " >
				<img title="blog" alt="blog" src="http://www.designersandbox.com/wp-content/gallery/ds-blog-premier-free-joomla-blogging-template/thumbs/thumbs_blog.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-453" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/?pid=453" title=" " >
				<img title="frontpage" alt="frontpage" src="http://www.designersandbox.com/wp-content/gallery/ds-blog-premier-free-joomla-blogging-template/thumbs/thumbs_frontpage.png" width="500" height="500" />
			</a>
		</li>

	 			 
		
		<li id="ngg-image-455" class="ngg-thumbnail-list " >
			<a href="http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/?pid=455" title=" " >
				<img title="news" alt="news" src="http://www.designersandbox.com/wp-content/gallery/ds-blog-premier-free-joomla-blogging-template/thumbs/thumbs_news.png" width="500" height="500" />
			</a>
		</li>

	 		 	
	 	<!-- NEXT LINK -->
			 	
	</ul>
 	
</div>

</p></div>
<div class="warning">
<h3>NEXT JOOMLA TEMPLATE SELECTION POLL</h3>
<p>We need your vote on the next decision. This poll will be closing on the 02/14/2010, we will use the poll data that we gather to decide on which template we are going to develop next.<br />
Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.</p></div>
<img src="http://www.designersandbox.com/?ak_action=api_record_view&id=1074&type=feed" alt="" /><h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.designersandbox.com/joomla/joomla-ds-busuit-template-setups-document/" title="Joomla DS Busuit Template Setups Document">Joomla DS Busuit Template Setups Document</a> (11)</li><li><a href="http://www.designersandbox.com/joomla/joomla-free-business-template-ds-busuit-beta-release-0-9/" title="JOOMLA FREE BUSINESS TEMPLATE &#8211; DS BUSUIT Beta Release 0.9">JOOMLA FREE BUSINESS TEMPLATE &#8211; DS BUSUIT Beta Release 0.9</a> (50)</li><li><a href="http://www.designersandbox.com/joomla/joomla-ds-busuit-module-position/" title="Joomla DS Busuit Module Position">Joomla DS Busuit Module Position</a> (11)</li><li><a href="http://www.designersandbox.com/announcement/designersandbox-roadmap-on-post-it/" title="DesignerSandbox Roadmap on post-it">DesignerSandbox Roadmap on post-it</a> (2)</li><li><a href="http://www.designersandbox.com/joomla/joomla-virtuemart-ultimate-dynamic-images-hack-for-categories-images/" title="Joomla Virtuemart – Ultimate Dynamic Images Hack for Categories Images">Joomla Virtuemart – Ultimate Dynamic Images Hack for Categories Images</a> (11)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.designersandbox.com/joomla/next-joomla-template-selection-we-need-your-vote-now-poll-close-on-02142009/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>JOOMLA FREE BUSINESS TEMPLATE &#8211; DS BUSUIT Beta Release 0.9</title>
		<link>http://www.designersandbox.com/joomla/joomla-free-business-template-ds-busuit-beta-release-0-9/</link>
		<comments>http://www.designersandbox.com/joomla/joomla-free-business-template-ds-busuit-beta-release-0-9/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 08:26:44 +0000</pubDate>
		<dc:creator>Vincent</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[templates]]></category>

		<guid isPermaLink="false">http://www.designersandbox.com/?p=1036</guid>
		<description><![CDATA[
DS BUSUIT ARRIVED.
The waits are finally over.
With the long wait for the DS Busuit, now the beta release are finally here.
Please submit any bug and request from the comment form below.
Happy Joomla!

DS BUSUIT TEMPLATE DEMO
DOWNLOAD

Joomla DS Busuit Template Setups Document
View The Setups Document
Our Template was Design Mention by &#8220;The CSS Awards&#8221;

0.9.1b

Version: 0.9.1b &#8211; 02/01/2010 
changelog:
Installation [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1048" title="preview" src="http://www.designersandbox.com/wp-content/uploads/2010/01/preview.png" alt="" width="590" height="300" /></p>
<h2>DS BUSUIT ARRIVED.</h2>
<h3>The waits are finally over.</h3>
<p>With the long wait for the DS Busuit, now the beta release are finally here.<br />
Please submit any bug and request from the comment form below.<br />
Happy Joomla!</p>
<p><span id="more-1036"></span><br />
<a class="demo" href="http://joomla.designersandbox.com/vc-busuit/" target="_blank">DS BUSUIT TEMPLATE DEMO</a></p>
<h2>DOWNLOAD</h2>
<div class="infobox">
<h3>Joomla DS Busuit Template Setups Document</h3>
<p><a class="demo" href="http://www.designersandbox.com/joomla/joomla-ds-busuit-template-setups-document/" target="_blank">View The Setups Document</a></div>
<p>Our Template was Design Mention by &#8220;<a href="http://www.thecssawards.com/honormention.php">The CSS Awards</a>&#8221;</p>
<div class="steps">
<h3>0.9.1b</h3>
<p><img class="alignnone size-full wp-image-1043" title="template_thumbnail" src="http://www.designersandbox.com/wp-content/uploads/2010/01/template_thumbnail.png" alt="" width="206" height="150" /><br />
Version: 0.9.1b &#8211; 02/01/2010 <a class="downloadlink" href="http://www.designersandbox.com/wp-content/plugins/download-monitor/download.php?id=10" title="Version0.9.1B downloaded 5168 times" >DS Busuits - Joomla Template 0.9.1b (5168)</a></p>
<div class="infobox"><strong>changelog:</strong><br />
Installation package fixed, error while upload.<br />
Several files seem to be missing.</div>
<p>Setup document are coming up shortly!</p>
<h3>0.9b</h3>
<p>Version: 0.9b &#8211; 01/29/2010 <a class="downloadlink" href="http://www.designersandbox.com/wp-content/plugins/download-monitor/download.php?id=9" title="Version0.9b downloaded 909 times" >DS Busuits - Joomla Template 0.9b (909)</a></p>
<h3>Before you download this template. Please take a vote on the following poll.</h3>
Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.</div>
<div class="infobox">
<h3>Joomla DS Busuit Template Setups Document</h3>
<p><a class="demo" href="http://www.designersandbox.com/joomla/joomla-ds-busuit-template-setups-document/" target="_blank">View The Setups Document</a></div>
<div class="steps">
<h3>This Template frontpage need the following module</h3>
<p>Simply download and install it to the proper module position.<br />
This module work best in the following module position.</p>
<ul>
<li>banner</li>
<li>left</li>
<li>right</li>
<li>slide</li>
</ul>
<p><a class="demo" href="http://www.designersandbox.com/joomla/joomla-ds-banner-slider-free-banner-module-by-ds/">Joomla DS Banner Slider Module</a>
</div>
<div class="steps">
<h3>View the module position here</h3>
<p>Simply download and install it to the proper module position.<br />
<a class="demo" href="http://www.designersandbox.com/joomla/joomla-ds-busuit-module-position/">Joomla DS Busuit Module Position</a></p>
</div>
<div class="steps">
<h3>PSD source file</h3>
<p>If you would like to play around with the psd file, you can download it here.<br />
<a class="demo" href="http://www.designersandbox.com/joomla/free-joomla-ds-busuits-psd-source-download-available-now/">Joomla DS Busuit Photoshop Source File</a>
</div>
<div class="infobox">
<h3>Be a link sponsor for this page now</h3>
<p><br />
<hr />
</div>
<div class="infobox">
<h3>Please goto the follow link and submit your question here.</h3>
<p>Comments are closed, and support had moved to the following.<br />
To be more organized about the support and follow up. I had just open a new forum for<br />
<a href="http://www.designersandbox.com/bbpress/forum.php?id=3">http://www.designersandbox.com/bbpress/forum.php?id=3</a>
</div>
<img src="http://www.designersandbox.com/?ak_action=api_record_view&id=1036&type=feed" alt="" /><h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.designersandbox.com/joomla/joomla-ds-busuit-module-position/" title="Joomla DS Busuit Module Position">Joomla DS Busuit Module Position</a> (11)</li><li><a href="http://www.designersandbox.com/announcement/designersandbox-roadmap-on-post-it/" title="DesignerSandbox Roadmap on post-it">DesignerSandbox Roadmap on post-it</a> (2)</li><li><a href="http://www.designersandbox.com/joomla/free-joomla-ds-busuits-psd-source-download-available-now/" title="FREE JOOMLA DS BUSUITS &#8211; PSD Source Download Available Now!!">FREE JOOMLA DS BUSUITS &#8211; PSD Source Download Available Now!!</a> (3)</li><li><a href="http://www.designersandbox.com/joomla/ds-busuits-joomla-template-prelaunch-announcement/" title="DS Busuits &#8211; Joomla Template Prelaunch Announcement">DS Busuits &#8211; Joomla Template Prelaunch Announcement</a> (1)</li><li><a href="http://www.designersandbox.com/code/960-grid-joomla-free-css-templates-are-coming-your-way/" title="960 Grid + Joomla + Free + CSS + Templates are coming your way">960 Grid + Joomla + Free + CSS + Templates are coming your way</a> (2)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.designersandbox.com/joomla/joomla-free-business-template-ds-busuit-beta-release-0-9/feed/</wfw:commentRss>
		<slash:comments>50</slash:comments>
		</item>
		<item>
		<title>Joomla DS Busuit Module Position</title>
		<link>http://www.designersandbox.com/joomla/joomla-ds-busuit-module-position/</link>
		<comments>http://www.designersandbox.com/joomla/joomla-ds-busuit-module-position/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 10:48:47 +0000</pubDate>
		<dc:creator>Vincent</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[templates]]></category>

		<guid isPermaLink="false">http://www.designersandbox.com/?p=996</guid>
		<description><![CDATA[
Home Page Module Position




Content Page Module Position


Download it in jpg to view offline


Download DS BUSUIT here
Simply download and install it to your own joomla powered site.
DS BUSUIT TEMPLATE DOWNLOAD HERE


PSD source file
If you would like to play around with the psd file, you can download it here.
Joomla DS Busuit Photoshop Source File


Be a link sponsor [...]]]></description>
			<content:encoded><![CDATA[<div class="steps">
<h3>Home Page Module Position</h3>

<a href="http://www.designersandbox.com/wp-content/gallery/ds-busuit-premium-free-joomla-business-template/module_position_001.png" title="" class="shutterset_singlepic443" >
	<img class="ngg-singlepic" src="http://www.designersandbox.com/wp-content/gallery/cache/443__530x_module_position_001.png" alt="module_position_001" title="module_position_001" />
</a>

</div>
<p><span id="more-996"></span></p>
<hr />
<div class="steps">
<h3>Content Page Module Position</h3>

<a href="http://www.designersandbox.com/wp-content/gallery/ds-busuit-premium-free-joomla-business-template/module_position_002.png" title="" class="shutterset_singlepic444" >
	<img class="ngg-singlepic" src="http://www.designersandbox.com/wp-content/gallery/cache/444__530x_module_position_002.png" alt="module_position_002" title="module_position_002" />
</a>

</div>
<div class="infobox">
<h3>Download it in jpg to view offline</h3>
<a class="downloadlink" href="http://www.designersandbox.com/wp-content/plugins/download-monitor/download.php?id=8" title="Version1.0 downloaded 829 times" >DS Busuits - Module Position Guideline - JPG View (829)</a>
</div>
<div class="steps">
<h3>Download DS BUSUIT here</h3>
<p>Simply download and install it to your own joomla powered site.<br />
<a class="demo" href="http://www.designersandbox.com/joomla/joomla-free-business-template-ds-busuit-beta-release-0-9/">DS BUSUIT TEMPLATE DOWNLOAD HERE</a></p>
</div>
<div class="steps">
<h3>PSD source file</h3>
<p>If you would like to play around with the psd file, you can download it here.<br />
<a class="demo" href="http://www.designersandbox.com/joomla/free-joomla-ds-busuits-psd-source-download-available-now/">Joomla DS Busuit Photoshop Source File</a>
</div>
<div class="infobox">
<h3>Be a link sponsor for this page now</h3>
<p><br />
<hr />
</div>
<img src="http://www.designersandbox.com/?ak_action=api_record_view&id=996&type=feed" alt="" /><h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.designersandbox.com/joomla/joomla-free-business-template-ds-busuit-beta-release-0-9/" title="JOOMLA FREE BUSINESS TEMPLATE &#8211; DS BUSUIT Beta Release 0.9">JOOMLA FREE BUSINESS TEMPLATE &#8211; DS BUSUIT Beta Release 0.9</a> (50)</li><li><a href="http://www.designersandbox.com/announcement/designersandbox-roadmap-on-post-it/" title="DesignerSandbox Roadmap on post-it">DesignerSandbox Roadmap on post-it</a> (2)</li><li><a href="http://www.designersandbox.com/joomla/free-joomla-ds-busuits-psd-source-download-available-now/" title="FREE JOOMLA DS BUSUITS &#8211; PSD Source Download Available Now!!">FREE JOOMLA DS BUSUITS &#8211; PSD Source Download Available Now!!</a> (3)</li><li><a href="http://www.designersandbox.com/joomla/ds-busuits-joomla-template-prelaunch-announcement/" title="DS Busuits &#8211; Joomla Template Prelaunch Announcement">DS Busuits &#8211; Joomla Template Prelaunch Announcement</a> (1)</li><li><a href="http://www.designersandbox.com/code/960-grid-joomla-free-css-templates-are-coming-your-way/" title="960 Grid + Joomla + Free + CSS + Templates are coming your way">960 Grid + Joomla + Free + CSS + Templates are coming your way</a> (2)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.designersandbox.com/joomla/joomla-ds-busuit-module-position/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>DesignerSandbox Roadmap on post-it</title>
		<link>http://www.designersandbox.com/announcement/designersandbox-roadmap-on-post-it/</link>
		<comments>http://www.designersandbox.com/announcement/designersandbox-roadmap-on-post-it/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 07:22:57 +0000</pubDate>
		<dc:creator>Vincent</dc:creator>
				<category><![CDATA[Announcement]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.designersandbox.com/?p=1001</guid>
		<description><![CDATA[
On September 1, 2009. I started to do planning on developing a totally free resource for wordpress, joomla and magento. Our first focus CMS group is joomla &#62; wordpress &#62; magento. Below is what I had draft on my wall with post-it. My development practice is always draft all idea on walls with post-it. It [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1012" title="DesignerSandbox_Roadmap_on_post-it" src="http://www.designersandbox.com/wp-content/uploads/2010/01/DesignerSandbox_Roadmap_on_post-it.png" alt="" width="500" height="375" /><br />
On September 1, 2009. I started to do planning on developing a totally free resource for wordpress, joomla and magento. Our first focus CMS group is joomla &gt; wordpress &gt; magento. Below is what I had draft on my wall with post-it. My development practice is always draft all idea on walls with post-it. It is fun and it is very artistic to view it later on, you will always have a colorful picture on your mind that what you want. The magically color of post-it. After the draft, I started to love the logo so much, I started to do a logo on photoshop(see below). Hope you really like what I am delivering to the opensource community. &#8220;THE BEST IS YET TO COME&#8221; if you find any of our resource useful, please submit to our rss feed and follow me on twitter to show your love to DesignerSandbox. We are not the best out there, but certainly we are totally free.<span id="more-1001"></span></p>
<ul>
<li>No registration needed</li>
<li>Download for free</li>
<li>Share comments for free</li>
<li>Follow me for free</li>
<li>Subscribe to our feed for free</li>
<li>hack everything is free</li>
</ul>
<p>So Visit us more often, and do remember to subscribe to our feed or follow us on twitter. So what are you waiting for, press that button to subscribe and follow me now to get the latest hacks, tutorials, modules, templates and more from DS.</p>

<div class="ngg-galleryoverview" id="ngg-gallery-5-1001">


	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.designersandbox.com/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=5&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-434" class="ngg-gallery-thumbnail-box" style="width:100%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/img_0197.jpg" title="RoadMap on post-it overview" class="shutterset_set_5" >
								<img title="overview" alt="overview" src="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/thumbs/thumbs_img_0197.jpg" width="500" height="375" />
							</a>
			<span>RoadMap on post-it overview</span>
		</div>
	</div>
			<br style="clear: both" />
	 		
	<div id="ngg-image-435" class="ngg-gallery-thumbnail-box" style="width:100%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/img_0198.jpg" title="Logo?" class="shutterset_set_5" >
								<img title="designersandbox_logo_on_post-it_001" alt="designersandbox_logo_on_post-it_001" src="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/thumbs/thumbs_img_0198.jpg" width="500" height="375" />
							</a>
			<span>Logo?</span>
		</div>
	</div>
			<br style="clear: both" />
	 		
	<div id="ngg-image-436" class="ngg-gallery-thumbnail-box" style="width:100%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/img_0199.jpg" title="Logo?" class="shutterset_set_5" >
								<img title="designersandbox_logo_on_post-it_002" alt="designersandbox_logo_on_post-it_002" src="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/thumbs/thumbs_img_0199.jpg" width="500" height="375" />
							</a>
			<span>Logo?</span>
		</div>
	</div>
			<br style="clear: both" />
	 		
	<div id="ngg-image-437" class="ngg-gallery-thumbnail-box" style="width:100%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/img_0200.jpg" title="Logo?" class="shutterset_set_5" >
								<img title="designersandbox_logo_on_post-it_003" alt="designersandbox_logo_on_post-it_003" src="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/thumbs/thumbs_img_0200.jpg" width="500" height="375" />
							</a>
			<span>Logo?</span>
		</div>
	</div>
			<br style="clear: both" />
	 		
	<div id="ngg-image-438" class="ngg-gallery-thumbnail-box" style="width:100%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/img_0201.jpg" title="Logo?" class="shutterset_set_5" >
								<img title="designersandbox_logo_on_post-it_004" alt="designersandbox_logo_on_post-it_004" src="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/thumbs/thumbs_img_0201.jpg" width="500" height="375" />
							</a>
			<span>Logo?</span>
		</div>
	</div>
			<br style="clear: both" />
	 		
	<div id="ngg-image-442" class="ngg-gallery-thumbnail-box" style="width:100%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/logo.jpg" title="Logo did with photoshop
post-it effect..." class="shutterset_set_5" >
								<img title="logo" alt="logo" src="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/thumbs/thumbs_logo.jpg" width="500" height="81" />
							</a>
			<span>Logo did with photoshop
post-it effect...</span>
		</div>
	</div>
			<br style="clear: both" />
	 		
	<div id="ngg-image-439" class="ngg-gallery-thumbnail-box" style="width:100%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/img_0202.jpg" title="Our template and module are build base on this component/framework" class="shutterset_set_5" >
								<img title="Focus Group" alt="Focus Group" src="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/thumbs/thumbs_img_0202.jpg" width="500" height="375" />
							</a>
			<span>Our template and module are build base on this component/framework</span>
		</div>
	</div>
			<br style="clear: both" />
	 		
	<div id="ngg-image-440" class="ngg-gallery-thumbnail-box" style="width:100%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/img_0203.jpg" title="This is the template road map.
Please do tell us which style of template you will like to happen first." class="shutterset_set_5" >
								<img title="Template Style" alt="Template Style" src="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/thumbs/thumbs_img_0203.jpg" width="375" height="500" />
							</a>
			<span>This is the template road map.
Please do tell us which style of template you will like to happen first.</span>
		</div>
	</div>
			<br style="clear: both" />
	 		
	<div id="ngg-image-441" class="ngg-gallery-thumbnail-box" style="width:100%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/img_0204.jpg" title="Current most of the module development are focus to banner display." class="shutterset_set_5" >
								<img title="Module development roadmap" alt="Module development roadmap" src="http://www.designersandbox.com/wp-content/gallery/designer-sandbox-roadmap-on-post-it/thumbs/thumbs_img_0204.jpg" width="375" height="500" />
							</a>
			<span>Current most of the module development are focus to banner display.</span>
		</div>
	</div>
			<br style="clear: both" />
	 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


<img src="http://www.designersandbox.com/?ak_action=api_record_view&id=1001&type=feed" alt="" /><h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.designersandbox.com/code/960-grid-joomla-free-css-templates-are-coming-your-way/" title="960 Grid + Joomla + Free + CSS + Templates are coming your way">960 Grid + Joomla + Free + CSS + Templates are coming your way</a> (2)</li><li><a href="http://www.designersandbox.com/joomla/joomla-ds-busuit-template-setups-document/" title="Joomla DS Busuit Template Setups Document">Joomla DS Busuit Template Setups Document</a> (11)</li><li><a href="http://www.designersandbox.com/joomla/joomla-free-business-template-ds-busuit-beta-release-0-9/" title="JOOMLA FREE BUSINESS TEMPLATE &#8211; DS BUSUIT Beta Release 0.9">JOOMLA FREE BUSINESS TEMPLATE &#8211; DS BUSUIT Beta Release 0.9</a> (50)</li><li><a href="http://www.designersandbox.com/joomla/joomla-ds-busuit-module-position/" title="Joomla DS Busuit Module Position">Joomla DS Busuit Module Position</a> (11)</li><li><a href="http://www.designersandbox.com/joomla/joomla-virtuemart-ultimate-dynamic-images-hack-for-categories-images/" title="Joomla Virtuemart – Ultimate Dynamic Images Hack for Categories Images">Joomla Virtuemart – Ultimate Dynamic Images Hack for Categories Images</a> (11)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.designersandbox.com/announcement/designersandbox-roadmap-on-post-it/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Writing your own suckerfish dropdown menu for your Joomla!</title>
		<link>http://www.designersandbox.com/joomla/writing-your-own-suckerfish-dropdown-menu-for-your-joomla/</link>
		<comments>http://www.designersandbox.com/joomla/writing-your-own-suckerfish-dropdown-menu-for-your-joomla/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 16:52:13 +0000</pubDate>
		<dc:creator>Vincent</dc:creator>
				<category><![CDATA[Joomla]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[drop down]]></category>

		<guid isPermaLink="false">http://www.designersandbox.com/?p=982</guid>
		<description><![CDATA[
How to implement your very own suckerfish dropdown menu to your own joomla templates.

First create a javascript file for the dropdown action, within your template create a folder name js, and create a file name called cssmenu.js and insert the following code in it.

sfHover = function() {
	var sfEls = document.getElementById(&#34;mainlevelmainnav&#34;).getElementsByTagName(&#34;LI&#34;);
		for (var i=0; i&#60;sfEls.length; i++) {
			sfEls[i].onmouseover=function() [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.designersandbox.com/wp-content/uploads/2010/01/writing_your_down_suckerfish_dropdown_menu_for_your_joomla.png" alt="" title="writing_your_down_suckerfish_dropdown_menu_for_your_joomla" width="500" height="300" class="alignnone size-full wp-image-987" /><br />
How to implement your very own suckerfish dropdown menu to your own joomla templates.<br />
<span id="more-982"></span><br />
First create a javascript file for the dropdown action, within your template create a folder name <code>js</code>, and create a file name called <code>cssmenu.js</code> and insert the following code in it.</p>
<pre class="brush: jscript;">
sfHover = function() {
	var sfEls = document.getElementById(&quot;mainlevelmainnav&quot;).getElementsByTagName(&quot;LI&quot;);
		for (var i=0; i&lt;sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
			   this.className+=&quot; sfhover&quot;;
			}
			sfEls[i].onmouseout=function() {
			   this.className=this.className.replace(new RegExp(&quot; sfhover\\b&quot;), &quot;&quot;);
			}
		}
	}
if (window.attachEvent) window.attachEvent(&quot;onload&quot;, sfHover);
</pre>
<p>In the head section of your template <code>index.php</code> file, you will need to enter the following line of code to call up the javascript.</p>
<pre class="brush: php;">
&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;&lt;?php echo $this-&gt;baseurl ?&gt;/templates/&lt;?php echo $this-&gt;template ?&gt;/js/cssmenu.js&quot;&gt;&lt;/script&gt;
</pre>
<p>In your template you will need to include the following code. Place the code where you want your menu to display. and we name the module hornav. Be sure to add this module position within your module setup screen.</p>
<pre class="brush: php;">
&lt;div id=&quot;mainlevelmainnav&quot;&gt;
     &lt;div class=&quot;hornav&quot;&gt;
         &lt;jdoc:include type=&quot;modules&quot; name=&quot;hornav&quot; style=&quot;xhtml&quot; /&gt;
     &lt;/div&gt;
&lt;/div&gt;
</pre>
<p>To complete the dropdown menu, you will need to insert the proper css code that we had written. The menu is currently best fit with our own template system. <a href="http://joomla.designersandbox.com/vc-busuit/" target="_blank">DS Busuit</a>. If you are having trouble with your template, be sure to submit your comments and I will see how I can help you out with it.</p>
<pre class="brush: css;">
.hornav div{display:inline;}
.hornav {float:left; display:inline; margin-top:43px;}

#mainlevelmainnav, #mainlevelmainnav ul {
	float: left;
	list-style: none;
	line-height: 1;
}

#mainlevelmainnav a {
	display: block;
}

#mainlevelmainnav li {
	float: left;
	padding: 0;
}
#mainlevelmainnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 18em;
	w\idth: 17.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	z-index:1;
}

#mainlevelmainnav li li {
	padding-right: 1em;
	list-style:none;
	background:none;
	width: 18em;
}

#mainlevelmainnav li ul a {
	width: 18em;
	w\idth: 17.6em;
}

#mainlevelmainnav li ul ul {
	margin: -1.75em 0 0 12em;
	background:#e7e7e7 url(../images/menu_li.gif) top right;
}

#mainlevelmainnav li:hover ul ul, #mainlevelmainnav li:hover ul ul ul, #mainlevelmainnav li.sfhover ul ul, #mainlevelmainnav li.sfhover ul ul ul {
	left: -999em;
}

#mainlevelmainnav li:hover ul, #mainlevelmainnav li li:hover ul, #mainlevelmainnav li li li:hover ul, #mainlevelmainnav li.sfhover ul, #mainlevelmainnav li li.sfhover ul, #mainlevelmainnav li li li.sfhover ul {
	left: auto;
}

#mainlevelmainnav li:hover, #mainlevelmainnav li.sfhover {
}
#mainlevelmainnav ul.menu {
	margin:0;
	background: ;
}

#mainlevelmainnav ul.menu li {
	background:#e7e7e7 url(../images/menu_li.gif) top right no-repeat;
}

#mainlevelmainnav ul.menu li a
{
	color: #656565;
	padding: 2px 0;
	display: block;
	text-decoration: none;
	outline: none;
	background:none;
}

#mainlevelmainnav ul.menu li a span,
#mainlevelmainnav ul.menu li li a span{
	padding: 0 15px;
	background: none;
}

#mainlevelmainnav ul.menu li li li a:hover,
#mainlevelmainnav ul.menu li li li a:active,
#mainlevelmainnav ul.menu li li li a:focus,
#mainlevelmainnav ul.menu li li a:hover,
#mainlevelmainnav ul.menu li li a:active,
#mainlevelmainnav ul.menu li li a:focus,
#mainlevelmainnav ul.menu li a:hover,
#mainlevelmainnav ul.menu li a:active,
#mainlevelmainnav ul.menu li a:focus,
#mainlevelmainnav ul.menu li:hover,
#mainlevelmainnav ul.menu li:active,
#mainlevelmainnav ul.menu li:focus {
	background:#dadada!important;
	color: #000;
	text-decoration: none;
}

#mainlevelmainnav ul.menu li.active a {
	font-weight: bold;
	text-decoration: none;
}

#mainlevelmainnav ul.menu li .parent{
	background:#dadada url(../images/menu_sub_arrow.gif) center right no-repeat;
}

#mainlevelmainnav ul.menu li.active a span {
}

#mainlevelmainnav ul.menu li li a span {
	padding: 0;
	background: none;
}

#mainlevelmainnav ul.menu li ul {
	border:1px solid #cccccc;
	padding: 0;
	list-style: none;
}

#mainlevelmainnav ul.menu li li {
	padding: 0!important;
	list-style: none;
}

#mainlevelmainnav ul.menu li li a {
	color: #333333;
	font-size: 92%;
	font-weight: normal;
	padding:0 10px;
}

#mainlevelmainnav ul.menu li li a:hover,
#mainlevelmainnav ul.menu li li a:active,
#mainlevelmainnav ul.menu li li a:focus {
}

#mainlevelmainnav ul.menu li li a span {
	font-weight: normal;
}
</pre>
<div class="infobox">
<h3>Be a link sponsor for this page now</h3>
<p><br />
<hr />
</div>
<img src="http://www.designersandbox.com/?ak_action=api_record_view&id=982&type=feed" alt="" /><h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.designersandbox.com/announcement/designersandbox-roadmap-on-post-it/" title="DesignerSandbox Roadmap on post-it">DesignerSandbox Roadmap on post-it</a> (2)</li><li><a href="http://www.designersandbox.com/code/960-grid-joomla-free-css-templates-are-coming-your-way/" title="960 Grid + Joomla + Free + CSS + Templates are coming your way">960 Grid + Joomla + Free + CSS + Templates are coming your way</a> (2)</li><li><a href="http://www.designersandbox.com/joomla/virtuemart-product-categories-module-hack-extra-span-please/" title="Virtuemart Product Categories Module Hack (extra span PLEASE!)">Virtuemart Product Categories Module Hack (extra span PLEASE!)</a> (2)</li><li><a href="http://www.designersandbox.com/code/creating-a-drop-search-filter-like-vimeo/" title="Creating a Drop Search Filter like Vimeo">Creating a Drop Search Filter like Vimeo</a> (3)</li><li><a href="http://www.designersandbox.com/inspirational/the-new-era-of-fluid-web-layout-with-smartcolumn-and-spacemaker/" title="The New Era Of Fluid Web Layout With SmartColumn And SpaceMaker">The New Era Of Fluid Web Layout With SmartColumn And SpaceMaker</a> (4)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.designersandbox.com/joomla/writing-your-own-suckerfish-dropdown-menu-for-your-joomla/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	<img style='margin:0;padding:0;border:0;' width='1px' height='1px' src="http://www.designersandbox.com/wp-content/plugins/mystat/mystat.php?act=time_load&id=661216&rnd=557629287" /></channel>
</rss>
