<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet type='text/xsl' href='http://astucemsn.spaces.live.com/mmm2008-05-17_13.22/rsspretty.aspx?rssquery=en-US;http%3a%2f%2fastucemsn.spaces.live.com%2fcategory%2fComment%2bins%c3%a9rer%2bun%2bmenu%2bphoto%2bderoulant%2ffeed.rss' version='1.0'?><rss version="2.0" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:msn="http://schemas.microsoft.com/msn/spaces/2005/rss" xmlns:live="http://schemas.microsoft.com/live/spaces/2006/rss" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:cf="http://www.microsoft.com/schemas/rss/core/2005" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Truc et Astuce pour msn space: Comment insérer un menu photo deroulant</title><description /><link>http://astucemsn.spaces.live.com/?_c11_BlogPart_BlogPart=blogview&amp;_c=BlogPart&amp;partqs=catComment%2bins%25C3%25A9rer%2bun%2bmenu%2bphoto%2bderoulant</link><language>en-US</language><pubDate>Tue, 15 Jul 2008 01:42:36 GMT</pubDate><lastBuildDate>Tue, 15 Jul 2008 01:42:36 GMT</lastBuildDate><generator>Microsoft Spaces v1.1</generator><docs>http://www.rssboard.org/rss-specification</docs><ttl>60</ttl><cf:parentRSS>http://astucemsn.spaces.live.com/blog/feed.rss</cf:parentRSS><live:type>blogcategory</live:type><live:identity><live:id>-3127407768897679155</live:id><live:alias>astucemsn</live:alias></live:identity><cf:listinfo><cf:group ns="http://schemas.microsoft.com/live/spaces/2006/rss" element="typelabel" label="Type" /><cf:group ns="http://schemas.microsoft.com/live/spaces/2006/rss" element="tag" label="Tag" /><cf:group element="category" label="Category" /><cf:sort element="pubDate" label="Date" data-type="date" default="true" /><cf:sort element="title" label="Title" data-type="string" /><cf:sort ns="http://purl.org/rss/1.0/modules/slash/" element="comments" label="Comments" data-type="number" /></cf:listinfo><item><title>Comment insérer un menu photo deroulant</title><link>http://astucemsn.spaces.live.com/Blog/cns!D4993734330E90CD!532.entry</link><description>&lt;p align=left&gt;Ceci marche avec un code html, pour insérer du html, il vous suffit de cliquez sur &amp;lt;HTML&amp;gt;
&lt;p align=left&gt; 
&lt;p align=left&gt;Voici le code html (à inserer entre &amp;lt;DIV&amp;gt; et &amp;lt;/DIV&amp;gt;):
&lt;p align=left&gt;&amp;lt;DIV&amp;gt;&amp;lt;STRONG&amp;gt;&amp;lt;FONT color=#cc0066&amp;gt;&amp;lt;/FONT&amp;gt;&amp;lt;/STRONG&amp;gt;&amp;lt;/DIV&amp;gt;&lt;br&gt;&amp;lt;DIV&amp;gt;&amp;lt;STRONG&amp;gt;&amp;lt;/DIV&amp;gt;&lt;br&gt;&amp;lt;DIV style=&amp;quot;BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-HIGHLIGHT-COLOR: #00ff00; OVERFLOW: scroll; BORDER-LEFT: black 8px solid; WIDTH: 650px; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #00ff00; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #00ff00; HEIGHT: 419px; BACKGROUND-COLOR: #000000&amp;quot; align=left&amp;gt;&lt;br&gt;&amp;lt;P align=left&amp;gt;&amp;lt;IMG style=&amp;quot;WIDTH: 550px; HEIGHT: 419px&amp;quot; height=419 src=&lt;a href="http://laphoto1.jpg/"&gt;&lt;font color="#4df339"&gt;http://laphoto1.jpg&lt;/font&gt;&lt;/a&gt; width=550 border=0&amp;gt;&amp;lt;/P&amp;gt;&lt;br&gt;&amp;lt;P align=left&amp;gt;&amp;lt;IMG style=&amp;quot;WIDTH: 550px; HEIGHT: 419px&amp;quot; height=419 src=&lt;a href="http://laphoto2.jpg/"&gt;&lt;font color="#4df339"&gt;http://laphoto2.jpg&lt;/font&gt;&lt;/a&gt; width=550 border=0&amp;gt;&amp;lt;/P&amp;gt;&lt;br&gt;&amp;lt;P align=left&amp;gt;&amp;lt;IMG style=&amp;quot;WIDTH: 550px; HEIGHT: 419px&amp;quot; height=419 src=&lt;a href="http://laphoto3.jpg/"&gt;&lt;font color="#4df339"&gt;http://laphoto3.jpg&lt;/font&gt;&lt;/a&gt; width=550 border=0&amp;gt;&amp;lt;/P&amp;gt;&amp;lt;/DIV&amp;gt;&amp;lt;/STRONG&amp;gt;
&lt;p align=left&gt; 
&lt;p align=left&gt;Voici le résultat:
&lt;p&gt;
&lt;p&gt;&lt;strong&gt;&lt;font color="#cc0066"&gt;&lt;/font&gt;&lt;/strong&gt;
&lt;p&gt;&lt;strong&gt;
&lt;div align=center&gt;
&lt;div style="border-right:black 2px solid;border-top:black 2px solid;scrollbar-highlight-color:#00ff00;overflow:scroll;border-left:black 8px solid;width:550px;color:#ffffff;scrollbar-3dlight-color:#00ff00;border-bottom:black 2px solid;scrollbar-darkshadow-color:#0080ff;height:419px;background-color:#000000" align=center&gt;
&lt;p align=left&gt;&lt;img style="width:550px;height:419px" height=419 src="http://www.roadandtrack.com/assets/image/1120200317453628.jpg" width=550 border=0&gt;
&lt;p align=left&gt;&lt;img style="width:550px;height:419px" height=419 src="http://www.roadandtrack.com/assets/image/1120200317453660.jpg" width=550 border=0&gt;
&lt;p align=left&gt;&lt;img style="width:550px;height:419px" height=419 src="http://www.roadandtrack.com/assets/image/1120200317453679.jpg" width=550 border=0&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div align=left&gt; &lt;/div&gt;
&lt;div align=left&gt;&lt;/div&gt;&lt;/strong&gt;Dans le code vous trouvez les couleurs des scrollbar sous la forme d'un code html qui se situe après un #. Vous pouvez paramétrer les couleurs des barres de scrolling en changeant les codes couleurs html. Un petit exemple de codes couleurs html vous est fourni avec le tableau ci-dessous.
&lt;div align=left&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;img src="http://img458.imageshack.us/img458/9397/palette0za.png"&gt;&lt;/div&gt;
&lt;div align=center&gt; &lt;/div&gt;
&lt;div align=left&gt;Si l'image est déformée c'est que vous n'avez pas le bon format. Pour corriger cela il vous faudra changer les valeurs WIDTH pour la largeur de l'image et HEIGHT pour sa hauteur.&lt;/div&gt;
&lt;p&gt;
&lt;p align=right&gt;&lt;a title=accueil href="http://spaces.msn.com/members/astucemsn/"&gt;&lt;b&gt;&lt;img title="retour en haut de page" height=28 src="http://img9.echo.cx/img9/7448/accueil6vs.gif" width=65 border=0&gt;&lt;/b&gt;&lt;/a&gt; 
&lt;p&gt;&lt;img src="http://c.services.spaces.live.com/CollectionWebService/c.gif?cid=-3127407768897679155&amp;page=RSS%3a+Comment+ins%c3%a9rer+un+menu+photo+deroulant&amp;referrer=" width="1px" height="1px" border="0" alt=""&gt;&lt;img style="position:absolute" alt="" width="0px" height="0px" src="http://c.live.com/c.gif?NC=31263&amp;amp;NA=1149&amp;amp;PI=73329&amp;amp;RF=&amp;amp;DI=3919&amp;amp;PS=85545&amp;amp;TP=astucemsn.spaces.live.com&amp;amp;GT1=astucemsn"&gt;</description><comments>http://astucemsn.spaces.live.com/Blog/cns!D4993734330E90CD!532.entry#comment</comments><guid isPermaLink="true">http://astucemsn.spaces.live.com/Blog/cns!D4993734330E90CD!532.entry</guid><pubDate>Tue, 31 May 2005 10:12:49 GMT</pubDate><slash:comments>40</slash:comments><msn:type>blogentry</msn:type><live:type>blogentry</live:type><live:typelabel>Blog entry</live:typelabel><wfw:commentRss>http://astucemsn.spaces.live.com/blog/cns!D4993734330E90CD!532/comments/feed.rss</wfw:commentRss><wfw:comment>http://astucemsn.spaces.live.com/Blog/cns!D4993734330E90CD!532.entry#comment</wfw:comment><dcterms:modified>2005-12-20T14:58:59Z</dcterms:modified></item></channel></rss>