<?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>DOUAMI &#187; CSS</title>
	<atom:link href="http://www.douami.com/index.php/archives/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.douami.com</link>
	<description>Tous pour le Développement web</description>
	<lastBuildDate>Tue, 02 Mar 2010 20:19:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Free Flash</title>
		<link>http://www.douami.com/index.php/archives/free-flash.html</link>
		<comments>http://www.douami.com/index.php/archives/free-flash.html#comments</comments>
		<pubDate>Sat, 28 Feb 2009 00:07:24 +0000</pubDate>
		<dc:creator>yosweb</dc:creator>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[galerie]]></category>
		<category><![CDATA[templates]]></category>

		<guid isPermaLink="false">http://www.douami.com/?p=89</guid>
		<description><![CDATA[
flashmo.com fournit gratuitement des modèles flash, des galeries photo 3d en flash, avec la possibilité d&#8217;un aperçu avant le téléchargement gratuite du fichier FLA pour l&#8217;éditer et l&#8217;utiliser dans vos sites web.
Sans oublier aussi les templates flash payants si vous avez besoins de model extraordinaire.  flashmo.com présente aussi des templates en html et CSS sur [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flashmo.com/" target="_blank"><img class="aligncenter size-medium wp-image-90" src="http://www.douami.com/wp-content/uploads/2009/02/flash-375x400.jpg" alt="" width="393" height="289" /></a></p>
<p><a href="http://www.flashmo.com/" target="_blank">flashmo.com</a> fournit gratuitement des modèles flash, des galeries photo 3d en flash, avec la possibilité d&#8217;un aperçu avant le téléchargement gratuite du fichier FLA pour l&#8217;éditer et l&#8217;utiliser dans vos sites web.<span id="more-89"></span></p>
<p>Sans oublier aussi les templates flash payants si vous avez besoins de model extraordinaire.  <a href="http://www.flashmo.com/" target="_blank">flashmo.com</a> présente aussi des templates en html et CSS sur <a href="http://www.templatemo.com/" target="_blank">templatemo.com</a> avec un téléchargent gratuit.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.douami.com/index.php/archives/free-flash.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Générez des effets dégradés web 2.0 sur vos textes avec du css</title>
		<link>http://www.douami.com/index.php/archives/generez-des-effets-degrades-web-20-sur-vos-textes-avec-du-css.html</link>
		<comments>http://www.douami.com/index.php/archives/generez-des-effets-degrades-web-20-sur-vos-textes-avec-du-css.html#comments</comments>
		<pubDate>Tue, 13 Jan 2009 22:56:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[effet]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[web2]]></category>

		<guid isPermaLink="false">http://www.douami.com/?p=44</guid>
		<description><![CDATA[
Et oui c&#8217;est possible avec CSS d&#8217;appliquer un effet dégradé sur des titres &#60;h1&#62;, &#60;h2&#62; ou &#60;h3&#62; En réalité la technique est simple.
Tout d&#8217;abord la syntaxe HTML pour mettre en place le système est :

&#60;h2&#62;Mon titre&#60;span&#62;&#60;/span&#62;&#60;/h2&#62;

Puis du coté CSS il va falloir placer un PNG semi-transparent par dessus puis générer l&#8217;effet de dégradé!
Votre balise de [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-43 aligncenter" src="http://www.douami.com/wp-content/uploads/2009/01/css.jpg" alt="" width="425" height="203" /></p>
<p>Et oui c&#8217;est possible avec CSS d&#8217;appliquer un effet dégradé sur des titres &lt;h1&gt;, &lt;h2&gt; ou &lt;h3&gt; En réalité la technique est simple.<span id="more-44"></span></p>
<p>Tout d&#8217;abord la syntaxe HTML pour mettre en place le système est :</p>
<ul>
<li>&lt;h2&gt;Mon titre&lt;span&gt;&lt;/span&gt;&lt;/h2&gt;</li>
</ul>
<p>Puis du coté CSS il va falloir placer un PNG semi-transparent par dessus puis générer l&#8217;effet de dégradé!</p>
<p>Votre balise de titre</p>
<ul>
<li>h2 {<br />
font-size:220%;<br />
color:#0079b6;<br />
font-weight:normal;<br />
letter-spacing:-.05em;<br />
margin:.6em 0;<br />
position:relative;<br />
}</li>
</ul>
<p>Notre petit degradé !</p>
<ul>
<li> h2 span{position:absolute;<br />
display:block;<br />
top:0;<br />
left:0;<br />
height:100%;<br />
width:100%;<br />
background:url(gradient_1.png) repeat-x;<br />
}</li>
</ul>
<p>Et pour que ça soit compatible avec les navigateurs  :</p>
<ul>
<li> * html h2 span{<br />
background-color:#fff;<br />
back\ground-color:transparent;<br />
background-image: url(none.gif);<br />
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=&nbsp;&raquo;gradient_1.png&nbsp;&raquo;, sizingMethod=&nbsp;&raquo;scale&nbsp;&raquo;);<br />
}</li>
</ul>
<p>Vous pouvez télécharger la Démo ici : <a href="http://cssglobe.com/lab/textgradient/textgradient.zip"><img class="alignnone size-full wp-image-47" src="http://www.douami.com/wp-content/uploads/2009/01/download_manager.png" alt="" width="22" height="22" /></a></p>
<p>ou voir le site de l&#8217;éditeur sur : <a href="http://cssglobe.com/lab/textgradient/" target="_blank">http://cssglobe.com/lab/textgradient/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.douami.com/index.php/archives/generez-des-effets-degrades-web-20-sur-vos-textes-avec-du-css.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Menus gratuits en ligne Izzy menu</title>
		<link>http://www.douami.com/index.php/archives/menu-gratuit-en-ligne-izzy-menu.html</link>
		<comments>http://www.douami.com/index.php/archives/menu-gratuit-en-ligne-izzy-menu.html#comments</comments>
		<pubDate>Sun, 11 Jan 2009 21:30:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[izzy menu]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://www.douami.com/?p=6</guid>
		<description><![CDATA[Pour ceux qui trouvent des difficultés à créer des menus, voila un service gratuit en ligne sur IzzyMenu.com, des dizaines de styles prêts ou créer votre propre style de menu.

les menus simples sont à base CSS et des images mais les menus avec un effet utilisent jquery.
Pour créer votre menu en ligne visitez le :  [...]]]></description>
			<content:encoded><![CDATA[<p>Pour ceux qui trouvent des difficultés à créer des menus, voila un service gratuit en ligne sur <a href="http://www.izzymenu.com/" target="_blank">IzzyMenu.com</a>, des dizaines de styles prêts ou créer votre propre style de menu.</p>
<p><a href="http://www.izzymenu.com/" target="_blank"><img class="alignnone size-full wp-image-7" title="izzymenu" src="http://www.douami.com/wp-content/uploads/2009/01/izzymenu_online_tool_css_menus.jpg" alt="izzymenu" width="400" height="205" /></a></p>
<p>les menus simples sont à base CSS et des images mais les menus avec un effet utilisent <a href="http://jquery.com/" target="_blank">jquery</a>.</p>
<p>Pour créer votre menu en ligne visitez le :  <a href="http://www.izzymenu.com/" target="_blank">http://www.izzymenu.com</a> .</p>
]]></content:encoded>
			<wfw:commentRss>http://www.douami.com/index.php/archives/menu-gratuit-en-ligne-izzy-menu.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
