<?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>MyLifeBBS &#187; IE 6</title>
	<atom:link href="http://www.mylifebbs.com/tag/ie-6/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mylifebbs.com</link>
	<description>The World without Boundaries</description>
	<lastBuildDate>Sat, 05 Jun 2010 14:17:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>A little Talk on website Template and skin design</title>
		<link>http://www.mylifebbs.com/2009/03/a-little-talk-on-website-template-and-skin-design/</link>
		<comments>http://www.mylifebbs.com/2009/03/a-little-talk-on-website-template-and-skin-design/#comments</comments>
		<pubDate>Fri, 06 Mar 2009 17:36:33 +0000</pubDate>
		<dc:creator>George</dc:creator>
				<category><![CDATA[Things in The Internet]]></category>
		<category><![CDATA[IE 6]]></category>
		<category><![CDATA[website template]]></category>

		<guid isPermaLink="false">http://www.mylifebbs.com/2009/03/a-little-talk-on-website-template-and-skin-design/</guid>
		<description><![CDATA[Over the time, I visited thousands of websites a month just like you (if you’re that crazy like me). I noticed that many websites are broken or not supporting standard web coding guideline as stated by w3c.    
One of the reason of course if the laziness of the site designer and using [...]


Related posts:<ol><li><a href='http://www.mylifebbs.com/2009/10/best-free-javascript-and-css-compressor-to-optimized-your-website/' rel='bookmark' title='Permanent Link: Best Free JavaScript and CSS Compressor to Optimized your Website.'>Best Free JavaScript and CSS Compressor to Optimized your Website.</a></li>
<li><a href='http://www.mylifebbs.com/2009/03/dotnetnuke-accessibility-skins/' rel='bookmark' title='Permanent Link: DotNetNuke Accessibility Skins'>DotNetNuke Accessibility Skins</a></li>
<li><a href='http://www.mylifebbs.com/2009/03/time-saving-tip-open-all-project-websites-in-3-clicks/' rel='bookmark' title='Permanent Link: Time Saving Tip: Open all project websites in 3 clicks.'>Time Saving Tip: Open all project websites in 3 clicks.</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Over the time, I visited thousands of websites a month just like you (if you’re that crazy like me). I noticed that many websites are broken or not supporting standard web coding guideline as stated by w3c.    </p>
<p>One of the reason of course if the laziness of the site designer and using outdated coding editor like FrontPage. While the root of the causes is the lack of knowledge and skill by the designer as more and more website require programming language like PHP and .NET.</p>
<p>Another phenomena is kinda wtf one which I found that those websites that offer free site template are very beautiful but offering lousy templates for you and no point they give you their own skin. Don’t believe? take a look at <a href="http://www.Jooma.org">www.Jooma.org</a> and <a href="http://www.wordpress.org">www.wordpress.org</a>. Why don’t they just include they own beautiful skin together like <a href="http://www.dotnetnuke.com">www.dotnetnuke.com</a> (Brilliant!)?     </p>
<p>While for those professional site template design companies, you will see how ugly their website is it but with a lot of amazing templates for sell or client profiles. The only reason I can think of is that they do not want their clients to have a website ugly than their company website (else they will demand a lot I guess).</p>
<p>Anyway, I’m making a nice skin, (I mean really nice skin) during my free time. It should be a DNN skin and container but with the power to convert it easily to any other platform. It will be free of course <img src='http://www.mylifebbs.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>While to reduce the hard time for site designer and for your IE6 users’ sake…. it would be cool to add a code to help eliminate IE6 users by adding a simple conditioned CSS to show something like: </p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, &#39;Courier New&#39;, courier, monospace; background-color: #f4f4f4">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> <span style="color: #008000">&lt;!--[if lte IE 6]&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   2:</span> <span style="color: #008000">&lt;style type=&quot;text/css&quot;&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   3:</span> <span style="color: #008000">#ie6msg{border:3px solid #c33; margin:8px 0; background:#fcc; color:#000;}</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   4:</span> <span style="color: #008000">#ie6msg h4{margin:8px; padding:0;}</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   5:</span> <span style="color: #008000">#ie6msg p{margin:8px; padding:0;}</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   6:</span> <span style="color: #008000">#ie6msg p a.getie7{font-weight:bold; color:#006;}</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   7:</span> <span style="color: #008000">#ie6msg p a.ie6expl{font-weight:bold; color:#006;}</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   8:</span> <span style="color: #008000">&lt;/style&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   9:</span> <span style="color: #008000">&lt;div id=&quot;ie6msg&quot;&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  10:</span> <span style="color: #008000">&lt;h4&gt;Did you know that your browser is out of date?&lt;/h4&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  11:</span> <span style="color: #008000">&lt;p&gt;To get the best possible experience using my website I recommend that you upgrade your browser to a newer version. The current version is &lt;a class=&quot;getie7&quot; href=&quot;http://www.microsoft.com/windows/downloads/ie/getitnow.mspx&quot;&gt;Internet Explorer 7&lt;/a&gt; or &lt;a class=&quot;getie7&quot; href=&quot;http://www.microsoft.com/windows/Internet-explorer/beta/default.aspx&quot;&gt;Internet Explorer 8 (Beta)&lt;/a&gt;. The upgrade is free. If you’re using a PC at work you should contact your IT-administrator. Either way, I'd personally like to encourage you to stop using IE6 and try a more secure and Web Standards-friendly browser.&lt;/p&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  12:</span> <span style="color: #008000">&lt;p&gt;You could also try some other popular browsers like &lt;a class=&quot;ie6expl&quot; href=&quot;http://mozilla.com&quot;&gt;FireFox&lt;/a&gt; or &lt;a class=&quot;ie6expl&quot; href=&quot;http://www.opera.com&quot;&gt;Opera&lt;/a&gt;.&lt;/p&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  13:</span> <span style="color: #008000">&lt;/div&gt;</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  14:</span> <span style="color: #008000">&lt;![endif]--&gt;</span> </pre>
</p></div>
</div>
<p>Full credited to:<br />
  <br /><a title="http://www.hanselman.com/blog/IE6WarningStopLivingInThePastGetOffOfIE6.aspx" href="http://www.hanselman.com/blog/IE6WarningStopLivingInThePastGetOffOfIE6.aspx">http://www.hanselman.com/blog/IE6WarningStopLivingInThePastGetOffOfIE6.aspx</a></p>
<p>You should see a box floating on the site if your are using IE6 to view&#160; website with the above code. Yup, it is cool but it just annoys some IE6 users as they have no choice but the use IE6 due to their company do not upgrade their web browser as it will affect the work a lot and money of course. The other reasons may simply because the ignorance of Internet beginner/old people and may just because you are using Pirated Windows and not dare to validate your Windows and UPDATE IT! <img src='http://www.mylifebbs.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  hehe…</p>


<p>Related posts:<ol><li><a href='http://www.mylifebbs.com/2009/10/best-free-javascript-and-css-compressor-to-optimized-your-website/' rel='bookmark' title='Permanent Link: Best Free JavaScript and CSS Compressor to Optimized your Website.'>Best Free JavaScript and CSS Compressor to Optimized your Website.</a></li>
<li><a href='http://www.mylifebbs.com/2009/03/dotnetnuke-accessibility-skins/' rel='bookmark' title='Permanent Link: DotNetNuke Accessibility Skins'>DotNetNuke Accessibility Skins</a></li>
<li><a href='http://www.mylifebbs.com/2009/03/time-saving-tip-open-all-project-websites-in-3-clicks/' rel='bookmark' title='Permanent Link: Time Saving Tip: Open all project websites in 3 clicks.'>Time Saving Tip: Open all project websites in 3 clicks.</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.mylifebbs.com/2009/03/a-little-talk-on-website-template-and-skin-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
