<?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>Berthou.com &#187; design</title>
	<atom:link href="http://www.berthou.com/us/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.berthou.com/us</link>
	<description>A french developper blog</description>
	<lastBuildDate>Mon, 09 Aug 2010 08:55:28 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5</generator>
		<item>
		<title>WordPress &#8211; a good printing with the CSS</title>
		<link>http://www.berthou.com/us/2009/06/13/wordpress-a-good-printing-with-the-css/</link>
		<comments>http://www.berthou.com/us/2009/06/13/wordpress-a-good-printing-with-the-css/#comments</comments>
		<pubDate>Sat, 13 Jun 2009 17:24:28 +0000</pubDate>
		<dc:creator>rberthou</dc:creator>
				<category><![CDATA[dhtml]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://www.berthou.com/us/2009/06/13/wordpress-a-good-printing-with-the-css/</guid>
		<description><![CDATA[A good use of style sheet. I often print an article to keep a copy. I use most of the time a &#8220;see before printing&#8221; to select the pages I want to print. But I&#8217;ve remarked that 50% of the printing area is employed with publicities or menus. When we create the design of a [...]]]></description>
				<content:encoded><![CDATA[<h2 class="titre2">A good use of style sheet.</h2>
<p><img src="/_img/printer_0.png" alt="Imprimante " class="left"/><br />
I often print an article to keep a copy. I use most of the time a &#8220;see before printing&#8221; to select the pages I want to print. But I&#8217;ve remarked that 50% of the printing area is employed with publicities or menus.</p>
<p>When we create the design of a site we foresee an area for menus, for publicity and sometimes others specific areas to boost the look and the ergonomic of the site.<br />
These areas useful for the navigation become a pain for the printing of the article. However it is very simple to handle this problem if you use the style papers.<strong>CSS</strong>.</p>
<p>In an ecological wish (it&#8217;s tendance) but also to have a &#8220;cleaner&#8221; printed text, I am going to explain you how to adapt your WP theme to print correctly.<br />
<span id="more-45"></span></p>
<p><img src="/_img/imp_screen.png" alt="Structure ecran d'un site" class="left"/><br />
<img src="/_img/imp_prt.png" alt="Structure ecran d'un site" class="right"/></p>
<h2 class="titre2">Modifications for WordPress</h2>
<p>WordPress, like all the blog or CMS motors, use style papers to make easier the adpatation of the presentation. Also it is quite simple to adapt your theme, if it doesn&#8217;t permit it. In my case the adpatation took me less than one hour. Here is the modifications to make :</p>
<ul>
<li>print.css : creation of the specific style paper for the printing &#8211; It is a minimum version I only use the ID No Print that I hide for the impression, you can make it richer to modificate the margins, the size of the police and many other things.
<p class="alertCode">* #NoPrint {<br />
   display: none;<br />
}</p>
</li>
<li>header.php : Add of the style papers &#8220;media&#8221; for the print.
<p class="alertCode">
&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; <b>media=&#8221;print&#8221;</b>  href=&#8221;<b>&lt;?php bloginfo(&#8216;template_url&#8217;); ?&gt;</b>/print.css&#8221; /&gt;
</p>
</li>
<li>index.php, page.php, &#8230; : Modification of many pages in the theme to add a &#8211; <b>id=&#8221;NoPrint&#8221;</b> &#8211; to the elements i don&#8217;t want to print.
</li>
</ul>
<h2 class="titre2">Downloads</h2>
<p>I propose you to download the last version of the theme Rbl-Illacrimo which includes the support of the printing.</p>
<p class="alertDownload">
<a href="/download.php?type=wp&#038;file=rbl-illacrimo-fr.zip">Rbl &#8211; Illacrimo &#8211; Français</a><br/><br />
<a href="/download.php?type=wp&#038;file=rbl-illacrimo.zip">Rbl &#8211; Illacrimo &#8211; English</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.berthou.com/us/2009/06/13/wordpress-a-good-printing-with-the-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WWW &#8211; Butons and icons libraries&#8230;.</title>
		<link>http://www.berthou.com/us/2008/03/13/www-butons-and-icons-libraries/</link>
		<comments>http://www.berthou.com/us/2008/03/13/www-butons-and-icons-libraries/#comments</comments>
		<pubDate>Thu, 13 Mar 2008 12:17:18 +0000</pubDate>
		<dc:creator>rberthou</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[www]]></category>
		<category><![CDATA[image]]></category>

		<guid isPermaLink="false">http://www.berthou.com/us/2008/03/13/www-butons-and-icons-libraries/</guid>
		<description><![CDATA[We all usually use images, butons and icons in our applications. I also often need some to improve the look of my developments. The solution &#8220;image research&#8221; or on an other classical engine need a high work and moreover, the using condition (licence) of the founded image are very hard or impossible to identify. So [...]]]></description>
				<content:encoded><![CDATA[<p><img src="/_img/icons_0.png" alt="IconPedia.com" border="0" class="right"/><br />
We all usually use images, butons and icons in our applications. I also often need some to improve the look of my developments. The solution &#8220;image research&#8221; or on an other classical engine need a high work and moreover, the using condition (licence) of the founded image are very hard or impossible to identify.</p>
<p>So I search specifics sites which propose to me an icon library  (I wanted a sober interface, easy to use and free images).</p>
<p><span id="more-44"></span></p>
<p>The result of my research show to me three very interesting sites :</p>
<p><br/><br />
<a href="http://www.iconlet.com/" target="_blank"><img src="/_img/iconlet.gif" alt="IconLet.com" class="left" border="0"/></a><br />
This site propose an easy research on his image bank and display the size and the licence conditions of each object.<br />
An advanced research option permit to filter precisely the size or the wanted licence.<br />
<br/><br/></p>
<p><a href="http://www.iconfinder.net/" target="_blank"><img src="/_img/iconfinder.jpg" alt="IconFinder.net" class="left" border="0"/></a><br />
The interface is also very sober and easy to use. A research option by a &#8220;cloud tags&#8221; is avaible.<br />
I regret that the licence and the size of the image can not be seen at once.<br />
<br/><br/></p>
<p><a href="http://www.iconspedia.com/" target="_blank"><img src="/_img/iconspedia.png" class="left" alt="IconPedia.com" border="0"/></a><br />
I find it less practical to use but however interesting. And it always permit to have a widest choice of images.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.berthou.com/us/2008/03/13/www-butons-and-icons-libraries/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
