<?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>Web Design For Idiots &#187; OsCommerce</title>
	<atom:link href="http://www.webdesignforidiots.net/category/oscommerce/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webdesignforidiots.net</link>
	<description>Tips Tricks and How-Tos for the beginning web designer</description>
	<lastBuildDate>Mon, 21 Jun 2010 16:05:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Using Oscommerce Banner Manager as a widget area</title>
		<link>http://www.webdesignforidiots.net/2010/06/using-oscommerce-banner-manager-as-a-widget-area/</link>
		<comments>http://www.webdesignforidiots.net/2010/06/using-oscommerce-banner-manager-as-a-widget-area/#comments</comments>
		<pubDate>Mon, 21 Jun 2010 16:05:42 +0000</pubDate>
		<dc:creator>Lindsayanng</dc:creator>
				<category><![CDATA[OsCommerce]]></category>

		<guid isPermaLink="false">http://www.webdesignforidiots.net/?p=712</guid>
		<description><![CDATA[I have been using Oscommerce for some time and have almost always just removed the banner manager completely because it was I never felt there was a need for it. That was until I started using wordpress and found the fun you can have with widget areas!! So now you can use your oscommerce banner [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2010%2F06%2Fusing-oscommerce-banner-manager-as-a-widget-area%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2010%2F06%2Fusing-oscommerce-banner-manager-as-a-widget-area%2F&amp;source=idiot_girl&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>I have been using Oscommerce for some time and have almost always just removed the banner manager completely because it was I never felt there was a need for it. That was until I started using wordpress and found the fun you can have with widget areas!! So now you can use your oscommerce banner manager as a widget and area and basically made spots on your site that are easily updated by a user with no need to get into the files &#8211; can you say YAY?</p>
<p>So a little background on what the banner manager is and how it works:</p>
<p>The Oscommerce banner manager is meant to be a way to measure the effectiveness of an ad placed on your site as well as a way for you to rotate ads and automate the start and end dates for ads. While this is a really cool feature in itself, who puts ads on their e-commerce websites? Most people actually urge against putting outside ads on an ecommerce site because it makes you look cheap, and no one wants to look cheap.</p>
<p>So let&#8217;s use these little nuggets of administrated content areas as widgets! With the banner manager you can paste your own HTML into the area or upload a picture. This means that you can literally use it the same as a wordpress text widget with the added feature of an image upload!</p>
<p>Here is how you do it.</p>
<p>First, go to your admin and click on &#8220;Tools&#8221; and then &#8220;Banner Manager&#8221;. The banners are organized by groups and then each individual banner is titled. So you likely see the default banner there called &#8220;Oscommerce&#8221; within the group &#8220;468&#215;50&#8243;. We are going to ignore that one and create our own instead.</p>
<p>Click &#8220;new banner&#8221; and enter your banner title. This will be a name that you give to this banner and this banner only. Try and use a basic name with no capital letters so you don&#8217;t make mistakes when it comes time to use it; we will use the group name &#8220;homepage&#8221; because we are putting this area on the home page. Then the banner url is the link that you will add to your image. This is basically where people will be directed to if they click on your banner/widget area. So if you are creating a graphic that will lead people to your photo gallery, you would put the url for the photo gallery.</p>
<p>Next you will create a new &#8220;group&#8221;. This group is going to be the name that we will put all banners under that we would like to display in the same location. So if we have a new area where we want to rotate through 10 images, they will all need to be under the same group name.</p>
<p>Use the upload field to upload an image and/or link to one that already exists on your server. There are specific instructions for these fields on the banner page.</p>
<p>You can leave the date fields blank if you want this to be in infinite ad or you can add dates to set the dates where you want your ad to start and end. You can also make it end after a certain number of impressions, but that is more for advertising.</p>
<p>That is it as far as what you do on the back end.</p>
<p>Now we need to place the code in the files that will tell your site where to place this widget area.</p>
<p>You will need SOME knowledge of oscommerce coding to choose the correct place to put this but if you need help, just post here. Otherwise, if you would like to put this widget area on your home page, you can open catalog/includes/languages/english/index.php and fine the TEXT_MAIN definition.</p>
<p>Add this code here:</p>
<blockquote><p><code><span style="color: #000000;"><br />
<span style="color: #0000bb;">&lt;?php<br />
</span><span style="color: #007700;">echo </span><span style="color: #0000bb;">tep_display_banner</span><span style="color: #007700;">(</span><span style="color: #dd0000;">'dynamic'</span><span style="color: #007700;">, </span><span style="color: #dd0000;">'homepage'</span><span style="color: #007700;">);<br />
</span><span style="color: #0000bb;">?&gt;</span></span></code></p></blockquote>
<p>This will display a random banner from the homepage group, which is what the goal is.</p>
<p>There are some other little gems inside of this banner manage though. You can display just one specific banner &#8211; so if you want to display one specific banner somewhere else on your page, you don&#8217;t need to duplicate it and put it in it&#8217;s own category. Instead you just use this code.</p>
<blockquote><p><code><span style="color: #000000;"><span style="color: #0000bb;">&lt;?php<br />
</span><span style="color: #007700;">echo </span><span style="color: #0000bb;">tep_display_banner</span><span style="color: #007700;">(</span><span style="color: #dd0000;">'static'</span><span style="color: #007700;">, </span><span style="color: #dd0000;">'1'</span><span style="color: #007700;">);<br />
</span><span style="color: #0000bb;">?&gt;</span></span></code></p></blockquote>
<p>Now unfortunately it does not allow you to allow you to use the banner&#8217;s title (maybe I will create a patch to allow this some day) but you need to use the banner ID. The ID can be found in the url to edit the banner.</p>
<p>When you look at the list of banners, you have the ability to click on one to highlight the banner and possibly choose to edit it. Instead of clicking edit, just click on the banner you would like to display and look at the url bar. You will see this:</p>
<blockquote><p>http://hugmeup.com/admin/banner_manager.php?page=1&amp;bID=2</p></blockquote>
<p>Where you have ID=2, that is the url telling you that the banner ID is 2! Stick that in the code above and you are ready to go!</p>
<p>So enjoy this little nugget of wisdom.. Even play with the HTML feature instead of the banner image feature. You can add any type of HTML code you could want, which leaves you open to adding all different kinds of areas. You can leave it as a dynamic quote of the day that rotates, any &#8220;grab this code&#8221; html from other sites&#8217; widgets, and more.</p>
<p>If you use this as a widget area, I would love to have a look at your site. Feel free to drop a link and show me what you have done.</p>
<div class='oio-postlinks'><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel='nofollow' href='http://www.webdesignforidiots.net/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=712'>Intext Link</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignforidiots.net/2010/06/using-oscommerce-banner-manager-as-a-widget-area/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HELP! I HAVE A BLANK PAGE!! &#8211; errors defined</title>
		<link>http://www.webdesignforidiots.net/2009/07/help-i-have-a-blank-page-errors-defined/</link>
		<comments>http://www.webdesignforidiots.net/2009/07/help-i-have-a-blank-page-errors-defined/#comments</comments>
		<pubDate>Fri, 10 Jul 2009 23:17:45 +0000</pubDate>
		<dc:creator>Lindsayanng</dc:creator>
				<category><![CDATA[OsCommerce]]></category>

		<guid isPermaLink="false">http://www.webdesignforidiots.net/?p=660</guid>
		<description><![CDATA[So you just spent hours working on adding some plugin or addon to your website, and you save, and then go to see your handwork and your heart sinks &#8211; or maybe you feel like you are going to throw up, or throw your computer.. Well, don&#8217;t worry. Or at least, don&#8217;t start worrying until [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F07%2Fhelp-i-have-a-blank-page-errors-defined%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F07%2Fhelp-i-have-a-blank-page-errors-defined%2F&amp;source=idiot_girl&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.webdesignforidiots.net/wp-content/uploads/2009/07/blank.jpg"  rel="lightbox[660]"><img class="alignleft size-full wp-image-661" title="blank page oscommerce wordpress coding errors php errors" src="http://www.webdesignforidiots.net/wp-content/uploads/2009/07/blank.jpg" alt="blank page oscommerce wordpress coding errors php errors" width="125" height="125" /></a>So you just spent hours working on adding some plugin or addon to your website, and you save, and then go to see your handwork and your heart sinks &#8211; or maybe you feel like you are going to throw up, or throw your computer.. Well, don&#8217;t worry. Or at least, don&#8217;t start worrying until you have checked out a few things.</p>
<p>Generally, when you end up with a blank page, it is simply because in your host&#8217;s control panel, the function of error reporting is turned off. There is a good reason to have error reporting turned off, but it definitely should not be turned off if you are working on something. To turn on error reporting yourself, you will have to add this code to your .htaccess code<br />
<code>php_flag display_errors on<br />
php_value error_reporting 6143</code></p>
<p>Error reporting is simply the ability for a browser to display errors in your website. This is invaluable as a code breaker like myself, because errors tell you a lot about what you did wrong. For instance, if you get the following error:</p>
<blockquote><p><strong>Fatal Error: can not redeclare &#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;.. previously declared on &#8230;..</strong></p></blockquote>
<p>This means that whatever function that is explained here has already been declared. Declared kind of means DEFINED, and a function is just that, a function. So if your website has a function that shows the categories box in your oscommerce store, and you copy and paste the code for that into the header so that you can have categories in your header too, you will have the same function delcared twice, hence this error. The lovely thing, it tells you where the error is, and where it was declared previously. From there, you can delete one of the two, or rename the function by putting a 2 at the end; like this: functionname2 and then go to where the function is being called from, and rename that one function2 as well.</p>
<blockquote><p><strong>Parse error: parse error, unexpected T_STRING in &#8230;&#8230;&#8230;. on line &#8230;.</strong></p></blockquote>
<p>This is an error that is not as easy to define. A parse error means that there is likely something wrong in your syntax. That can mean anything from a missing curly bracket, semicolor, or quotation mark. As a newbie coder, you might need help. You can try and help yourself by looking for code within your own website that is similar to the one that you were working on, and compare it. For instance, when I first started, I was trying to add a new link in my header, but I wanted to use the proper php syntax using <code>(tep_href_link) </code> but it is a lot more complicated that linking using HTML. So what I did was find a place where I knew there was a good example of a link (in the header where the banner is) and copied it and pasted it where I wanted. Then I just changed the text and/or the name of the image.<br />
<strong>**you should note that the line number stated in the error is not always where the error or missing piece of code actually is. generally if the error is not on that line, it means that you missed a curly bracket somewhere within that code.</strong></p>
<blockquote><p><strong>Warning: Cannot add header information – headers already sent by (output started at /&#8230;&#8230;&#8230;&#8230;&#8230;.:9) in….</strong></p></blockquote>
<p>This is the absolutely most simple error to fix &#8211; usually. It is generally caused by a white space at the beginning or the end of your code. HTTP headers must be sent before any output from your code, which means that a header function must be placed before any html or even a white space. So generally, you fix this by looking for an empty space before the first  &amp;lt;?php  tag or after the last ?&amp;gt;. You do this by putting the cursor at the tag, and deleting any white space before/after it. There should not be one single space or line before the first and after the last.</p>
<blockquote><p><strong>Warning: main(/index.php): failed to open stream: No such file or directory in…</strong></p></blockquote>
<p>This error simple means that the file mentioned does not exist in the directory that it is calling it from. It will tell you where in the code the file name is being called from, and where it should be. This is a pretty self explanatory fix. You need to either check and see if the file is there, or if the file name was typed incorrectly.</p>
<p>Other common errors that you see especially in oscommerce stores are from the database. The php code generally is trying to get information from a table inside of you database, but if those tables do not exist you will get errors like these:</p>
<blockquote><p><strong>1064 &#8211; You have an error in your SQL syntax. Check the manual that corresponds to your MySQL server version for the right syntax to use near &#8216; products_id from orders_products where orders_id = &#8217;70&#8221; at li</strong></p>
<p><strong>select orders_products_id, products_id, products_name, products_model, products_price, products_tax, products_quantity, final_price from, products_id from orders_products where orders_id = &#8217;70&#8242;</strong></p>
<p><strong>[TEP STOP]</strong></p></blockquote>
<p>This means that the code in your files that literally look exactly the same as this one is wrong. Each addon or installation will have different values listed for the tables. The second paragraph tells you all of the database tables that the code is trying to access. If you want to try and troubleshoot this error for yourself, you can log in to phpmyadmin on your host&#8217;s control panel, and click on your database. Then you will look for the tables with those names. They are organized very nicely and if you are familiar at all with excel and spreadsheets, you should be able to figure this out. If the tables exist, there might be some other error. If those tables do not exist, then that is your problem and you likely missed a step somewhere. It also could be the syntax in which you are trying to call for the database that is throwing this error, so it could likely be more complicated.</p>
<p>There is also the error that tells you that the tables do not exist, and these look like this:</p>
<blockquote><p><strong>1146 &#8211; Table &#8216;db_dbname.orders_status_history_transactions&#8217; doesn&#8217;t exist</strong></p>
<p><strong>INSERT INTO orders_status_history_transactions ( `orders_status_history_id`, `transaction_id`, `transaction_type`, `payment_type`, `payment_status`, `transaction_amount`, `module_code`, `transaction_avs`, `transaction_cvv2`, `transaction_msgs` ) VALUES ( 328, &#8217;1JV740438A749591H&#8217;, &#8216;CHARGE&#8217;, &#8216;INSTANT&#8217;, &#8216;COMPLETED&#8217;, 36.87, &#8216;paypal_wpp&#8217;, &#8216;Yes Address and five-digit ZIP&#8217;, &#8216;Match CVV2&#8242;, &#8221; )</strong></p>
<p><strong>[TEP STOP]</strong></p></blockquote>
<p>This is similar to the last one I mentioned in that it is tell your specifically that those tables do not exist, and you missed a step somewhere. Likely, if you were installing an oscommerce addon, you did not input the mysql &#8220;code&#8221; or you did not import the file to have the code run. If you do not know how to do that, keep and eye out. I will write a quick tutorial on how to do this.</p>
<p><strong>So the moral of the story is&#8230; read. If you simply take your time and read your code, instead of instantly copying it and pasting it into a help forum screaming PLZ HELP!!!! you will teach yourself more about the inner workings of your website, and you will learn how to fix your own errors! Breaking the code is how I learned about this stuff, so dont worry if you break it &#8211; just <span style="text-decoration: underline;">always keep a backup</span>!</strong></p>
<p><strong>***<span style="text-decoration: underline;">also remember to remove error reporting when your store is live. If you keep it on and an error shows, it can give a possible hacker some deadly information like the name and location of various information in your database. </span>***<span style="text-decoration: underline;"><br />
</span></strong></p>
<div class='oio-postlinks'><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel='nofollow' href='http://www.webdesignforidiots.net/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=660'>Intext Link</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignforidiots.net/2009/07/help-i-have-a-blank-page-errors-defined/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Need a good book to help you with OSCommerce?</title>
		<link>http://www.webdesignforidiots.net/2009/07/need-a-good-book-to-help-you-with-oscommerce/</link>
		<comments>http://www.webdesignforidiots.net/2009/07/need-a-good-book-to-help-you-with-oscommerce/#comments</comments>
		<pubDate>Sat, 04 Jul 2009 19:15:29 +0000</pubDate>
		<dc:creator>Lindsayanng</dc:creator>
				<category><![CDATA[Design and Looks]]></category>
		<category><![CDATA[OsCommerce]]></category>

		<guid isPermaLink="false">http://www.webdesignforidiots.net/?p=644</guid>
		<description><![CDATA[Forget about searching through all of those thousands of addons over at addons.oscommerce.com. Just get this book. When I first started designing my first e-commerce store, I went to Borders and sat on the floor in the web developement section, and read through books upon books about php coding, basic mysql, and even Dreamweaver books. [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F07%2Fneed-a-good-book-to-help-you-with-oscommerce%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F07%2Fneed-a-good-book-to-help-you-with-oscommerce%2F&amp;source=idiot_girl&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Forget about searching through all of those thousands of addons over at addons.oscommerce.com. Just get this book. When I first started designing my first e-commerce store, I went to Borders and sat on the floor in the web developement section, and read through books upon books about php coding, basic mysql, and even Dreamweaver books. Then I realized that all I needed at the moment was to learn OSCommerce. Yes, if you really want to learn how to completely customize Oscommerce, you should learn php and mysql. But for people who just want to adjust their websites to make them look the way they want, and function the way they want.. t<strong>hen, just learn oscommerce inside and out. </strong></p>
<p>While sitting there, and browsing Border&#8217;s online books, I found these two books and ordered them right away.</p>
<p>The first is by Monika Mathe. Its a great book written as a recipe book, and its about as easy to follow as a recipe. It gives you step by step instructions on how it impliment the most nessecary changes to you Oscommerce shop. So instead of going in and out of the addons.oscommerce.com web page, and hoping that you chose the right version without any bugs, refer to this book first.</p>
<p><a rel="nofollow" href="http://www.amazon.com/gp/product/1847190901?ie=UTF8&amp;tag=webdesforidi-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1847190901" ><img src="/amazon/514J2Uy2lXL._SL160_.jpg" border="0" alt="" /></a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=webdesforidi-20&amp;l=as2&amp;o=1&amp;a=1847190901" border="0" alt="" width="1" height="1" /></p>
<p>The second book that I purchased was by David Mercer called OSCommerce: Beginners Edition. This is a great book to start out with. It will teach how things work, and why. Its the best option for those who look at their website, and go &#8220;WHAT IN THE HELL??&#8221; I&#8217;m sure thats most of you reading <img src='http://www.webdesignforidiots.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>This book will walk you through installation and basic customization.. But if you need more. If you want something a little bit more indepth, there is a second book called Oscommerce:Professional Edition<br />
<a rel="nofollow" href="http://www.amazon.com/gp/product/1904811884?ie=UTF8&amp;tag=webdesforidi-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1904811884" ><img src="/amazon/41jpr1ZgBeL._SL160_.jpg" border="0" alt="" /></a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=webdesforidi-20&amp;l=as2&amp;o=1&amp;a=1904811884" border="0" alt="" width="1" height="1" /><a rel="nofollow" href="http://www.amazon.com/gp/product/1904811140?ie=UTF8&amp;tag=webdesforidi-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1904811140" ><img src="/amazon/513wAjIZToL._SL160_.jpg" border="0" alt="" /></a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=webdesforidi-20&amp;l=as2&amp;o=1&amp;a=1904811140" border="0" alt="" width="1" height="1" /></p>
<p>The professional edition with just go deeper into customizations and the inner workings. I ended up skipping the &#8220;beginners guide&#8221; because I had already spent weeks playing with oscommerce. I wish that I had found these books sooner, simply because those weeks could have simply been days. But you live and learn, and this is what I am showing you!</p>
<p>I hope that these help you all out. I know that most people who end up here want to just get an e-commerce store up and running, and want to do it now. Unfortunately, there is a reason why web developers charge a pretty penny for designing websites. Its because it takes a lot of skill and knowledge, and that does not come cheap. If you can give yourself 3 months to get your website up and running, you can have a really nice looking site that works.. Just use as many resources as you can, and start with these books. I promise you that you will get your money&#8217;s worth out of them.</p>
<p><script type="text/javascript" src="http://www.assoc-amazon.com/s/link-enhancer?tag=webdesforidi-20&#038;o=1">
</script><br />
<noscript><br />
    <img src="http://www.assoc-amazon.com/s/noscript?tag=webdesforidi-20" alt="" /><br />
</noscript></p>
<div class='oio-postlinks'><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel='nofollow' href='http://www.webdesignforidiots.net/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=644'>Intext Link</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignforidiots.net/2009/07/need-a-good-book-to-help-you-with-oscommerce/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Fixed Width Centered Website</title>
		<link>http://www.webdesignforidiots.net/2009/03/fixed-width-centered-website/</link>
		<comments>http://www.webdesignforidiots.net/2009/03/fixed-width-centered-website/#comments</comments>
		<pubDate>Sat, 21 Mar 2009 05:54:52 +0000</pubDate>
		<dc:creator>Lindsayanng</dc:creator>
				<category><![CDATA[Design and Looks]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[center site]]></category>
		<category><![CDATA[center website]]></category>

		<guid isPermaLink="false">http://www.webdesignforidiots.net/?p=526</guid>
		<description><![CDATA[Want to take your entire website and make it a fixed with and have it centered in the middle of everyone&#8217;s screen? Well, you should. The great thing about having a fixed width and centered site is that it will look exactly the same on everyone&#8217;s computer monitor. It&#8217;s a great thing, because fluid websites [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F03%2Ffixed-width-centered-website%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F03%2Ffixed-width-centered-website%2F&amp;source=idiot_girl&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Want to take your entire website and make it a fixed with and have it centered in the middle of everyone&#8217;s screen? Well, you should. The great thing about having a fixed width and centered site is that it will look exactly the same on <em>everyone&#8217;s</em> computer monitor. It&#8217;s a great thing, because fluid websites that take up the entire width of a screen can look <strong>great</strong> on your monitor, and then you go look at it on a lower resolution monitor, and all of a suddent you have to scroll sideways to see all of it.</p>
<p>So this is going to be one of the EASIEST things that I will teach you, and it will change the look of your website GREATLY. This works on ALL TYPES of websites. Blogs, oscommerce, basic HTML. It does not matter.</p>
<p>do this..<br />
AT THE VERY BEGINING of your HTML code, after the <code>&lt;body&gt;</code> tag, add this:</p>
<pre>&lt;div id="centerContent"&gt;</pre>
<p>YOUR WEBSITE CONTENT WILL ALL</p>
<p>BE BETWEEN THESE TWO THINGS.</p>
<p>EVERY SINGLE BIT OF IT &#8211; EXCEPT</p>
<p>OF COARSE THE STUFF IN THE HEAD</p>
<p>TAGS</p>
<pre>&lt;/div&gt;</pre>
<p>then in somewhere between the <code>&lt;head&gt;&lt;/head&gt;</code> tags, add this:</p>
<pre>&lt;style&gt;
#centerContent{
width: 900; margin: auto;
border: 1px solid #999999;
text-align:center;
}
&lt;/style&gt;</pre>
<p>then on the<code> &lt;body&gt;</code> tag change it to this</p>
<pre>&lt;body text-align="center"&gt;</pre>
<p><strong>Thanks to the boring lives of obnoxious internet stalkers and their friends, this post has comments closed. 1 year to stalk a post is way too much time. Please, get a life<br />
</strong></p>
<div class='oio-postlinks'><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel='nofollow' href='http://www.webdesignforidiots.net/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=526'>Intext Link</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignforidiots.net/2009/03/fixed-width-centered-website/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Don&#8217;t DO IT! as cool as it might be!!</title>
		<link>http://www.webdesignforidiots.net/2009/02/dont-do-it-as-cool-as-it-might-be/</link>
		<comments>http://www.webdesignforidiots.net/2009/02/dont-do-it-as-cool-as-it-might-be/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 07:53:03 +0000</pubDate>
		<dc:creator>Lindsayanng</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Design and Looks]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.webdesignforidiots.net/?p=391</guid>
		<description><![CDATA[Things you REALLY need to stay away from when designing your blog/website. Read this page to seee the things you WANT to stay away from, and to find out if your web page sucks! Do NOT put white text on a black background. It is IMPOSSIBLE to read and readers will run as soon as [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F02%2Fdont-do-it-as-cool-as-it-might-be%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F02%2Fdont-do-it-as-cool-as-it-might-be%2F&amp;source=idiot_girl&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://webdesignforidiots.net/postimg/idiotmedium.gif" alt="Things to avoid when designing your website" /><br />
Things you REALLY need to stay away from when designing your blog/website.<br />
Read this page to seee the things you WANT to stay away from, and to find out if your web page sucks!</p>
<p><b>Do NOT put white text on a black background. It is IMPOSSIBLE to read and readers will run as soon as they see it. Use <u>grey</u> on black instead</b></p>
<p><b>Just cause its a cool gadget does not mean your blog/website needs it. There are so many plugins and addons and snippets of codes for any type of website. Unless it ads functionality that your visitors will appreciate, fight the urge to add it. </b></p>
<p><b>Do NOT add music to your website. These days, everyone already has their own music on their computers. If they way to play it they will. Also, studies have shown that most adults surf the web while at work, do you really want to get a reader in trouble by blasting your latest favorite. </b></p>
<p><b>Don&#8217;t kill your readers with ads. I know you would like to make some extra money off of them, but the real value in your blog is it&#8217;s readers. If there are no readers, there&#8217;s no blog. So keep them to a minimum and strategically place them to be non-invasive</b></p>
<p><b>Clearly label your navigation. There is such a thing called <a href="http://www.webpagesthatsuck.com/mysterymeatnavigation.html" ><u>MYSTERY MEAT NAVIGATION</u></a>. Does your website have it? </b></p>
<p><b>Animated gifs are for 1990, and they should stay there! Blinking things and animations over your cursor are NOT cool and do NOT add quality to your site content. (<a href="http://www.fabricland.co.uk/" >see example here </a>)</b></p>
<p><b>Do not try to stuff too much content on your main page. Instead, link to the content from a single, well defined button. This will free up space for some more important things</b></p>
<p><b>Do not leave the default page titles on there. When you look at your tabs in your browser, you see a custom name that I created. You can do this too! Its very easy &#8211; it&#8217;s called the TITLE tag and it is in your head section of your web page</b></p>
<p>If you want a COMPLETE checklist of &#8220;Does My Website Suck?&#8221; <a href="http://www.webpagesthatsuck.com/does-my-web-site-suck/does-my-web-site-suck-checklist-part-one.html" >GO HERE</a></p>
<p>I do not mean to hurt anyone&#8217;s feelings, but you have a website to get people to look at it. Make sure those people ENJOY their experience so they come back again and again. </p>
<p>Want some honest feedback and critique,<br />
<h3>POST YOUR WEBSITE HERE</h3>
<p>I will be honest and give useful answers, but do not post if you are sensitive. I will be blunt, and I am known for being blunt in giving feedback, but never mean. </p>
<div class='oio-postlinks'><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel='nofollow' href='http://www.webdesignforidiots.net/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=391'>Intext Link</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignforidiots.net/2009/02/dont-do-it-as-cool-as-it-might-be/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Inner Website Advertising</title>
		<link>http://www.webdesignforidiots.net/2009/02/inner-website-advertising/</link>
		<comments>http://www.webdesignforidiots.net/2009/02/inner-website-advertising/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 04:58:03 +0000</pubDate>
		<dc:creator>Lindsayanng</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Design and Looks]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.webdesignforidiots.net/?p=344</guid>
		<description><![CDATA[Did this little graphic catch your eye? It&#8217;s simple, to the point, but it is eye catching, RIGHT? I do a LOT of feedback posts in forums for people&#8217;s websites. The main reason I do it is because in looking at their websites and critiquing them, I am getting new ideas for my websites. One [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F02%2Finner-website-advertising%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F02%2Finner-website-advertising%2F&amp;source=idiot_girl&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://webdesignforidiots.net/postimg/iwads.jpg" align="right"/><br />
Did this little graphic catch your eye? It&#8217;s simple, to the point, but it is eye catching, RIGHT? </p>
<p>I do a LOT of feedback posts in forums for people&#8217;s websites. The main reason I do it is because in looking at their websites and critiquing them, I am getting new ideas for my websites. One of the main things I seem to recommend to everyone is <b>inner website advertising</b>.</p>
<p>You must be thinking, &#8220;They already made it to my website, why do I have to advertise to them on my own site?&#8221;</p>
<p>My response to you would be simply, just because people made it TO your website doesn&#8217;t mean that they will purchase. <a rel="nofollow" href="http://www.google.com/analytics/" >Google Analytics</a> has something called &#8220;Bounce Rate.&#8221; This is something that you should pay CLOSE attention to, but you MUST have <a rel="nofollow" href="http://www.google.com/analytics/" >google analytics</a> installed on your website first. So head over here and get it working. Its not too hard, but if you need help, just email me. </p>
<p>&#8220;Bounce Rate&#8221; is when people go on your website and then just leave. They do not click any deeper and they decide that they don&#8217;t want to be there without reading into any of your content. The average bounce rate for a blog is around 60% so don&#8217;t feel bad if yours is up there. It is ok. However, you would not want a 90% bounce rate because that means almost all of the people that visit your site just leave. </p>
<p>So the <b>goal</b> is to get people on your website and then get them to click further into your website, and <u>Inner Website Advertising</u> is the way to do it. </p>
<p>I see a LOT of people who have an e-commerce website that, when you go to the home page (or landing page) there is a paragraph or two of text explaining their mission statement and their strive for excellence. Now, this is all fine and dandy, but when you think about it, when was the last time you read anything on an e-commerce site other than a product description. And with blogs, when was the last time you read through the entire list of text links in those side bar columns? Rarely. </p>
<p>So your goal is to get people to CLICK. So what you should do is look at the text that you are using to get across your idea and pull just a line or a few words out of it, turn it into a headline, and make it fun and enticing. </p>
<p>Blogs are all about words, so having a lot of text on your home page isn&#8217;t a bad thing, but if you have pages that you really want people to read. Maybe its a mission statement, or something about yourself, or your favorite blog post. You should create a funky little graphic with some enticing text to get people to go there. </p>
<p>If you want to see an example of inner website advertising, <a href="http://bscphoto.com/catalog" >go here</a>. You can see on the side column there is an advertisement for BRIDAL REGISTRY. Its a graphic that could go on ANY website and entice people to click to ours, but it is being well used right there on the front of it&#8217;s own website. </p>
<p>You can see LOADS of examples by just clicking through some of the most popular websites.<br />
<b>If your a blogger, check out these:</b><br />
<a rel="nofollow" href="http://www.google.com/analytics/" >Huffington Post</a> You can see that even when you are on a post about one thing, there are pictures with text that are trying to get you to click on the next post up there at the top. AND on the right there&#8217;s a box called &#8220;10 Top Huffington Post&#8221; with pictures! Adding images makes a world of difference!<br />
<a rel="nofollow" href="http://gizmodo.com/" >Gizmodo</a> has little advertisements right in it&#8217;s header with little blurbs of posts and the little &#8220;bestmodo&#8221; button is a little addition as well.<br />
It might be as simple as changing your template, or just adding an image into a widget, but it will make a WORLD of difference in not only your bouce rate, but also the overall LOOK of your site. </p>
<p><b>For E-Tailers</b><br />
You can look at just about ANY big time e-tailer, but I will post a link just because.<br />
<a rel="nofollow" href="http://www.walmart.com/" >Wal-Mart</a> You don&#8217;t get any bigger than Wal-Mart, and right there you see a barrage of graphics and advertisements for their own website to get you to click. If Wal-mart is doing it, that means there HAS to be something to it. </p>
<p>E-tailers have a little more as far as content to work with. Sometimes it&#8217;s as easy as putting a product on your home page as a featured product, or offering free shipping using a graphic instead of text. </p>
<p>No matter WHAT type of website you have, you should realize that internet browsers are visual people. They get pulled in by fancy graphics and enticing head lines. If you can put those on your home page in order to get people to delve deeper into your blog, you will see a lower bounce rate, more subscribers, and hopefully more sales. </p>
<div class='oio-postlinks'><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel='nofollow' href='http://www.webdesignforidiots.net/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=344'>Intext Link</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignforidiots.net/2009/02/inner-website-advertising/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Easy way to change ANY website image</title>
		<link>http://www.webdesignforidiots.net/2009/02/easy-way-to-change-any-website-image/</link>
		<comments>http://www.webdesignforidiots.net/2009/02/easy-way-to-change-any-website-image/#comments</comments>
		<pubDate>Fri, 20 Feb 2009 17:48:23 +0000</pubDate>
		<dc:creator>Lindsayanng</dc:creator>
				<category><![CDATA[Design and Looks]]></category>
		<category><![CDATA[Graphics and More]]></category>
		<category><![CDATA[OsCommerce]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.webdesignforidiots.net/?p=313</guid>
		<description><![CDATA[There is a SUPER simple way to change any image that you see on your website and make it into something complete custom, and guess what, IT DOESN&#8217;T REQUIRE ANY CODING!!!! Its a simple 9 step process. 1. Go to your website and find the page with the image that you want to change 2. [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F02%2Feasy-way-to-change-any-website-image%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F02%2Feasy-way-to-change-any-website-image%2F&amp;source=idiot_girl&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>There is a SUPER simple way to change any image that you see on your website and make it into something complete custom, and guess what, <b>IT DOESN&#8217;T REQUIRE ANY CODING!!!!</b></p>
<p>Its a simple 9 step process. </p>
<p>1. Go to your website and find the page with the image that you want to change<br />
2. Right click (or if using a mac ctrl click) and click SAVE IMAGE to your desktop.<br />
3. Right click (or if using a mac ctrl click) on the image and choose PROPERTIES &#8211; this will open a new pop up window. There you will see all the information you need to know about this image<br />
4. Look at the IMAGE LOCATION and copy and paste it or write it down somewhere so you remember<br />
5. Open the image in your favorite graphic program and build a new button (on a new layer if you can) over the old one and delete the layer with the old image.<br />
6. Click SAVE (you HAVE to keep the exact same file name and type. All osc buttons are .gif)<br />
7. Open your FTP program and upload the button the to folder that you copied and pasted or wrote down from the IMAGE LOCATION properties window.<br />
8. Visit your website and now go to the page that the image was on, hold down SHIFT and click refresh and your new button will be there!!<br />
9. Repeat steps 7-8 for every image on your website. </p>
<p>Thats it. Its totally easy and completely fool proof. By building the button OVER the old one and deleting the old you, you are making sure that your button is as close to the same size as possible. </p>
<p>So go crazy replacing buttons, and other images. You can literally do this with ANY type of website out there. All images reside in a folder somewhere on your server, and the code is calling for that particular image with that particular name in that particular spot. So when you just change the image and nothing else, you are STILL calling for that particular image, but you made the image LOOK different. </p>
<p>IS IT STARTING TO MAKE SENSE NOW??</p>
<p>So if you have wordpress and desperately want to change your header but theres no easy way to do it, USE THIS PROCESS.. If you have oscommerce and HATE those blue buttons, USE THIS PROCESS.. It works for ANYTHING</p>
<div class='oio-postlinks'><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel='nofollow' href='http://www.webdesignforidiots.net/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=313'>Intext Link</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignforidiots.net/2009/02/easy-way-to-change-any-website-image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Step AWAY from the osc template!!</title>
		<link>http://www.webdesignforidiots.net/2009/02/step-away-from-the-osc-template/</link>
		<comments>http://www.webdesignforidiots.net/2009/02/step-away-from-the-osc-template/#comments</comments>
		<pubDate>Wed, 18 Feb 2009 20:19:05 +0000</pubDate>
		<dc:creator>Lindsayanng</dc:creator>
				<category><![CDATA[Design and Looks]]></category>
		<category><![CDATA[OsCommerce]]></category>

		<guid isPermaLink="false">http://www.webdesignforidiots.net/?p=280</guid>
		<description><![CDATA[Here is probably the most important thing you should know when deciding how you want your oscommerce store to look like. If you have used wordpress or any other blogging system before, you have been conditioned to think that templates are a great way to get a somewhat unique looking website without too much hassle [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F02%2Fstep-away-from-the-osc-template%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F02%2Fstep-away-from-the-osc-template%2F&amp;source=idiot_girl&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://www.webdesignforidiots.net/wp-content/uploads/2009/02/free-e-commerce-template-150x150.jpg" alt="free-e-commerce-template" title="free-e-commerce-template" width="150" height="150" class="alignright size-thumbnail wp-image-281" /><br />
Here is probably the most important thing you should know when deciding how you want your oscommerce store to look like. </p>
<p>If you have used wordpress or any other blogging system before, you have been conditioned to think that templates are a great way to get a somewhat unique looking website without too much hassle and coding. </p>
<p>Well, in the world of OSCommerce, that could not be further from the truth! Templates can really kill your website!</p>
<p>1. A template will never be entirely unique. This may or may not be a big deal to some, but if your company is focused on being cutting edge and unique, you should stay away from the template.</p>
<p>The people who create templates can be very lazy. I mean, the only way to pump out so many &#8220;different&#8221; designs is to cut corners.</p>
<p>2. You do not know when that template was built. For all you know, that template can be using the oldest version of oscommerce available. This means you will have 2 major problems. You are open to all of the known security holes that have since been fixed by the developers. ALSO, a lot of the new contributions that will be what you depend on to add functionality will simply not work on the older installs. This issue can MOST of the times be fixed by going through the upgrade process, but wasn&#8217;t the reason you purchased a template to save you time?</p>
<p>3. People who create templates COMPLETE hack into the oscommerce code. It may look pretty, but it can be VERY messy behind the scenes. This will make it VERY frustrating when you are trying to look for that piece of code that someone told you to change in the forums to get a certain look, and adding contributions again, will be a nightmare. </p>
<p>4. FINALLY, templates rarely have the same layout as a stock oscommerce. The people who create templates will completely remove a file and add a new one in it&#8217;s place. They will change around the code so much that no one but the person who created the template will be able to help you. And guess what, THAT will always cost you money &#8211; if you can even get a hold of them. </p>
<p>I have seen templates that are completely devoid of the column_left.php or column_right.php.. Or sometimes instead of having a header.php it will have a top.php All of these things will really confuse a newbie when you are trying very hard to follow along in a tutorial or in the instructions of a contribution.</p>
<p>I have personally never used a template, but I have tried to help people who have them. In my experience, you actually have to be BETTER at coding than a the average person because you will REALLY need to look only at the code to be able to tell what is going on. </p>
<p>My suggestion to those who want a nice look but are completely lost when it comes to designing a website, <a href="https://www.digitalproductdelivery.com/hoplink/607/964/e7Cfavf8RPlaMGLm" >CHECK OUT THIS E-BOOK. </a> <a href="http://www.webdesignforidiots.net/2009/02/a-rare-jem-in-a-sea-of-information/" >I even dedicated and entire post about it here if you want to see more. I have it, and i used it and i learned a lot from it. </a></p>
<p>That little book will give you a quick, step by step guide to creating an interesting looking layout that you an now completely customize. Also, while you create your website using that book, and occasionally read some of the posts here, you will get real world knowledge of the inner workings of oscommerce.</p>
<p>Most people are a LEARN BY DOING type of person, and if you are one of those, spend the few bucks and actually DO a customized website and you will learn A LOT. </p>
<p>So thats my little warning to you all.. PLEASE stay away from the templates. There are a few out there that are pretty good and have a solid core, but DO YOUR HOMEWORK!  And if you really want a unique site that you don&#8217;t have to do any work for, HIRE A DESIGNER!</p>
<p><b>this post is dedicated to Chris</b></p>
<div class='oio-postlinks'><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel='nofollow' href='http://www.webdesignforidiots.net/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=280'>Intext Link</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignforidiots.net/2009/02/step-away-from-the-osc-template/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Adding a  background to entire column</title>
		<link>http://www.webdesignforidiots.net/2009/02/adding-a-background-to-entire-column/</link>
		<comments>http://www.webdesignforidiots.net/2009/02/adding-a-background-to-entire-column/#comments</comments>
		<pubDate>Wed, 18 Feb 2009 03:40:53 +0000</pubDate>
		<dc:creator>Lindsayanng</dc:creator>
				<category><![CDATA[Design and Looks]]></category>
		<category><![CDATA[OsCommerce]]></category>

		<guid isPermaLink="false">http://www.webdesignforidiots.net/?p=272</guid>
		<description><![CDATA[First time to your site. Nice work! I&#8217;ve been searching the ole osforum and made a post for my question, yet no love shown as of yet. Here&#8217;s the dealy-O. I&#8217;d like to extend the light green background on the left column of my mothers site, so that it extends to the bottom for the [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F02%2Fadding-a-background-to-entire-column%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F02%2Fadding-a-background-to-entire-column%2F&amp;source=idiot_girl&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<div class="quote">
		<span class="topLine"><b></b></span></p>
<div class="quoteText">
<p>
First time to your site. Nice work! I&#8217;ve been searching the ole osforum and made a post for my question, yet no love shown as of yet. Here&#8217;s the dealy-O. I&#8217;d like to extend the light green background on the left column of my mothers site, so that it extends to the bottom for the page. OR &#8211; let&#8217;s take it up a notch &#8211; put a background picture behind the entire left column. I just hate the way it just stops and there&#8217;s just blank white.     <br />    -Chris</p>
</div>
<p>		<span class="bottomLine"><b></b></span></p></div>
<p><a><img src="http://webdesignforidiots.net/postimg/funwbg/picture_8.png" alt="" height="200" align="left" /></a><br />
Well, when you first look at the site, your instinct would be to just stretch the entire category box to reach the footer and there you have a consistent color. This would not be wise. The reason is, once this box takes up the ENTIRE left column, you will not be able to add another box to that column in the future.</p>
<p>There is a MUCH better option, and that option is to give the ENTIRE column a background color to match the background color of the green categories box. The solution in the long run is better, but it might be a tad time consuming.</p>
<p>What you want to do is start by creating an id for the left column. You will insert this code into your catalog/stylesheet.css at the bottom after the last &#8216;}&#8217;   We will call the id &#8220;left&#8221; and give it a background color of PINK. You can change the color to anything you want.</p>
<h2><strong>Here is your style code:</strong></h2>
<p><code>#left { background-color:#E41B4B; }</code><br />
You will change the color # to suit your own needs.<br />
<a href="http://webdesignforidiots.net/postimg/funwbg/picture_6.png"  rel="lightbox[272]"><img src="http://webdesignforidiots.net/postimg/funwbg/picture_6.png" alt="" width="250" /></a></p>
<h2>Now you need to tell the left column to use that id. This is where it might get a little tedious, but not in the LEAST difficult.</h2>
<p><strong>Go to your catalog/index.php file and search for this:</strong><br />
<a href="http://webdesignforidiots.net/postimg/funwbg/picture_4.png"  rel="lightbox[272]"><img src="http://webdesignforidiots.net/postimg/funwbg/picture_4.png" alt="" width="250" /></a><br />
<strong><br />
</strong></p>
<pre>&lt;td width="&lt;?php echo BOX_WIDTH; ?&gt;" valign="top"&gt;&lt;table
border="0" width="&lt;?php echo BOX_WIDTH; ?&gt;" cellspacing="0"
cellpadding="2"&gt;
&lt;!-- left_navigation //--&gt;
&lt;?php require(DIR_WS_INCLUDES . 'column_left.php'); ?&gt;
&lt;!-- left_navigation_eof //--&gt;
    &lt;/table&gt;&lt;/td&gt;</pre>
<p>You will then change the code to include the id that we created in the  that holds the entire left column as seen here:</p>
<p><a href="http://webdesignforidiots.net/postimg/funwbg/picture_5.png"  rel="lightbox[272]"><img src="http://webdesignforidiots.net/postimg/funwbg/picture_5.png" alt="" width="250" /></a><br />
<strong><br />
</strong></p>
<pre>&lt;td id="left" width="&lt;?php echo BOX_WIDTH; ?&gt;"
valign="top"&gt;&lt;table border="0" width="&lt;?php echo BOX_WIDTH;
?&gt;" cellspacing="0" cellpadding="2"&gt;
&lt;!-- left_navigation //--&gt;
&lt;?php require(DIR_WS_INCLUDES . 'column_left.php'); ?&gt;
&lt;!-- left_navigation_eof //--&gt;
    &lt;/table&gt;&lt;/td&gt;</pre>
<p><span style="text-decoration: underline;">And that is IT!! You are DONE</span>&#8230;&#8230;&#8230;. with the index.php page. OOPS!! Did i forget to mention that this was tedious?? Well, once you have finished this, you will be completely comfortable with it.</p>
<p><span style="text-decoration: underline;">Now you have to go to EVERY file in your catalog folder (not those in the sub folders though) and find the EXACT same code and add the style id to those as well.</span></p>
<p>The code will look exactly the same in every folder so you don&#8217;t have to get worried about searching around for it. It will always be directly above the following:</p>
<pre>&lt;!-- left_navigation //--&gt;</pre>
<p><strong>So this is what you would see before in a stock install of oscommerce:</strong><br />
<a href="http://webdesignforidiots.net/postimg/funwbg/picture_3.png"  rel="lightbox[272]"><img src="http://webdesignforidiots.net/postimg/funwbg/picture_3.png" alt="" width="250" /></a></p>
<p><strong>and this is after we make the left column PINK!!</strong><br />
<a href="http://webdesignforidiots.net/postimg/funwbg/picture_7.png"  rel="lightbox[272]"><img src="http://webdesignforidiots.net/postimg/funwbg/picture_7.png" alt="" width="250" /></a></p>
<h2>BONUS</h2>
<p>If you want to add a background IMAGE to this, you would simply change the code that you add into the stylesheet.css to this:</p>
<pre><code>#left { background:url('yoururlthere.com/picture.jpg'); }</code></pre>
<p>HAVE FUN!!! Any questions, please post your question in a comment, or<a href="http://www.webdesignforidiots.net/have-a-question-contact-me/" > CONTACT ME!!</a></p>
<div class='oio-postlinks'><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel='nofollow' href='http://www.webdesignforidiots.net/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=272'>Intext Link</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignforidiots.net/2009/02/adding-a-background-to-entire-column/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Moving Oscommerce To your Root</title>
		<link>http://www.webdesignforidiots.net/2009/02/moving-wordpress-to-your-root/</link>
		<comments>http://www.webdesignforidiots.net/2009/02/moving-wordpress-to-your-root/#comments</comments>
		<pubDate>Mon, 16 Feb 2009 04:26:36 +0000</pubDate>
		<dc:creator>Lindsayanng</dc:creator>
				<category><![CDATA[OsCommerce]]></category>

		<guid isPermaLink="false">http://www.webdesignforidiots.net/?p=244</guid>
		<description><![CDATA[If you don&#8217;t already know this, your &#8220;root&#8221; is they public_html directory, or the main page of your site. This is the directory that users will land on if they type in your domain. If you have a web page in there called index, then they will automatically see that, otherwise they will not see [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F02%2Fmoving-wordpress-to-your-root%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.webdesignforidiots.net%2F2009%2F02%2Fmoving-wordpress-to-your-root%2F&amp;source=idiot_girl&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://webdesignforidiots.net/postimg/root.jpg" alt="Moving oscommerce to root" align="left"/><br />
If you don&#8217;t already know this, your &#8220;root&#8221; is they public_html directory, or the main page of your site. This is the directory that users will land on if they type in your domain. If you have a web page in there called index, then they will automatically see that, otherwise they will not see anything. It is the very TOP directory for your website pages. </p>
<p>When you install oscommerce using a &#8220;Simple Scripts&#8221; install, you will be asked to name the folder in which you want your store to be. The default is usually called &#8220;catalog&#8221; This is ok if your website is more than just a store, but if you are just a store, you should really move the entire oscommerce install into your root directory. If you want to learn more about why, <a href="http://www.webdesignforidiots.net/2009/02/why-you-should-dunk-your-splash-page/" >click here. </a></p>
<h3>So let&#8217;s get started</h3>
<p>First you need to make sure that you have an FTP program installed. For a mac I prefer <a href="http://fetchsoftworks.com/" >FETCH</a> and for pc i like <a href="http://www.cuteftp.com/products/ftp_clients.aspx?CMP=KNC-Google_CuteFTP&#038;gclid=CImUt8uO4JgCFQrFGgodWUG_cQ" >cuteFtp,</a> however<a href="http://www.webdesignforidiots.net/2009/02/filezilla-can-really-be-a-monster/" > FILEZILLA</a> is free. </p>
<p>When you connect to your server, you will be able to see your &#8220;catalog&#8221; folder. You need to open that folder, and highlight all of the contents and move them to your root (or public_html folder). This will take some time because there are hundreds of files in that folder, and your<a href="http://fetchsoftworks.com/" > FTP </a>program can only move them so fast. </p>
<p>Once that is done, you will need to go to the following file:<br />
catalog/includes/configure.php<br />
**** Please see the below note</p>
<p>Open this file in a text editor (dreamweaver, textedit, notepad etc) </p>
<p>Configure.php is where you tell your website which folders and files to look for certain pages.<br />
You will want to pay close attention to these lines of code: (line 6-10)</p>
<table border=2px solid cellpadding="10px">
<tr>
<td cellpadding="5px">
  define(&#8216;HTTP_COOKIE_PATH&#8217;, &#8216;/catalog/&#8217;);<br />
  define(&#8216;HTTPS_COOKIE_PATH&#8217;, &#8216;/catalog/&#8217;);<br />
  define(&#8216;DIR_WS_HTTP_CATALOG&#8217;, &#8216;/catalog/&#8217;);<br />
  define(&#8216;DIR_WS_HTTPS_CATALOG&#8217;, &#8216;/catalog/&#8217;);</tr>
</td>
</table>
<p>You will want to change everywhere you see &#8216;/catalog/&#8217; to simply &#8216;/&#8217;</p>
<p>You then want to go to catalog/admin/includes/configure.php and do exactly the same. </p>
<p>Confused as to why you have two configure.php files?? Click <a href="http://www.webdesignforidiots.net/2009/02/roadmap-to-oscommerce-file-structure-for-newbies/" >here to read about the oscommerce file structure.</a> </p>
<p>If you complete this and you get some type of error page that has your host&#8217;s name on it, that means that your host created an index.html page for you. You will want to go to your root folder and search for index.html and delete it. Your new home page will be called index.php</p>
<p>**** if you installed oscommerce and followed the instructions and removed the error that said &#8220;configure.php is writable&#8221; then you will not be able to change anything in your configure.php file.<a href="http://www.webdesignforidiots.net/2009/02/why-do-i-have-to-give-permission-to-my-filesfolders/" > Read here on how to change the permission for that file. </a></p>
<div class='oio-postlinks'><b>&raquo; Post Ad Purchase:</b>&nbsp;&nbsp;<a rel='nofollow' href='http://www.webdesignforidiots.net/wp-content/plugins/oiopub-direct/purchase.php?do=inline&amp;type=4&amp;p=244'>Intext Link</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesignforidiots.net/2009/02/moving-wordpress-to-your-root/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

