<?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>Free css templates &#187; Web design</title>
	<atom:link href="http://www.styletheweb.gr/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.styletheweb.gr</link>
	<description>Tips about web design, graphic design and seo.</description>
	<lastBuildDate>Fri, 30 Mar 2012 20:28:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>WordPress SEO plugin</title>
		<link>http://www.styletheweb.gr/web-design/wordpress-seo-plugin/</link>
		<comments>http://www.styletheweb.gr/web-design/wordpress-seo-plugin/#comments</comments>
		<pubDate>Tue, 14 Jun 2011 21:17:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Seo services]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.styletheweb.gr/?p=700</guid>
		<description><![CDATA[A few days ago I downloaded and tried this great plugin from codex.wordpress.org. Some of the advanced features of this plugin: Permalink clean up. Excludes the category base (usually /category/) from the category URL. Post titles and meta descriptions Robots Meta configuration Canonical Breadcrumbs XML Sitemaps RSS enhancements Edit your robots.txt and .htaccess Clean up [...]]]></description>
			<content:encoded><![CDATA[<p>A few days ago I downloaded and tried this great plugin from <a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/">codex.wordpress.org</a>. Some of the advanced features of this plugin:</p>
<ul>
<li>Permalink clean up. Excludes the category base (usually /category/) from the category URL.</li>
<li>Post titles and meta descriptions</li>
<li>Robots Meta configuration</li>
<li>Canonical</li>
<li>Breadcrumbs</li>
<li>XML Sitemaps</li>
<li>RSS enhancements</li>
<li>Edit your robots.txt and .htaccess</li>
<li>Clean up head section</li>
</ul>
<p>I recommend this plugin. If you want to read more about feature descriptions visit the <a href="http://yoast.com/wordpress/seo/">plugin website</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/web-design/wordpress-seo-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Explore create and share color themes</title>
		<link>http://www.styletheweb.gr/web-design/explore-create-and-share-color-themes/</link>
		<comments>http://www.styletheweb.gr/web-design/explore-create-and-share-color-themes/#comments</comments>
		<pubDate>Wed, 20 Apr 2011 20:53:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[color themes]]></category>

		<guid isPermaLink="false">http://www.styletheweb.gr/?p=678</guid>
		<description><![CDATA[Right color combination is the most important element in design, both the printing environment and the internet. Color has a direct impact on humans. Human brain identify an element first from the shape and after from the color. Professional designers not use random color combinations. Each color affect different the human brain and mood. One [...]]]></description>
			<content:encoded><![CDATA[<p>Right color combination is the most important element in design, both the printing environment and the internet. Color has a direct impact on humans. Human brain identify an element first from the shape and after from the color. </p>
<p>Professional designers not use random color combinations. Each color affect different the human brain and mood. One beautifull website that I first saw several years ago about color communication and symbolism is <a href="http://www.mariaclaudiacortes.com/">color in motion</a> by Maria Claudia Cortes.</p>
<p>In this article i&#8217;ll refer some useful tools that i have tasted before for the right color combination on color wheel. A great on line application that allows you to produce your own color theme, or choose one of several color themes created by other users is <a href="http://www.mariaclaudiacortes.com/">Kuler</a></p>
<p><img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/kuler_color_tool_index1.jpg" alt="Kuler website" title="kuler_color_tool_index" width="550" height="400" class="alignnone size-full wp-image-646" /><br />
You can edit, add or remove colors from the color palette you choose to fit perfectly your requirements.</p>
<h4>Create a new color theme from color</h4>
<p><img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/create_color_from_color.jpg" alt="Create theme from color" title="create_color_from_color" width="550" height="400" class="alignnone size-full wp-image-648" /></p>
<ul>
<li>Choose create from the left menu </li>
<li>Place mouse over the square and you ll see two options &#8216;Set as Base&#8217; and &#8216;Remove Color&#8217;.</li>
<li>Remove four of the five colors.</li>
<p><img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/kuler_edit_color_theme.jpg" alt="Edit color theme" title="kuler_edit_color_theme" width="550" height="400" class="alignnone size-full wp-image-647" /></p>
<li>One color has remained. Edit the color codes and choose the profile you want RGB, CMYC, LAB, HCV and HEX or drag the circle inside the color wheel to select the color manually.</li>
<li>Set it as based color.</li>
<li>Choose the right rule for you, Analogous, Monochromatic, Coplementary, Triad etc. from the menu on the left.</li>
<li>Add new color based on your selection rule.</li>
</ul>
<p>You color theme is ready for use. You can save your color values. Or take a screenshot an save it as an  image.</p>
<h4>New color theme from image</h4>
<p><img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/create_color_from_image_default.jpg" alt="Create color theme from image" title="create_color_from_image_default" width="550" height="400" class="alignnone size-full wp-image-650" /></p>
<ul>
<li>In the left menu choose create.</li>
<li>Choose from an image.</li>
<li>Upload button below the image container and browse your hard disc to choose the image you want. The image must not exceed the 2.5Mb.</li>
<li>Kuler system generate automatically five spots inside the image depending on the selected option in   mood menu on the left. Play with this menu to understand how it works. It is very interesting tool.</li>
</ul>
<h4>Color Schemer Designer 3</h4>
<p>One more on line color tool is <a href="http://colorschemedesigner.com/">Color Scheme Designer 3</a>. This is almost same with Kuler but here you have the opportunity to see the colors like someone with colorblind. This is very interesting tool for accessibility in web design.<br />
<img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/color_schemer_designer3.jpg" alt="Color Schemer Designer website" title="color_schemer_designer3" width="550" height="392" class="alignnone size-full wp-image-694" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/web-design/explore-create-and-share-color-themes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Custom web design</title>
		<link>http://www.styletheweb.gr/web-design/custom-web-design/</link>
		<comments>http://www.styletheweb.gr/web-design/custom-web-design/#comments</comments>
		<pubDate>Thu, 07 Apr 2011 20:49:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://localhost/styletheweb/?p=285</guid>
		<description><![CDATA[Below there are some websites we have designed. Unfortunately, the content in many of these is only in Greek. Fkr Restoration Studio Zeppelin computers Heat transfers, Evagelos Athanasiadis Professional Refrigerant Αssociation Lighting Theofanous Kostas GFS-PRO &#8211; Recording Studio Hometools e-shop Fast repair Gionis Anastasios Alexopoulos building materials Ultina Industrial Brushes Ereyna Aigio newspaper Chris Frantzis [...]]]></description>
			<content:encoded><![CDATA[<p>Below there are some websites we have designed. Unfortunately, the content in many of these is only in Greek.</p>
<ul>
<li><a title="Fkr Restoration Studio" href="http://www.fkrstudio.com">Fkr Restoration Studio</a></li>
<li><a title="Zeppelin computers" href="http://www.zeppelincomputers.com">Zeppelin computers</a></li>
<li><a title="Heat transfers, Evagelos Athanasiadis" href="http://www.eastampes.gr">Heat transfers, Evagelos Athanasiadis</a></li>
<li><a title="Professional Refrigerant Αssociation " href="http://www.somapsiktikon.gr">Professional Refrigerant Αssociation </a></li>
<li><a title="Lighting Theofanous Kostas" href="http://www.lightingpath.com">Lighting Theofanous Kostas</a></li>
<li><a title="GFS-PRO - Recording Studio" href="http://www.gfs-pro.com">GFS-PRO &#8211; Recording Studio</a></li>
<li><a title="Hometools e-shop" href="http://www.hometools.gr">Hometools e-shop</a></li>
<li><a title="Fastrepair Gionis Anastasios" href="http://www.fastrepair.gr">Fast repair Gionis Anastasios</a></li>
<li><a title="Alexopoulos building materials" href="http://www.alexopoulosdomika.gr">Alexopoulos building materials</a></li>
<li><a title="Ultina Industrial Brushes" href="http://industrial-brushes.net">Ultina Industrial Brushes</a></li>
<li><a title="Newspaper of Aigio municipality in Achaia, Greece" href="http://ereyna-aigio.gr">Ereyna Aigio newspaper</a></li>
<li><a title="Chris Frantzis Handmade Furniture" href="http://frantzis-epiplo.gr">Chris Frantzis Handmade Furniture</a></li>
<li><a title="Alivizatos | Automobile Import &#038; Sales" href="http://alivizatos-cars.gr">Alivizatos | Automobile Import &#038; Sales</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/web-design/custom-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free website templates design and development</title>
		<link>http://www.styletheweb.gr/web-design/free-website-templates-design-development/</link>
		<comments>http://www.styletheweb.gr/web-design/free-website-templates-design-development/#comments</comments>
		<pubDate>Thu, 07 Apr 2011 21:44:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://localhost/styletheweb/?p=283</guid>
		<description><![CDATA[Website templates usually consist of an initial page (home page) with a navigation system inoperative. The links don&#8217;t lead to other pages. There are no other pages to go. The user lead the links to other pages that will build itself. Many times the website layout in separate pages should be changed to ensure better [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Website templates</strong> usually consist of an initial page (home page) with a navigation system inoperative. The links don&#8217;t lead to other pages. There are no other pages to go. The user lead the links to other pages that will build itself. Many times the <strong>website layout</strong> in separate pages should be changed to ensure better visibility of contents.</p>
<p>We offer complete and <strong>free website templates</strong>  with integrated navigation systems. All you have to do is to select the template you like. Download it to your computer, change the content and you have a <strong>complete website</strong> ready for uploading to a remote server.</p>
<p>Notice &#8211; For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to this web page.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/web-design/free-website-templates-design-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cross browser compatible websites</title>
		<link>http://www.styletheweb.gr/web-design/cross-browser-compatible-websites/</link>
		<comments>http://www.styletheweb.gr/web-design/cross-browser-compatible-websites/#comments</comments>
		<pubDate>Thu, 07 Apr 2011 21:39:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://localhost/styletheweb/?p=275</guid>
		<description><![CDATA[A successful website must combine three essential characteristics. The source code has to be clean and valid (so that everyone, human or machine can be easily read, understand, modify). The attractive appearance (visual concept, frontend). The useful and valid content. The right combination of these characteristics requires many years of knowledge, experience, imagination, talent and [...]]]></description>
			<content:encoded><![CDATA[<p>A successful website must combine three essential characteristics.</p>
<ul>
<li>The source code has to be clean and valid (so that everyone, human or machine can be easily read, understand, modify).</li>
<li>The attractive appearance (visual concept, frontend).</li>
<li>The useful and valid content.</li>
</ul>
<p>The right combination of these characteristics requires many years of knowledge, experience, imagination, talent and above all, love for this job.</p>
<p>Following the rules <strong><a href="http://www.w3.org/">web standards</a></strong> set by the World Wide Web Consortium <acronym title="World Wide Web Consortium">w3.org</acronym>. All my work is full compatible with all major (web browsers), and friendly for search engines.</p>
<p><img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/compatible_firefox.gif" alt="firefox" title="compatible_firefox" width="31" height="30" size-full wp-image-281" /><br />
<img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/compatible_ie.gif" alt="IE" title="compatible_ie" width="31" height="30" size-full wp-image-282" /><br />
<img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/compatible_opera.gif" alt="opera" title="compatible_opera" width="32" height="30" size-full wp-image-280" /><br />
<img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/compatible_chrome.gif" alt="chrome" title="compatible_chrome" width="31" height="30" size-full wp-image-279" /><br />
<img src="http://www.styletheweb.gr/wp-content/uploads/2011/04/compatible_safari.gif" alt="safari" title="compatible_safari" width="28" height="30" size-full wp-image-278" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/web-design/cross-browser-compatible-websites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 render solution for IE 6-8</title>
		<link>http://www.styletheweb.gr/web-design/css3-render-solution-for-ie-6-8/</link>
		<comments>http://www.styletheweb.gr/web-design/css3-render-solution-for-ie-6-8/#comments</comments>
		<pubDate>Wed, 30 Mar 2011 20:56:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://www.styletheweb.gr/blog/?p=155</guid>
		<description><![CDATA[PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features. The procedure is simple: 1. Visit the PIE website 2. Check the CSS3 features you want 3. Check the “Show CSS” check box to see the generated css 4. Copy the css code and paste in your css file [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.styletheweb.gr/wp-content/uploads/2011/03/logo.png" alt="" title="CCS3 PIE" width="194" height="127" class="alignnone size-full wp-image-156" /></p>
<p>PIE makes Internet <strong>Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.</strong> The procedure is simple:</p>
<ol>
<li><strong>1. </strong>Visit the <a href="http://css3pie.com/">PIE website</a></li>
<li><strong>2. </strong>Check the CSS3  features you want</li>
<li><strong>3. </strong>Check the “Show CSS” check box to see the generated css</li>
<li><strong>4. </strong>Copy the css code and paste in your css file</li>
<li><strong>5. </strong>Download and save PIE files in your website. PIE.php for php pages, or PIE.htc for html pages</li>
</ol>
<p>You are ready to see IE render right way CSS3 rules.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/web-design/css3-render-solution-for-ie-6-8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Open Office software POWER</title>
		<link>http://www.styletheweb.gr/web-design/open-office-software-power/</link>
		<comments>http://www.styletheweb.gr/web-design/open-office-software-power/#comments</comments>
		<pubDate>Sat, 19 Feb 2011 13:46:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Open source]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://www.styletheweb.gr/blog/?p=120</guid>
		<description><![CDATA[First of all this is an open source software free for anyone. You can download it here: http://www.openoffice.org This story began when i tried to fill in a pdf form questionnaire about web design. The author of this website give you the opportunity to download the fillable pdf form, to fill in the text inputs [...]]]></description>
			<content:encoded><![CDATA[<p>First of all this is an open source software free for anyone. You can download it here:  <a href="http://www.openoffice.org">http://www.openoffice.org</a></p>
<p><img class="alignnone size-full wp-image-133" title="openoffice-logo" src="http://www.styletheweb.gr/wp-content/uploads/2011/02/openoffice-logo1.png" alt="" width="200" height="123" /></p>
<p>This story began when i tried to fill in a pdf form questionnaire about web design. The author of this website give you the opportunity to download the fillable pdf form, to fill in the text inputs and send it back to him. When i was open the pdf document with Adobe Reader 9 i saw a message:<br />
<em><br />
</em></p>
<blockquote><p><em>Save a blank copy of this form. Data typed into this form will not be saved. Adobe Reader can only save a blank copy of this form. Please print your completed form if you would like a copy for your records.</em></p></blockquote>
<p><em> </em><br />
These days i had been trying to make a form in pdf document. The only software be able to do this is Adobe Acrobat X Pro, it costs 449 $ in Adobe&#8217;s website.  I searched in Google for this problem and i found that Open Office is capable software to do this job with no cost.</p>
<p>OpenOffice.org Word Processor for UBUNTU or OpenOffice.org Writer for WINDOWS do the same work. If you need help to do that, download the <a href="http://documentation.openoffice.org/manuals/">OpenOffice guied<br />
</a><br />
Make the forms and export document as PDF. Very very nice procedure. Why you have to buy Adobe product for 449 $?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/web-design/open-office-software-power/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Candybox website template, free download!</title>
		<link>http://www.styletheweb.gr/web-design/candybox-website-template-free-download/</link>
		<comments>http://www.styletheweb.gr/web-design/candybox-website-template-free-download/#comments</comments>
		<pubDate>Wed, 08 Dec 2010 19:02:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://www.styletheweb.gr/blog/?p=93</guid>
		<description><![CDATA[You can download and use this website template for personal or commercial use. This work is licenced under a Creative Commons License.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.styletheweb.gr/wp-content/uploads/2010/12/candybox_blog_preview.jpg" alt="Candybox preview" title="candybox_blog_preview" width="550" height="367" class="alignnone size-full wp-image-94" /><br />
You can <a href="http://www.styletheweb.gr/wp-content/themes/stylethe_tmpl/xhtml-css-tmpls/candybox.zip">download</a> and use this website template for personal or commercial use. This work is licenced under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons License</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/web-design/candybox-website-template-free-download/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Browser Compatibility Check for IE 5.5 to 9</title>
		<link>http://www.styletheweb.gr/web-design/browser-compatibility-check-for-internet-explorer-versions-from-5-5-to-9/</link>
		<comments>http://www.styletheweb.gr/web-design/browser-compatibility-check-for-internet-explorer-versions-from-5-5-to-9/#comments</comments>
		<pubDate>Wed, 06 Oct 2010 14:36:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[Browser compatibility]]></category>

		<guid isPermaLink="false">http://www.styletheweb.gr/blog/?p=83</guid>
		<description><![CDATA[This is a great tool for web designers and web masters. When you develop a website you have to test it for browser compatibility. With ie-tester you needn&#8217;t more computers with different versions of Microsoft IE installed. You can test your website in all versions of internet explorer, IE5.5, IE6, IE7, IE8, IE9 from one [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.styletheweb.gr/wp-content/uploads/2010/10/ie-tester.png" alt="Ie tester for windows" title="ie-tester" width="258" height="257" class="alignnone size-full wp-image-84" /></p>
<p>This is a great tool for web designers and web masters. When you develop a website you have to test it for browser compatibility. With <a href="http://www.my-debugbar.com/wiki/IETester/HomePage">ie-tester</a> you needn&#8217;t more computers with different versions of Microsoft IE installed. You can test your website in all versions of internet explorer, IE5.5, IE6, IE7, IE8, IE9 from one computer, without more installations.</p>
<p><a href="http://www.my-debugbar.com/wiki/IETester/HomePage">Download</a> ie-tester absolutely free.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/web-design/browser-compatibility-check-for-internet-explorer-versions-from-5-5-to-9/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Usability, accessibility and SEO test for you website</title>
		<link>http://www.styletheweb.gr/web-design/usability-accessibility-seo/</link>
		<comments>http://www.styletheweb.gr/web-design/usability-accessibility-seo/#comments</comments>
		<pubDate>Sat, 02 Oct 2010 14:59:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Seo services]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://www.styletheweb.gr/blog/?p=72</guid>
		<description><![CDATA[Have you ever wondered about your website rank for accessibility, usability and seo? If you want a reply, visit http://www.qualidator.com without, or free registration you can do a test on any webpage you want and in seconds you will get the results. Use Qualidator site analyzer and increase your website accessibility, usability and seo. Use [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.styletheweb.gr/wp-content/uploads/2010/10/qualidator.png" alt="" title="qualidator" width="550" height="356" class="alignnone size-full wp-image-77" /></p>
<p>Have you ever wondered about your website rank for accessibility, usability and seo?<span id="more-72"></span></p>
<p>If you want a reply, visit <a title="Qualidator test website" href="http://www.qualidator.com/wqm/en/Default.aspx" target="_self">http://www.qualidator.com</a> without, or free registration you can do a test on any webpage you want and in seconds you will get the results.</p>
<p>Use Qualidator site analyzer and increase your website accessibility, usability and seo. Use it as a proof to your customers or new clients by showing the quality of your web design services.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.styletheweb.gr/web-design/usability-accessibility-seo/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

