<?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"
	>

<channel>
	<title>JBJ's Blog</title>
	<atom:link href="http://www.lyxia.org/blog/feed" rel="self" type="application/rss+xml" />
	<link>http://www.lyxia.org/blog</link>
	<description>Lyxia.org</description>
	<pubDate>Sun, 11 May 2008 22:03:03 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Comparatif: 6 Docks pour GNU/Linux</title>
		<link>http://www.lyxia.org/blog/linux/comparatif-6-docks-pour-gnu-linux-286</link>
		<comments>http://www.lyxia.org/blog/linux/comparatif-6-docks-pour-gnu-linux-286#comments</comments>
		<pubDate>Sun, 11 May 2008 22:03:03 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
		
		<category><![CDATA[GNU/Linux]]></category>

		<category><![CDATA[awn]]></category>

		<category><![CDATA[cairo-dock]]></category>

		<category><![CDATA[compiz]]></category>

		<category><![CDATA[dock]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=286</guid>
		<description><![CDATA[Les Docks – barres de lancement rapides aux effets visuels <em>eye candy</em>– ont la côte. Sous GNU/Linux, un grand choix s'offre à l'utilisateur. Je vous propose de voir ensemble 6 Docks, leur qualités et leur défauts, afin de vous aider à choisir lequel vous convient.]]></description>
			<content:encoded><![CDATA[<p>Les Docks – barres de lancement rapides aux effets visuels <em>eye candy</em>– ont la côte. Sous GNU/Linux, un grand choix s&#8217;offre à l&#8217;utilisateur. Je vous propose de voir ensemble 6 Docks, leur qualités et leur défauts, afin de vous aider à choisir lequel vous convient.</p>
<h2>Simdock</h2>
<p><a href="http://sourceforge.net/projects/simdock/"><br />
<img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/simdock.jpg" alt="simdock" /></a><br />
Simdock est un dock léger est plutôt stable. Esthétiquement, c&#8217;est probablement le moins abouti, mais le fait qu&#8217;il ne requiert pas un gestionnaire de composition comme Compiz-Fusion en fait un outil de choix pour les petites configurations.<br />
Simdock est disponible dans les dépôts officiels: Si vous avez installé <a href="http://www.lyxia.org/blog/linux/apturl-installer-un-programme-a-partir-du-navigateur-259">apturl</a>, vous pouvez l&#8217;installer juste en cliquant <a href="apt:simdock">ici</a> <img src='http://www.lyxia.org/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h2>Kiba Dock</h2>
<p><a href="http://www.kiba-dock.org/"><br />
<img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/kiba-dock.jpg" alt="Kiba Dock" /></a><br />
Kiba dock est un poil au dessus de Simdock est terme d&#8217;esthétisme: Il utilise Compiz-Fusion, ce qui permet de bénéficier d&#8217;effets de transparence. Le dock en lui-même est pas mal, toutefois le fait de devoir compiler la source pour l&#8217;installer rebutera certainement les novices. (et les flemmards)</p>
<h2>GDesklets Launchbar</h2>
<p><a href="http://www.gdesklets.de/"><br />
<img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/gdesklets.jpg" alt="GDesklets" /></a><br />
Incluse dans GDesklets, cette barre est selon moi assez réussie au niveau visuel, mais malheureusement beaucoup trop instable pour une utilisation quotidienne. Elle à du fonctionner normalement une dizaine d&#8217;heures sur ma machine, avant de se mettre à déconner sans raison apparente. Le point positif réside essentiellement dans le fait que si vous utilisez déja GDesklets, l&#8217;utilisation de cette Launch Bar ne vous fera pas installer une appli supplémentaire.</p>
<h2>Wbar</h2>
<p><a href="http://freshmeat.net/projects/wbar/"><br />
<img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/wbar.png" alt="Wbar" /></a><br />
Ne nécessitant pas de gestionnaire de composition à l&#8217;instar de Simdock, Wbar devrait ravir les utilisateurs d&#8217;une petite configuration. Bien qu&#8217;il s&#8217;agisse plus d&#8217;une barre de lancement que d&#8217;un véritable Dock, – on n&#8217;y trouve en effet pas d&#8217;applets – Wbar est assez attrayant, visuellement parlant, même s&#8217;il n&#8217;atteint pas non plus le niveau d&#8217;AWN ou Cairo Dock.<br />
A ma connaissance, il n&#8217;existe pas de paquet pour Wbar. Pour l&#8217;installer, il faudra compiler à partir des sources.</p>
<h2>AWN</h2>
<p><a href="https://launchpad.net/awn"><br />
<img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/awn.jpg" alt="AWN" /></a><br />
AWN est probablement le Dock le plus abouti visuellement. De plus, notons la disponibilité d&#8217;<em>AWN Manager</em>, interface graphique écrite en Python permettant de régler finement les paramètres du dock tels que l&#8217;apparence,  les effets, le thème d&#8217;icônes, les applets, et j&#8217;en passe. De nombreux plugins sont également disponibles, permettant par exemple d&#8217;afficher le niveau d&#8217;avancement d&#8217;un téléchargement via Firefox, ou de contrôler le lecteur musical Rythmbox. Facile à installer, les débutants sous GNU/Linux trouverons largement leur compte avec AWN, de même que les utilisateurs aguerris.<br />
Autre bon point pour ce Dock, une stabilité pratiquement à toute épreuve.</p>
<h2>Cairo Dock</h2>
<p><a href="http://www.cairo-dock.org/ww_page.php?p=Par%20d%E9p%F4t&#038;lang=fr"><br />
<img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/cairo-dock.png" alt="Cairo Dock" /></a><br />
Le &#8220;concurrent&#8221; direct d&#8217;AWN en terme de qualité. Je l&#8217;avais autrefois trouvé un peu moins stable, mais son développement avance très vite et de nouvelles fonctions sont disponibles au fur et à mesure. J&#8217;en avais déja parlé <a href="http://www.lyxia.org/blog/linux/ubuntu-un-dock-pour-votre-bureau-42">ici</a> l&#8217;année dernière, tant ce dock m&#8217;avait séduit.<br />
Tout comme pour AWN, les possibilités de personnalisation sont grandes: Thèmes visuels, icônes, effets au survol&#8230; De même, parmi les nouvelles fonctions à prévoir, citons notamment l&#8217;ajout d&#8217;applications dans le dock par glisser-déposer et un applets &#8220;Stacks&#8221; permettant de lister et afficher tous les documents d&#8217;un répertoire.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/linux/comparatif-6-docks-pour-gnu-linux-286/feed</wfw:commentRss>
		</item>
		<item>
		<title>Wordpress: Menu avec la technique des sliding doors css</title>
		<link>http://www.lyxia.org/blog/ressources/wordpress-ressources/wordpress-menu-avec-la-technique-des-sliding-doors-css-285</link>
		<comments>http://www.lyxia.org/blog/ressources/wordpress-ressources/wordpress-menu-avec-la-technique-des-sliding-doors-css-285#comments</comments>
		<pubDate>Fri, 09 May 2008 22:26:32 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
		
		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[menu]]></category>

		<category><![CDATA[sliding doors]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=285</guid>
		<description><![CDATA[La technique CSS des <em>sliding doors</em> (portes coulissantes en Français) permet de réaliser des onglets sophistiqués pour vos menus de navigation. Malheureusement, les fonctions de Wordpress  <em>wp_list_pages()</em> et <em>wp_list_categories()</em> ne permettent pas de rajouter la balise <em>span</em> nécessaire à la mise en place de cette technique. Nous allons voir comment outrepasser cette limitation.]]></description>
			<content:encoded><![CDATA[<p>La technique CSS des <em>sliding doors</em> (portes coulissantes en Français) permet de réaliser des onglets sophistiqués pour vos menus de navigation. Malheureusement, les fonctions de Wordpress  <em>wp_list_pages()</em> et <em>wp_list_categories()</em> ne permettent pas de rajouter la balise <em>span</em> nécessaire à la mise en place de cette technique. Nous allons voir comment outrepasser cette limitation.</p>
<h2>Les sliding doors, pourquoi faire?</h2>
<p>Il existe des milliers d&#8217;articles sur la technique dite des <em>sliding doors</em>. Je ne m&#8217;étendrais donc pas trop sur le sujet. Pour ceux qui ne connaissent pas encore ces fameuses portes coulissantes, en voici un topo rapide:<br />
Prenons une bête liste de navigation:</p>
<pre>
&lt;ul id="nav">
    &lt;li>&lt;a href="#">lien n°1&lt;/a>&lt;/li>
    &lt;li>&lt;a href="#">lien n°2&lt;/a>&lt;/li>
    &lt;li>&lt;a href="#">lien n°3&lt;/a>&lt;/li>
&lt;/ul>
</pre>
<p>Si nous appliquons, via css, des images de fond à nos liens histoire de rendre ce menu un peu plus joli, nous nous heurtons vite à une problématique de taille: Nous devons imposer une taille fixe au liens, correspondant à l&#8217;image de fond. En effet, sans taille fixe, si le lien est moins long que l&#8217;image, celle-ci sera coupée, si le lien est plus grand, l&#8217;image se répètera ou le lien dépassera de l&#8217;image.</p>
<p>C&#8217;est ici qu&#8217;intervient cette fameuse technique des <em>sliding doors</em>: Nous allons imbriquer notre lien dans un <em>span</em>, puis assigner indépendamment une image au <em>span</em> et au lien. Ces deux images se complèterons, et donneront ainsi l&#8217;illusion d&#8217;une seule image, adaptée à la taille du lien.</p>
<pre>
&lt;ul id="nav">
    &lt;li>&lt;a href="#">&lt;span>lien n°1&lt;/span>&lt;/a>&lt;/li>
    &lt;li>&lt;a href="#">&lt;span>lien n°2&lt;/span>&lt;/a>&lt;/li>
    &lt;li>&lt;a href="#">&lt;span>lien n°3&lt;/span>&lt;/a>&lt;/li>
&lt;/ul>
</pre>
<p>Quand à notre feuille de style, nous procéderons comme suit:</p>
<pre>
#nav a, #nav a:visited  {
    display:block;
}

#nav a:hover, #nav a:active {
    background:url(images/tab-right.jpg) no-repeat 100% 1px;
    float:left;
}

#nav a span {
    float:left;
    display:block;
}

#nav a:hover span {
    float:left;
    display:block;
    background: url(images/tab-left.jpg) no-repeat 0 1px;
}
</pre>
<p><em>Comme il s&#8217;agit ici d&#8217;un exemple, cette feuille de style est volontairement minimaliste et ne montre que la mise en place des deux images.</em></p>
<p>Voici à quoi ressemblera un menu utilisant cette technique:<br />
<img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/wordpress-sliding-doors.jpg" alt="Wordpress sliding doors" /></p>
<h2>Mise en place dans Wordpress</h2>
<p>Wordpress propose <em>wp_list_pages()</em> pour lister vos pages et <em>wp_list_categories()</em> pour vos catégories. Bien que ces deux fonctions prennent en compte de nombreux paramètres permettant de les configurer finement, il n&#8217;est pas possible de placer l&#8217;élément <em>span</em> nécessaire au bon fonctionnement de la technique des portes coulissantes.</p>
<p>J&#8217;ai lu plusieurs posts ou des utilisateurs préconisaient de modifier le <em>core</em> de Wordpress. Personnellement, cette idée ne m&#8217;a jamais vraiment séduit. Pourquoi? Simplement car le <em>core</em> n&#8217;est pas fait pour être modifié, et que en cas de mise à jour, il faudra tout recommencer&#8230;pas très <em>user-friendly</em>, tout ça.</p>
<p>En lieu et place de cette idée, je vous propose d&#8217;utiliser une expression régulière, par le biais de la fonction php <em>preg_replace()</em>. Il s&#8217;agit simplement de récupérer, sans l&#8217;afficher, la liste des catégories (ou des pages, au choix) et de la passer en paramètre à <em>preg_replace()</em>. Les deux autres paramètres seront bien sûr notre expression régulière: ce que l&#8217;on cherche, et par quoi on le remplace.</p>
<p>Pour mettre en place ce menu, recopiez le code suivant et collez le à la place de la fonction <em>wp_list_pages()</em>, ou <em>wp_list_categories()</em> dans le fichier <em>header.php</em> de votre thème Wordpress. </p>
<p>Pour lister vos pages:</p>
<pre>&lt;ul id="nav"&gt;
&lt;li&gt;&lt;a href="&lt;?php echo get_option('home'); ?&gt;/"&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;?php echo preg_replace('@\&lt;li([^&gt;]*)&gt;\&lt;a([^&gt;]*)&gt;(.*?)\&lt;\/a&gt;@i&#8217;, &#8216;&lt;li$1&gt;&lt;a$2&gt;&lt;span&gt;$3&lt;/span&gt;&lt;/a&gt;&#8217;, wp_list_pages(&#8217;echo=0&amp;orderby=name&amp;exlude=181&amp;title_li=&amp;depth=1&#8242;)); ?&gt;
&lt;/ul&gt;
</pre>
<p>Pour lister vos catégories:</p>
<pre>&lt;ul id="nav"&gt;
&lt;li&gt;&lt;a href="&lt;?php echo get_option('home'); ?&gt;/"&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;?php echo preg_replace('@\&lt;li([^&gt;]*)&gt;\&lt;a([^&gt;]*)&gt;(.*?)\&lt;\/a&gt;@i&#8217;, &#8216;&lt;li$1&gt;&lt;a$2&gt;&lt;span&gt;$3&lt;/span&gt;&lt;/a&gt;&#8217;, wp_list_categories(&#8217;echo=0&amp;orderby=name&amp;exlude=181&amp;title_li=&amp;depth=1&#8242;)); ?&gt;
&lt;/ul&gt;
</pre>
<p>Voilà, le menu est en place. Il ne vous reste plus qu&#8217;à décorer le tout via css. A vous de jouer! <img src='http://www.lyxia.org/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/wordpress-ressources/wordpress-menu-avec-la-technique-des-sliding-doors-css-285/feed</wfw:commentRss>
		</item>
		<item>
		<title>10 scripts Mootools pour l&#8217;interface utilisateur</title>
		<link>http://www.lyxia.org/blog/developpement/javascriptajax/10-scripts-mootools-pour-linterface-utilisateur-275</link>
		<comments>http://www.lyxia.org/blog/developpement/javascriptajax/10-scripts-mootools-pour-linterface-utilisateur-275#comments</comments>
		<pubDate>Tue, 06 May 2008 22:18:49 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
		
		<category><![CDATA[Javascript/Ajax]]></category>

		<category><![CDATA[javascript]]></category>

		<category><![CDATA[mootools]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=275</guid>
		<description><![CDATA[Vous connaissez certainement déja Mootools, cette librairie Javascript très légère et permettant de se simplifier le développement tout en codant d'une manière très propre. Je vous propose ici de découvrir 10 scripts basés sur Mootools dans le but de mettre en place l'ergonomie et l'esthétisme que l'on est en droit d'attendre d'une appli web d'aujourd'hui.]]></description>
			<content:encoded><![CDATA[<p>Vous connaissez certainement déja Mootools, cette librairie Javascript très légère et permettant de se simplifier le développement tout en codant d&#8217;une manière très propre. Je vous propose ici de découvrir 10 scripts basés sur Mootools dans le but de mettre en place l&#8217;ergonomie et l&#8217;esthétisme que l&#8217;on est en droit d&#8217;attendre d&#8217;une appli web d&#8217;aujourd&#8217;hui.</p>
<h2>Mocha UI</h2>
<p><a href="http://greghoustondesign.com/demos/mocha/"><br />
<img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/mochaui.jpg" alt="Mocha UI" /></a><br />
Si vous aimez les fenêtres, vous aimerez Mocha UI: En effet, qu&#8217;elles soient modales, fixes, flottantes ou redimensionnables, Mocha UI propose toutes sortes de fenêtres pour sublimer l&#8217;expérience utilisateur dans votre application web.</p>
<h2>Mootable</h2>
<p><a href="http://joomlicious.com/mootable/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/mootable.jpg" alt="Mootable" /></a><br />
J&#8217;ai découvert Mootable sur <a href="http://www.x-or.be/blog/">le blog d&#8217;X-or</a>: Il s&#8217;agit d&#8217;un script permettant de traiter un tableau html de la même manière qu&#8217;un tableau provenant d&#8217;une application desktop. Il devient ainsi possible de redimensionner les colonnes, de trier les éléments du tableau, de souligner la ligne sur laquelle passe la souris&#8230;<br />
Bref, le must pour les tableaux de votre prochaine appli!</p>
<h2>Slimbox</h2>
<p><a href="http://www.digitalia.be/software/slimbox"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/slimbox.jpg" alt="Slimbox" /></a><br />
On ne présente plus ces fenêtres modales servant essentiellement à afficher du contenu multimedia. Il existe Lightwindow, Lightbox&#8230;Voici Slimbox, qui en plus d&#8217;être basé sur Mootools, se révèle est très légère. </p>
<h2>MooEditable</h2>
<p><a href="http://phoenity.com/mooeditable/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/mooeditable.jpg" alt="MooEditable" /></a><br />
MooEditable est un éditeur wysiwyg dans le style de TinyMCE ou FckEditor. Il pèse moins de 10kb et est totalement cross-browser. Sa légèreté ainsi que son extensibilité en font selon moi un bon choix face à des éditeurs beaucoup plus lourds et pas nécessairement plus intuitifs pour l&#8217;utilisateur.<br />
Le rendu est correct pour du wysiwyg, mais bien entendu n&#8217;espérez pas obtenir un html aussi propre que si il avait été codé à la main.</p>
<h2>Mooflow</h2>
<p><a href="http://www.outcut.de/MooFlow/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/mooflow.jpg" alt="Mooflow" /></a><br />
Les utilisateurs de Leopard, dernier OS d&#8217;Apple, apprécient énormément Coverflow, cette fonction permettant d&#8217;afficher les fichiers d&#8217;une manière esthétique et très intuitive. Alors, pourquoi ne pas en faire profiter les utilisateurs de votre site? A noter, ce script est un peu lourd, donc à utiliser avec parcimonie.</p>
<h2>Date Picker Widget</h2>
<p><a href="http://www.frequency-decoder.com/demo/date-picker-v2/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/datepicker.jpg" alt="Date Picker Widget" /></a><br />
Si vous travaillez avec des dates, ce <em>Date picker</em> vous simplifiera la tâche tout en améliorant le coté user-friendly.</p>
<h2>Calendar</h2>
<p><a href="http://www.electricprism.com/aeron/calendar/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/calendar.jpg" alt="Calendar" /></a><br />
Ce script fait un peu double emploi avec le date picker que nous venons de voir, mais c&#8217;est pour la bonne cause: Proposé en trois déclinaisons, (Noire, bleue et blanche) <em>Calendar</em> est le genre de script que l&#8217;on aimerait trouver sur tous les sites qui utilisent des dates: Très léger, esthétique et faisant également office de validation côté client, (impossible de rentrer une date invalide) que demander de plus?</p>
<h2>Mootools UI Menu</h2>
<p><a href="http://glutock.free.fr/mootools/UI/menu.html"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/uimenu.jpg" alt="Mootools UI Menu" /></a><br />
Je ne suis pas spécialement fan des menus contextuels apparaissant au clic droit en lieu et place du menu du navigateur, mais je me suis dit que ce script pourrait intéresser certains d&#8217;entre vous. A noter, il est également possible d&#8217;utiliser ce script pour faire apparaitre un menu lors d&#8217;un évènement, comme un clic sur un bouton, par exemple.</p>
<h2>Roar Notifications</h2>
<p><a href="http://digitarald.de/project/roar/1-0/showcase/messages/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/roar.jpg" alt="Roar Notifications" /></a><br />
Une interface utilisateur à très souvent besoin d&#8217;avertir l&#8217;utilisateur: Champ mal renseigné, opération impossible&#8230;Bien sûr, la bonne vieille fonction <em>alert()</em> permet d&#8217;afficher des messages à l&#8217;attention de l&#8217;utilisateur, mais si vous recherchez une manière beaucoup plus esthétique de transmettre ce genre d&#8217;information, Roar Notifications est fait pour vous.</p>
<h2>Checkboxes and Lists</h2>
<p><a href="http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/checkboxes.jpg" alt="Checkboxes and Lists" /></a><br />
J&#8217;avais déja présenté un script équivalent lors de mon article intitulé <a href="http://www.lyxia.org/blog/design/8-scripts-javascript-pour-sublimer-votre-site-257">8 scripts Javascript pour sublimer votre site</a>. Bien qu&#8217;il ne s&#8217;agisse ici que d&#8217;esthétisme pur et non d&#8217;amélioration des fonctionnalités existantes,</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/developpement/javascriptajax/10-scripts-mootools-pour-linterface-utilisateur-275/feed</wfw:commentRss>
		</item>
		<item>
		<title>9 utilisations intéressantes de l&#8217;iPod Touch</title>
		<link>http://www.lyxia.org/blog/mac/9-utilisations-interessantes-de-lipod-touch-274</link>
		<comments>http://www.lyxia.org/blog/mac/9-utilisations-interessantes-de-lipod-touch-274#comments</comments>
		<pubDate>Mon, 05 May 2008 09:39:31 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
		
		<category><![CDATA[Mac]]></category>

		<category><![CDATA[featured]]></category>

		<category><![CDATA[apple]]></category>

		<category><![CDATA[iphone]]></category>

		<category><![CDATA[ipod touch]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=274</guid>
		<description><![CDATA[L'iPod Touch n'est pas seulement un baladeur multimedia doublé d'un navigateur Internet. Depuis la sortie du fameux SDK, ce kit de développement permettant la création d'applications tierces sur la machine portable d'Apple, une floppée de nouvelles possibilités ont vu le jour. J'ai sélectionné 9 utilisations possibles de l'iPod Touch, parmi les plus intéressants et utiles selon moi, histoire de compléter les possibilités standard de la machine.]]></description>
			<content:encoded><![CDATA[<p>L&#8217;iPod Touch n&#8217;est pas seulement un baladeur multimedia doublé d&#8217;un navigateur Internet. Depuis la sortie du fameux SDK, ce kit de développement permettant la création d&#8217;applications tierces sur la machine portable d&#8217;Apple, une floppée de nouvelles possibilités ont vu le jour. J&#8217;ai sélectionné 9 utilisations possibles de l&#8217;iPod Touch, parmi les plus intéressants et utiles selon moi, histoire de compléter les possibilités standard de la machine.</p>
<p>A noter, certaines manipulations décrite ci-dessous nécessitent de jailbreaker l&#8217;iPod. Cette manœuvre consiste à permettre à l&#8217;iPod de faire tourner des applications tierces non signées par Apple.<br />
Je ne m&#8217;étendrais pas sur le sujet vu le nombre de tuto que l&#8217;on trouve sur le net à ce sujet.</p>
<h2>Installer les applications de l&#8217;iPhone</h2>
<p><img style="float:left;margin-right:5px;width:157px;height236px;" src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/iphoneapps.jpg" alt="iPhone Apps" /><br />
L&#8217;iPhone possède un certain nombre d&#8217;applications qui ne sont pas livrées par défaut sur l&#8217;iPod Touch: Mail, Google Maps, Weather&#8230;<br />
Mais, étant donné que celles-ci sont pleinement compatibles avec le Touch, pas de raison de ne pas les installer. Un petit tuto (en) est disponible <a href="http://www.sizlopedia.com/2008/01/06/how-to-install-iphone-apps-on-ipod-touch/">ici</a> et explique comment rapidement équiper son Touch de ces 4 applications initialement réservés aux possesseurs d&#8217;iPhone.</p>
<div class="clear"></div>
<h2>Jouer à la Super Nes</h2>
<p><img style="float:right;margin-left:5px;width:157px;height236px;" src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/snes.jpg" alt="snes4iphone" /><br />
Voilà qui devrait ravire les nostalgiques de la Super NES: snes4iphone est un émulateur de la célèbre console de jeux du début des années 90, spécialement conçu et optimisé pour l&#8217;iPhone et l&#8217;IPod Touch.<br />
Pour l&#8217;installer:<br />
- Ouvrir &#8220;Installer&#8221;<br />
- Appuyez sur &#8220;Sources&#8221; dans la barre du bas<br />
- Appuyez sur &#8220;Edit&#8221; en haut à droite<br />
- Appuyez sur &#8220;add&#8221; en haut à gauche<br />
- Tapez l&#8217;adresse &#8220;http://zodttd.com/repo/&#8221;<br />
- Appuyez sur &#8220;OK&#8221;<br />
- Appuyez sur &#8220;Done&#8221;<br />
- Les sources se mettent à jour<br />
- Appuyez sur &#8220;Install&#8221; dans la barre du bas<br />
- Appuyez sur &#8220;All packages&#8221; ou sur le repository de votre application à installer<br />
- Cherchez le nom de votre application dans la liste<br />
- Appuyez dessus<br />
- Appuyez sur &#8220;install&#8221; en haut à droite<br />
- Appuyez à nouveau sur &#8220;Install&#8221; dans la fenêtre qui s&#8217;ouvre<br />
- Appuyez sur le bouton &#8220;Home&#8221;<br />
- Déverrouillez pour voir l&#8217;icone de votre nouvelle application</p>
<div class="clear"></div>
<h2>Ecouter de la musique en streaming</h2>
<p><img style="float:left;margin-right:5px;width:157px;height236px;" src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/seeqpod.jpg" alt="Seeqpod" /><br />
Avec un minimum de 8Go de stockage, vous ne devriez pas ne plus avoir de place pour stocker vos mp3 sur le Touch. Toutefois, si vous souhaiter écouter un titre ne figurant pas dans vos mp3, le site <a href="http://www.seeqpod.com/m/">Seeqpod</a> recense des milliers de mp3 à écouter sans modération. Le deezer de l&#8217;iPhone/iPod Touch, en somme!<br />
Le seul inconvénient est que, bien entendu, pour profiter de ce service il vous faudra être connecté à Internet. Si c&#8217;est le cas, il vous suffit de faire pointer Safari à l&#8217;adresse <a href="http://www.seeqpod.com/m/">http://www.seeqpod.com/m/</a></p>
<div class="clear"></div>
<h2>Chatter sur le réseau msn</h2>
<p><img style="float:left;margin-right:5px;width:157px;height236px;" src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/meebo.jpg" alt="Meebo" /><br />
Il est assez normal d&#8217;attendre d&#8217;une machine portable comme le Touch, de pouvoir communiquer rapidement et facilement avec ses amis. Les utilisateurs de Windows connaissent probablement Msn web messenger, application online permettant d&#8217;utiliser le réseau msn. Seul bémol, cette appli n&#8217;est accessible qu&#8217;a la condition sine qua none&#8230;d&#8217;être sous Windows.<br />
Bien qu&#8217;il existe des applications natives iPhone/iTouch pour communiquer via msn, j&#8217;aurais tendance à préférer le site <a href="www.meebo.com">www.meebo.com</a> qui, en plus de vous ouvrir les portes du réseau msn, vous propose aussi de garder le contact via aim, yahoo messenger et google talk.<br />
Là aussi, rien à installer, aucune manipulation à faire: il vous suffit d&#8217;ouvrir Safari et de vous rendre sur la page <a href="www.meebo.com">www.meebo.com</a>.</p>
<div class="clear"></div>
<h2>Editer et enregistrer des textes</h2>
<p><img style="float:left;margin-right:5px;width:157px;height236px;" src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/mobilenote.jpg" alt="Mobilenote" /><br />
Si vous êtes un bloggueur acharné toujours occupé à prendre des notes pour un futur billet, il est fort probable que vous souhaitez pouvoir éditer et enregistrer des textes sur votre iPod Touch.<br />
Il existe bien l&#8217;application Notes, mais celle-ci est plus destinée à la saisie de notes style <em>post-it</em> plutôt qu&#8217;à la véritable édition de texte. Heureusement, grâce à MobileNotes (TextEdit) il est possible de bénéficier d&#8217;un éditeur de textes, certes basique mais plus approprié que Notes.<br />
Pour ceux que ça intéresse, n&#8217;hésitez pas à consulter cet article explicatif sur <a href="http://liseweb.fr/BLOG/?p=603">ce blog</a>.</p>
<div class="clear"></div>
<h2>Télécharger les vidéos de Youtube</h2>
<p><img style="float:left;margin-right:5px;width:157px;height236px;" src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/mxtube.jpg" alt="mxTube" /><br />
L&#8217;iPod Touch est clairement à l&#8217;aise avec la vidéo, alors pourquoi s&#8217;en priver? Bien sur, vous pouvez regarder Youtube en streaming, à conditions d&#8217;être connecté à Internet. Malheureusement en Europe, ne nombreux lieux publics ne sont pas couverts par du wifi. Dans ces cas là, il peut-être intéressant de télécharger les vidéos de Youtube afin de les regarder plus tard.<br />
L&#8217;application MxTube, installable sur iPod Touch jailbreaké, fait ça très bien: Elle vous proposera deux modes de téléchargement, un low et un high, le premier étant rapide mais compressant beaucoup la vidéo occasionnant une perte de qualité, la seconde restituera un fichier video fidèle à l&#8217;original mais qui pèsera beaucoup plus lourd en terme de Mo.<br />
Pour utiliser MxTube, allez dans Installer » Multimedia. Vos videos téléchargés se trouveront dans <em>var/root/Media/MxTube</em>.</p>
<div class="clear"></div>
<h2>Doper Safari: Copier/Coller, lire le flash, utiliser des onglets&#8230;</h2>
<p><img style="float:left;margin-right:5px;width:157px;height236px;" src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/bookmarlets.jpg" alt="Bookmarklets" /><br />
Je pense que les utilisateurs d&#8217;iPhone et iTouch sont unanimes: Il est vraiment pénible de ne pas bénéficier d&#8217;une fonction copier/coller, absente sur les deux machines. De même, certains regrettent de ne pouvoir lire le flash, ou encore d&#8217;utiliser des onglets lors de leur navigation Internet.<br />
Bookmarklets est une petite application écrite en Javascript qui se charge de rajouter certaines fonctions &#8220;manquantes&#8221; à Safari. En vrac: Copier/coller, Lecture du flash, Ouverture de nouveaux onglets, recherche dans la page&#8230;<br />
Disponible uniquement sur une machine jailbreakée, il vous suffira d&#8217;aller dans Installer » Network pour pouvoir en profiter.</p>
<div class="clear"></div>
<h2>Contrôler son Mac via l&#8217;ipod touch</h2>
<p><img style="float:left;margin-right:5px;width:157px;height236px;" src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/mac.jpg" alt="Contrôler son Mac via l'iPod Touch" /><br />
Grâce au client VNsea et au serveur VNC, il est tout à fait possible de voir et de contrôler son Mac via l&#8217;iPod touch. Ce genre de manip peut-être particulièrement utile pour lancer un téléchargement alors que vous êtes au boulot, ou encore pour éteindre votre Mac alors que vous vous étiez déja mis au lit.<br />
Une fois de plus, je vous invite à consulter <a href="http://liseweb.fr/BLOG//?p=630">le blog de Lise</a> qui vous expliquera comment procéder.</p>
<div class="clear"></div>
<h2>Télécharger via Safari</h2>
<p><img style="float:left;margin-right:5px;width:157px;height236px;" src="http://www.lyxia.org/blog/wp-content/uploads/2008/05/download.jpg" alt="Télécharger avec l'iPod Touch" /><br />
En théorie, il n&#8217;est pas possible de télécharger des fichiers via Safari embarqué dans l&#8217;iTouch et l&#8217;iPhone. Heureusement, il existe le pugin <a href="http://www.hackint0sh.org/forum/showpost.php?s=4fcc05f3456f72a38d05eb2dfb87623e&amp;p=136845&amp;postcount=1">File Download</a> pour Safari qui vous permettra de télécharger sans vergogne des mp3, des archives au format zip ou tar.gz et bien plus encore.<br />
Un véritable <em>must have</em> pour tout heureux possesseur d&#8217;iPod Touch ou d&#8217;iPhone.<br />
L&#8217;installation est simple: Il vous suffit de copier le plugin dans <em>/System/Library/Internet Plug-Ins</em> puis de rebooter l&#8217;iPod. Un dossier nommé <em>Downloads</em> sera alors créé, et c&#8217;est ici que se trouveront vos téléchargements.</p>
<p>Pour en savoir plus, allez donc lire <a href="http://www.tuaw.com/2007/12/04/mobile-safari-plug-in-downloads-files-to-your-iphone-ipod-touch/">cet article</a>.
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/mac/9-utilisations-interessantes-de-lipod-touch-274/feed</wfw:commentRss>
		</item>
		<item>
		<title>Wordpress: Menu de catégories horizontal</title>
		<link>http://www.lyxia.org/blog/ressources/wordpress-ressources/wordpress-menu-de-categories-horizontal-272</link>
		<comments>http://www.lyxia.org/blog/ressources/wordpress-ressources/wordpress-menu-de-categories-horizontal-272#comments</comments>
		<pubDate>Wed, 30 Apr 2008 22:03:11 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
		
		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[menu]]></category>

		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=272</guid>
		<description><![CDATA[Il ya quelques temps, j'avais publié deux articles sur des menus de navigation déroulants. Aujourd'hui, je vous propose de créer un menu listant les catégories et sous-catégories, le tout présenté horizontalement.]]></description>
			<content:encoded><![CDATA[<p>Il ya quelques temps, j&#8217;avais publié deux articles sur des menus de navigation déroulants. Aujourd&#8217;hui, je vous propose de créer un menu listant les catégories et sous-catégories, le tout présenté horizontalement.<br />
Le principe est simple: Au survol d&#8217;une catégorie, nous feront apparaitre, à l&#8217;horizontale, la liste de toutes les sous-catégories que compte la catégorie survolée. </p>
<p>Pour ceux qui avaient suivi mon article sur le <a href="http://www.lyxia.org/blog/ressources/wordpress-ressources/wordpress-menu-deroulant-pages-et-categories-237">menu de navigation déroulant pour Wordpress</a> ne seront guère dépaysés: en effet, dans cet exemple, le code php est strictement identique à celui du menu déroulant, les plus grandes différences se situant au niveau de la CSS.<br />
A noter, je n&#8217;ai pas testé ce code sous Internet Explorer.</p>
<p><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/menu-horizontal.jpg" alt="Wordpress: Menu de catégories horizontal" /></p>
<h2>Le php</h2>
<p>Voici le code php de notre exemple: Celui-ci va récupérer nos catégories, ainsi que leurs sous-catégories respectives.<br />
Insérez le dans le fichier <em>header.php</em> de votre thème.</p>
<pre>
&lt;ul id="nav2" class="clearfloat">
	&lt;li>&lt;a href="&lt;?php echo get_option('home'); ?>/" class="on">Home&lt;/a>&lt;/li>
 	&lt;?php wp_list_categories('orderby=name&#038;exlude=181&#038;title_li=');
 	$this_category = get_category($cat);
 	if (get_category_children($this_category->cat_ID) != "") {
 		echo "&lt;ul>";
wp_list_categories('orderby=id&#038;show_count=0&#038;title_li=&#038;use_desc_for_title=1&#038;child_of='.$this_category->cat_ID);
 		echo "&lt;/ul>";
 	}
	?>
&lt;/ul>
</pre>
<h2>Le CSS</h2>
<p>Outre le fait de contrôler l&#8217;apparence des divers éléments, c&#8217;est via le CSS que nous afficherons uniquement les sous-catégories de la catégorie survolée par la souris de l&#8217;utilisateur. Donc, contrairement à une idée reçu, il n&#8217;est pas nécessaire d&#8217;avoir recours à du Javascript pour mettre ce genre de menu en place, excepté si l&#8217;on souhaite assurer une rétro-compatibilité avec les navigateurs obsolètes comme IE6, par exemple.</p>
<pre>
#nav2{
        background-color: #202020;
        display: block;
        font-size:1.1em;
        height:50px;
        width:100%;
}

#nav2, #nav2 ul {
	line-height: 1;
	list-style: none;
}

#nav2 a ,#nav2 a:hover{
	border:none;
	display: block;
	text-decoration: none;
}

#nav2 li {
	float: left;
	list-style:none;
}

#nav2 a,#nav2 a:visited {
	color:#109dd0;
	display:block;
	font-weight:bold;
	padding:6px 12px;
}

#nav2 a:hover, #nav2 a:active {
	color:#fff;
	text-decoration:none
}	

#nav2 li ul {
	border-bottom: 1px solid #a9a9a9;
	height: auto;
	left: -999em;
	position: absolute;
	width: 900px;
	z-index:999;
}

#nav2 li li {
	width: auto;
}

#nav2 li li a,#nav2 li li a:visited {
        color:#109dd0;
	font-weight:normal;
	font-size:0.9em;
}

#nav2 li li a:hover,#nav2 li li a:active {
	color:#fff;
}	

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: 30px;
}
</pre>
<p>Une fois les quelques lignes ci-dessus ajoutées à votre feuille de style, vous disposerez d&#8217;un menu à la fois moderne et accessible, le tout valide xhtml et css 2. Si vous souhaitez rendre ce code compatible avec IE6, il vous faudra également ajouter ce <a href="http://www.lyxia.org/blog/wp-content/themes/openbook-fr/js/dropdowns.js">petit bout de Javascript</a>.</p>
<p>Personnellement, je le trouve moins pratique à l&#8217;utilisation que le menu déroulant dont j&#8217;avais parlé un peu plus haut, mais celui-ci est plus original et moins répandu.<br />
A vous de choisir! <img src='http://www.lyxia.org/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/wordpress-ressources/wordpress-menu-de-categories-horizontal-272/feed</wfw:commentRss>
		</item>
		<item>
		<title>Ubuntu: 25 thèmes sublimes pour Gnome</title>
		<link>http://www.lyxia.org/blog/linux/ubuntu-25-themes-sublimes-pour-gnome-270</link>
		<comments>http://www.lyxia.org/blog/linux/ubuntu-25-themes-sublimes-pour-gnome-270#comments</comments>
		<pubDate>Mon, 28 Apr 2008 10:54:30 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
		
		<category><![CDATA[GNU/Linux]]></category>

		<category><![CDATA[featured]]></category>

		<category><![CDATA[gnome]]></category>

		<category><![CDATA[hardy heron]]></category>

		<category><![CDATA[theme]]></category>

		<category><![CDATA[ubuntu]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=270</guid>
		<description><![CDATA[Le thème par défaut d'Ubuntu, <em>Human</em>, ne fait guère l'unanimité avec ses teintes brunes et oranges. Heureusement, sous GNU/Linux, il est tout à fait possible de customiser à volonté l'apparence de l'OS. A l'occasion de la sortie il à quelques jours, d'<em>Hardy Heron</em>, je vous propose une liste de 25 thèmes magnifiques pour sublimer votre bureau Gnome.]]></description>
			<content:encoded><![CDATA[<p>Le thème par défaut d&#8217;Ubuntu, <em>Human</em>, ne fait guère l&#8217;unanimité avec ses teintes brunes et oranges. Heureusement, sous GNU/Linux, il est tout à fait possible de customiser à volonté l&#8217;apparence de l&#8217;OS.<br />
A l&#8217;occasion de la sortie il à quelques jours, d&#8217;<em>Hardy Heron</em>, je vous propose une liste de 25 thèmes magnifiques pour sublimer votre bureau Gnome.<br />
Petit rappel, si vous ne savez pas comment installer un nouveau thème, c&#8217;est expliqué <a href="http://www.lyxia.org/blog/linux/customisez-votre-bureau-linux-80">ici</a>.</p>
<h5><a href="http://gnome-look.org/content/show.php/Apotheosis+GTK?content=72807">Apotheosis</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Apotheosis+GTK?content=72807"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/apotheosis.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Blubuntu-Aurora?content=62176">Blubuntu Aurora</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Blubuntu-Aurora?content=62176"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/blubuntu-aurora.png" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Blue-Joy?content=73387">Blue Joy</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Blue-Joy?content=73387"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/blue-joy.png" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/BlueSpace?content=73599">Bluespace</a></h5>
<p><a href="http://gnome-look.org/content/show.php/BlueSpace?content=73599"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/bluespace.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Bluman?content=78075">Bluman</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Bluman?content=78075"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/bluman.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/ColorBit?content=79006">ColorBit</a></h5>
<p><a href="http://gnome-look.org/content/show.php/ColorBit?content=79006"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/colorBit.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Creamy?content=69315">Creamy</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Creamy?content=69315"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/creamy.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Darker+Ice+Murrina?content=72357">Darker Ice Murrina</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Darker+Ice+Murrina?content=72357"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/darker-ice-murrina.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Elegant+Aurora?content=79536">Elegant Aurora</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Elegant+Aurora?content=79536"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/elegant-aurora.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Elegant+Brit?content=74553">Elegant Brit</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Elegant+Brit?content=74553"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/elegant-brit.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Gaia+Nova?content=75930">Gaia Nova</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Gaia+Nova?content=75930"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/gaia-nova.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Gilouche+Posh?content=69795">Gilouche Posh</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Gilouche+Posh?content=69795"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/gilouche.jpg" alt="" /></a></p>
<p><span id="more-270"></span></p>
<h5><a href="http://gnome-look.org/content/show.php/Gray+Human?content=72197">Gray Human</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Gray+Human?content=72197"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/gray-human.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Moomex+Ultimatum?content=72600">Moomex</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Moomex+Ultimatum?content=72600"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/moomex.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Moomex+Ultimatum?content=72600">Moomex Ultimatum</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Moomex+Ultimatum?content=72600"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/moomex-ultimatum.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Murrina+Aero?content=54573">Murina Aero</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Murrina+Aero?content=54573"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/murrina-aero.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Nimbus-Vistalooks?content=77327">Nimbus Vista Look</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Nimbus-Vistalooks?content=77327"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/nimbus-vistalooks.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/noname-peace?content=78033">Noname Peace</a></h5>
<p><a href="http://gnome-look.org/content/show.php/noname-peace?content=78033"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/noname-peace.png" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/NotXP?content=73782">Not XP</a></h5>
<p><a href="http://gnome-look.org/content/show.php/NotXP?content=73782"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/notxp.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/OrangeLiNstaBlackPlastic?content=62434">Orange Linsta Black Plastic</a></h5>
<p><a href="http://gnome-look.org/content/show.php/OrangeLiNstaBlackPlastic?content=62434"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/orange-linsta-black-plastic.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Royale?content=76081">Royale</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Royale?content=76081"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/royale.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Slickness+Black?content=73210">Slickness Black</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Slickness+Black?content=73210"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/slickness-black.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/SlicknesS?content=71993">SlicknesS</a></h5>
<p><a href="http://gnome-look.org/content/show.php/SlicknesS?content=71993"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/slickness.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Soffice?content=67854">Soffice</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Soffice?content=67854"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/soffice.jpg" alt="" /></a></p>
<h5><a href="http://gnome-look.org/content/show.php/Tigris?content=75276">Tigris</a></h5>
<p><a href="http://gnome-look.org/content/show.php/Tigris?content=75276"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/tigris.jpg" alt="" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/linux/ubuntu-25-themes-sublimes-pour-gnome-270/feed</wfw:commentRss>
		</item>
		<item>
		<title>Une fonction breadcrumb pour Wordpress</title>
		<link>http://www.lyxia.org/blog/ressources/wordpress-ressources/une-fonction-breadcrumb-pour-wordpress-271</link>
		<comments>http://www.lyxia.org/blog/ressources/wordpress-ressources/une-fonction-breadcrumb-pour-wordpress-271#comments</comments>
		<pubDate>Sat, 26 Apr 2008 13:50:00 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
		
		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[breadcrumb]]></category>

		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=271</guid>
		<description><![CDATA[Par défaut, Wordpress ne propose pas de fonction pour afficher un breadcrumb. (appellé aussi fil d'ariane où chemin de fer en Français) Nous allons voir ensemble comment créer cette fonction, afin d'afficher le fil sous la forme <em>Home</em> &#187; <em>Categorie</em> &#187; <em>Article</em>.]]></description>
			<content:encoded><![CDATA[<p>Par défaut, Wordpress ne propose pas de fonction pour afficher un breadcrumb. (appellé aussi fil d&#8217;ariane où chemin de fer en Français) Nous allons voir ensemble comment créer cette fonction, afin d&#8217;afficher le fil sous la forme <em>Home</em> » <em>Categorie</em> » <em>Article</em>.</p>
<h2>Le breadcrumb, toute une histoire&#8230;</h2>
<p>Wikipedia nous renseigne parfaitement sur le breadcrumb:</p>
<blockquote><p>En ergonomie — et plus particulièrement de nos jours dans le domaine de la conception d’interfaces informatiques — un fil d’Ariane, aussi appelé chemin de fer (et en anglais, breadcrumbs, par allusion aux miettes de pain utilisées par le Petit Poucet ainsi que Hansel et Gretel) est une aide à la navigation sous forme de signalisation de la localisation du lecteur dans un document (très souvent, une page d’un site web).</p></blockquote>
<p><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/breadcrumb-wordpress.jpg" alt="Une fonction breadcrumb pour Wordpress" /></p>
<h2>Fonctionnement</h2>
<p>Une fois de plus, les tags conditionnels de Wordpress vont nous être particulièrement utiles. Grâce à eux, nous pouvons déterminer facilement et avec certitude si la page affichée par le visiteur est un article, une page, une archive de catégorie&#8230;</p>
<p>Il nous restera ensuite à utiliser les fonctions adéquates pour afficher le chemin. Pas de difficultés là non plus, Wordpress étant déja doté de tout ce qu&#8217;il faut pour récupérer les liens vers la home, les articles et les pages.</p>
<p>J&#8217;ai préféré écrire une fonction propre plutôt que de vous inciter à copier-coller à l&#8217;arrache une petite dizaine de lignes dans le code de votre thème.<br />
Copiez la fonction <em>the_breadcrumb()</em> dans le fichier <em>functions.php</em> de votre thème:</p>
<pre>
function the_breadcrumb() {
	if (!is_home()) {
		echo '&lt;a href="';
		echo get_option('home');
		echo '"&gt;';
		bloginfo('name');
		echo "&lt;/a&gt; &amp;raquo; ";
		if (is_category() || is_single()) {
			the_category('title_li=');
			if (is_single()) {
				echo " &amp;raquo; ";
				the_title();
			}
		} elseif (is_page()) {
			echo the_title();
		}
	}
}
</pre>
<p>Désormais, pour afficher le breadcrumb, il ne vous reste plus qu&#8217;à éditer les fichiers <em>archive.php</em>, <em>single.php</em> et <em>page.php</em>.<br />
Collez-y l&#8217;appel à la fonction là ou vous souhaiter voir le fil apparaitre:</p>
<pre>&lt;?php the_breadcrumb(); ?&gt;</pre>
<p>Et voilà, vous venez de doter votre blog d&#8217;un fil qui permettra à vos visiteurs de s&#8217;y retrouver et de revenir facilement sur vos pages de catégories.<br />
A noter, ce code pourrais facilement être amélioré: On pourrait par exemple limiter l&#8217;affichage des catégories et n&#8217;en faire apparaitre qu&#8217;une seule.</p>
<p>Quand à ceux qui préfèreront installer un plugin au lieu d&#8217;éditer leur thème, <a href="http://sw-guide.de/wordpress/plugins/breadcrumb-nav-xt/">Breadcrumb NavXT</a> devrait largement combler leur attentes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/wordpress-ressources/une-fonction-breadcrumb-pour-wordpress-271/feed</wfw:commentRss>
		</item>
		<item>
		<title>30 effets de texte avec Photoshop</title>
		<link>http://www.lyxia.org/blog/design/30-effets-de-texte-avec-photoshop-269</link>
		<comments>http://www.lyxia.org/blog/design/30-effets-de-texte-avec-photoshop-269#comments</comments>
		<pubDate>Thu, 24 Apr 2008 22:04:52 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[logo]]></category>

		<category><![CDATA[photoshop]]></category>

		<category><![CDATA[texte]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=269</guid>
		<description><![CDATA[Lors de la réalisation d&#8217;un design, le texte et le logo ont une importance primordiale: Un beau design sera inévitablement enlaidi si le logo et le texte ne sont pas à la hauteur.  Pour apprendre, vous perfectionner où vous en inspirer, voici une liste de 30 tutoriaux pour la réalisation d&#8217;effets de texte sous [...]]]></description>
			<content:encoded><![CDATA[<p>Lors de la réalisation d&#8217;un design, le texte et le logo ont une importance primordiale: Un beau design sera inévitablement enlaidi si le logo et le texte ne sont pas à la hauteur.  Pour apprendre, vous perfectionner où vous en inspirer, voici une liste de 30 tutoriaux pour la réalisation d&#8217;effets de texte sous Photoshop.</p>
<h5><a href="http://luxa.org/tutorial_smooth_glass_type.php">Smooth Glass</a></h5>
<p><a href="http://luxa.org/tutorial_smooth_glass_type.php"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/glass.jpg" alt="Effet Smooth Glass" /></a></p>
<h5><a href="http://photoshopfan.com/content/photoshop-tutorial-stylish-text">Texte façon Web 2.0</a></h5>
<p><a href="http://photoshopfan.com/content/photoshop-tutorial-stylish-text"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/stylish.jpg" alt="Texte façon Web 2.0" /></a> <a href="http://psdtuts.com/text-effects-tutorials/a-slick-supernatural-text-effect/"></a></p>
<h5><a href="http://www.flash-game-design.com/tutorials/greenStripedText-photoshop-tutorial.html">Texte à rayures</a></h5>
<p><a href="http://www.flash-game-design.com/tutorials/greenStripedText-photoshop-tutorial.html"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/striped.jpg" alt="Texte à rayures" /></a></p>
<h5><a href="http://onefusedlife.com/2008/03/12/photoshop-tutorial-reflective-metallic-text/">Effet de reflet</a></h5>
<p><a href="http://onefusedlife.com/2008/03/12/photoshop-tutorial-reflective-metallic-text/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/reflective.jpg" alt="Effet de reflet" /></a></p>
<h5><a href="http://www.fran6art.com/photoshop/tutoriel-photoshop-effet-texte-facon-site-web-apple/">Texte façon site web d&#8217;Apple</a></h5>
<p><a href="http://www.fran6art.com/photoshop/tutoriel-photoshop-effet-texte-facon-site-web-apple/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/texte-apple.jpg" alt="Texte façon site web d'Apple" /></a></p>
<h5><a href="http://www.biorust.com/tutorials/detail/181/en/">Texte usé</a></h5>
<p><a href="http://www.biorust.com/tutorials/detail/181/en/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/biorust.jpg" alt="Texte usé" /></a></p>
<h5><a href="http://www.tutorialsphere.com/homemade/design/kaboom-exploding-text/">Explosion sur un texte</a></h5>
<p><a href="http://www.tutorialsphere.com/homemade/design/kaboom-exploding-text/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/explosion.jpg" alt="Explosion sur un texte" /></a></p>
<h5><a href="http://formation-photoshop.faclic.com/effet-texte-logo-Google.php">Logo de google</a></h5>
<p><a href="http://formation-photoshop.faclic.com/effet-texte-logo-Google.php"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/google.png" alt="Logo de Google" /></a></p>
<h5><a href="http://psdtuts.com/text-effects-tutorials/how-to-create-a-gold-text-effect-in-photoshop/">Texte doré façon cinéma</a></h5>
<p><a href="http://psdtuts.com/text-effects-tutorials/how-to-create-a-gold-text-effect-in-photoshop/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/cine.jpg" alt="Texte doré" /></a></p>
<h5><a href="http://www.photoshopstar.com/text/recreate-the-bee-movie-text-effect/">Logo Bee Movie</a></h5>
<p><a href="http://www.photoshopstar.com/text/recreate-the-bee-movie-text-effect/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/beemovie.jpg" alt="Logo Bee Movie" /></a></p>
<h5><a href="http://www.shotgunmag.co.uk/?p=33">Effet Neon</a></h5>
<p><a href="http://www.shotgunmag.co.uk/?p=33"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/shutter.jpg" alt="Effet Neon" /></a></p>
<h5><a href="http://www.dreamdealer.nl/?action=viewTutorial&amp;id=41">Un tag avec Photoshop</a></h5>
<p><a href="http://www.dreamdealer.nl/?action=viewTutorial&amp;id=41"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/graffiti.jpg" alt="Tags avec photoshop" /></a></p>
<h5><a href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1617">Texte en 3D</a></h5>
<p><a href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1617"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/3d2.jpg" alt="Texte en 3D" /></a></p>
<h5><a href="http://www.eyesondesign.net/pshop/matrix/text_effect.htm">Le bien connu effet Matrix&#8230;</a></h5>
<p><a href="http://www.eyesondesign.net/pshop/matrix/text_effect.htm"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/matrix.jpg" alt="Matrix" /></a></p>
<h5><a href="http://www.photoshopessentials.com/photoshop-text/text-effects/light-burst/">Texte avec effet lumineux</a></h5>
<p><a href="http://www.photoshopessentials.com/photoshop-text/text-effects/light-burst/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/light.jpg" alt="Texte effet lumineux" /></a></p>
<h5><a href="http://www.photoshopcafe.com/tutorials/liquid-type/liquid-type.htm">Texte liquide</a></h5>
<p><a href="http://www.photoshopcafe.com/tutorials/liquid-type/liquid-type.htm"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/liquide.jpg" alt="Texte liquide" /></a></p>
<h5><a href="http://www.dreamdealer.nl/?action=viewTutorial&#038;id=38">Logo de groupe de Rap</a></h5>
<p><a href="http://www.dreamdealer.nl/?action=viewTutorial&#038;id=38"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/hiphop.jpg" alt="Logo de groupe de Rap" /></a></p>
<h5><a href="http://www.empiredezign.com/version2/portfolio/pages/tutorials/dreamy.htm">Dreamy&#8230;Magnifique, non?</a></h5>
<p><a href="http://www.empiredezign.com/version2/portfolio/pages/tutorials/dreamy.htm"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/dreamy.jpg" alt="Dreamy" /></a></p>
<h5><a href="http://www.tutorialwiz.com/3D_text2/">Un autre texte en 3D</a></h5>
<p><a href="http://www.tutorialwiz.com/3D_text2/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/3d3.jpg" alt="3D" /></a></p>
<h5><a href="http://www.psdspy.com/forums/tutorials/70-text-turf.html">Gazon</a></h5>
<p><a href="http://www.psdspy.com/forums/tutorials/70-text-turf.html"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/gazon.jpg" alt="Gazon" /></a></p>
<h5><a href="http://www.spoono.com/photoshop/tutorials/tutorial.php?id=72">Le &#8220;X&#8221; de Mac OS X</a></h5>
<p><a href="http://www.spoono.com/photoshop/tutorials/tutorial.php?id=72"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/macosx.gif" alt="Le X de Mac OS X" /></a></p>
<h5><a href="http://www.voidix.com/zoomtext.html">Effet de zoom</a></h5>
<p><a href="http://www.voidix.com/zoomtext.html"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/radial.jpg" alt="Effet de zoom" /></a></p>
<h5><a href="http://psdtuts.com/text-effects-tutorials/a-slick-supernatural-text-effect/">Effet très &#8220;dark&#8221;</a></h5>
<p><a href="http://psdtuts.com/text-effects-tutorials/a-slick-supernatural-text-effect/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/dark.jpg" alt="Effet dark" /></a></p>
<h5><a href="http://www.tutorialwiz.com/snow_on_text/">De la neige&#8230;</a></h5>
<p><a href="http://www.tutorialwiz.com/snow_on_text/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/snow.jpg" alt="neige" /></a></p>
<h5><a href="http://www.babylon-design.com/site/index.php/2002/11/17/30-texte-x-files">Texte façon X-files</a></h5>
<p><a href="http://www.babylon-design.com/site/index.php/2002/11/17/30-texte-x-files"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/xfiles.gif" alt="Texte façon X-Files" /></a></p>
<h5><a href="http://www.voidix.com/aquatext.html">Aqua: un autre effet très web 2.0</a></h5>
<p><a href="http://www.voidix.com/aquatext.html"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/aqua.jpg" alt="Texte web 2.0" /></a></p>
<h5><a href="http://photoshoplovr.com/text-effects/text-on-path/">Texte sur un chemin</a></h5>
<p><a href="http://photoshoplovr.com/text-effects/text-on-path/"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/path.jpg" alt="Texte sur un chemin" /></a> <a href="http://www.talk-mania.com/showthread.php?p=1851"></a></p>
<h5><a href="http://www.techtut.com/Tutorial/Photoshop/7-Web-2.0-Style-Text-Tutorial.html">Encore un effet Web 2.0</a></h5>
<p><a href="http://www.techtut.com/Tutorial/Photoshop/7-Web-2.0-Style-Text-Tutorial.html"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/web20.jpg" alt="Web 2.0" /></a></p>
<h5><a href="http://www.wks.fr/Appliquer-un-effet-de-rotation-sur.html">Texte en rotation:</a></h5>
<p><a href="http://www.wks.fr/Appliquer-un-effet-de-rotation-sur.html"><img src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/texte-rotation.jpg" alt="Texte en rotation" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/design/30-effets-de-texte-avec-photoshop-269/feed</wfw:commentRss>
		</item>
		<item>
		<title>10 raisons d&#8217;utiliser Pidgin au lieu de MSN Messenger</title>
		<link>http://www.lyxia.org/blog/windows/10-raisons-dutiliser-pidgin-au-lieu-de-msn-messenger-268</link>
		<comments>http://www.lyxia.org/blog/windows/10-raisons-dutiliser-pidgin-au-lieu-de-msn-messenger-268#comments</comments>
		<pubDate>Tue, 22 Apr 2008 22:01:38 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
		
		<category><![CDATA[Windows]]></category>

		<category><![CDATA[featured]]></category>

		<category><![CDATA[adium]]></category>

		<category><![CDATA[msn]]></category>

		<category><![CDATA[pidgin]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=268</guid>
		<description><![CDATA[Depuis l'installation par défaut de MSN Messenger sous Windows XP en 2001, ce réseau à été adopté par la quasi-totalité des internautes. Pour autant, le client officiel distribué par Microsoft est lent, contient des pubs à foison, vous oblige à mettre à jour pour continuer à l'utiliser...Voici 10 bonnes raisons de remplacer MSN Messenger par Pidgin.]]></description>
			<content:encoded><![CDATA[<p><img style="float:left;margin-right:5px;" src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/pidgin.png" alt="Pidgin" />Depuis l&#8217;installation par défaut de MSN Messenger sous Windows XP en 2001, ce réseau à été adopté par la quasi-totalité des internautes. Pour autant, le client officiel distribué par Microsoft est lent, contient des pubs à foison, vous oblige à mettre à jour pour continuer à l&#8217;utiliser&#8230;Voici 10 bonnes raisons de remplacer MSN Messenger par Pidgin.</p>
<h2>Pidgin est un logiciel libre</h2>
<p>Je pense que vous êtes tous au courant, le logiciel libre à de nombreux avantages: Il est (la plupart du temps) gratuit, et son code source est accessible: Cela garantit donc qu&#8217;aucun backdoor n&#8217;existe, et que rien ne se passe à votre insu.</p>
<h2>Pidgin gère 16 réseaux de messagerie instantanée</h2>
<p>Pidgin gère bien entendu le réseau msn, mais également <em>AIM</em>, <em>Bonjour</em>, <em>Gadu-Gadu</em>, <em>Google Talk</em>, <em>Groupwise</em>, <em>ICQ</em>, <em>IRC</em>, <em>MySpaceIM</em>, <em>QQ</em>, <em>SILC</em>, <em>SIMPLE</em>, <em>Sametime</em>, <em>XMPP</em>, <em>Yahoo! Messenger</em> et <em>Zephyr</em>, soit 16 réseaux de messagerie. Fini le temps ou on devait télécharger une nouvelle application car le contact n&#8217;était pas sur le même réseau que nous&#8230;<br />
A noter, Pidgin peut également gérer <a href="http://myjobspace.co.nz/images/pidgin/">Skype</a>.</p>
<h2>Pidgin est sans pub</h2>
<p>Si MSN Messenger est rentable pour Micro$oft, c&#8217;est à cause des pubs à la con disposées ça et là. Les développeurs de Pidgin sont bien moins vénaux: Vous bénéficiez d&#8217;un logiciel sans pub et de surcroit, plus rapide.<br />
<img style="float:right;margin-left:5px;" src="http://www.lyxia.org/blog/wp-content/uploads/2008/04/pidgin1.jpg" alt="Pidgin" /></p>
<h2>Pidgin est plus rapide que msn messenger</h2>
<p>Faites le test, c&#8217;est flagrant! Grâce à l&#8217;absence de pub et de fonctionnalités inutiles dont dispose MSN Messenger, Pidgin démarre de 2 à 3 fois plus rapidement que le client officiel de chez Microsoft. Certains ont mis l&#8217;accent sur la pub, d&#8217;autres sur la qualité. A vous de choisir <img src='http://www.lyxia.org/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<h2>Vous pouvez connecter plusieurs comptes à la fois</h2>
<p>Si vous avez un compte MSN pour le travail, et un pour vos amis, vous pourrez connecter les deux simultanément. Avec MSN Messenger, c&#8217;est <strong>un seul compte</strong>, et point barre. Dire qu&#8217;à une époque j&#8217;utilisais deux versions différentes de MSN pour pouvoir utiliser deux comptes à la fois!</p>
<h2>Pidgin est multi-plateforme</h2>
<p>Vous êtes sous Mac, votre frère sous Ubuntu et votre copine sous Windows? Pas de jaloux, tout le monde peut profiter de Pidgin sur son système préféré. A noter, sous Mac, Pidgin se nomme <a href="http://www.adiumx.com">Adium</a> et un canard remplace le pigeon.</p>
<h2>Pidgin est disponible en ligne de commande</h2>
<p>Cet avantage n&#8217;intéressera pas le commun des mortels, mais le geek absolu y trouvera son compte: Finch est une version <em>command line</em> de Pidgin, à recommander notamment aux fans de Lynx <img src='http://www.lyxia.org/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<h2>Pidgin utilise un système d&#8217;onglets</h2>
<p>Pourquoi encombrer son écran avec 15 fenêtres alors qu&#8217;une seule suffit? Si vous appréciez les onglets sous Firefox, il y à fort à parier que vous les aimerez tout autant sur Pidgin. Et puis, peut-être que dans 5 ans, MSN Messenger aura lui aussi des onglets&#8230;</p>
<h2>Si on vous à bloqué, Pidgin vous préviens</h2>
<p>On devient vite parano sur msn: <em>Untel m&#8217;a bloqué? Est-ce que je suis toujours dans sa liste d&#8217;amis?</em> Avec Pidgin, il suffit de passer la souris au dessus du nom d&#8217;un contact pour savoir si vous êtes dans sa liste, et si ce contact vous à bloqué.</p>
<h2>Vous pouvez modifier le nom de vos contacts</h2>
<p>L&#8217;utilisateur MSN de base à souvent tendance à mettre un pseudo à rallonge, voir pire à se croire sur twitter. Et pour vous, rien de plus agaçant que d&#8217;être obligé d&#8217;ouvrir une fenêtre de dialogue avec le contact pour voir de qui il s&#8217;agit. Pidgin vous propose d&#8217;éditer localement le pseudo de vos contacts, histoire d&#8217;y voir un peu plus clair.</p>
<p><a href="http://www.pidgin.im">Télécharger Pidgin pour Windows/Linux</a><br />
<a href="http://www.adiumx.com">Télécharger Adium pour Mac OS X</a><br />
<a href="http://portableapps.com/apps/internet/pidgin_portable">Télécharger Pidgin portable pour Windows</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/windows/10-raisons-dutiliser-pidgin-au-lieu-de-msn-messenger-268/feed</wfw:commentRss>
		</item>
		<item>
		<title>Proposer des annonces 125*125 pixels sur son blog</title>
		<link>http://www.lyxia.org/blog/ressources/proposer-des-annonces-125-125-pixels-sur-son-blo-266</link>
		<comments>http://www.lyxia.org/blog/ressources/proposer-des-annonces-125-125-pixels-sur-son-blo-266#comments</comments>
		<pubDate>Mon, 21 Apr 2008 06:12:38 +0000</pubDate>
		<dc:creator>jbj</dc:creator>
		
		<category><![CDATA[Ressources]]></category>

		<category><![CDATA[adsense]]></category>

		<category><![CDATA[monetisation]]></category>

		<category><![CDATA[oxado]]></category>

		<guid isPermaLink="false">http://www.lyxia.org/blog/?p=266</guid>
		<description><![CDATA[A l'instar de nombreux autres blogs Francophones, j'ai décidé d'installer des annonces au format 125*125 pixels. Je vous propose de voir les avantages et inconvénients de ce format d'annonce, et comment les mettre en place sur votre blog.]]></description>
			<content:encoded><![CDATA[<p>A l&#8217;instar de nombreux autres blogs Francophones, j&#8217;ai décidé d&#8217;installer des annonces au format 125*125 pixels. Je vous propose de voir les avantages et inconvénients de ce format d&#8217;annonce, et comment les mettre en place sur votre blog.</p>
<h2>Adsense, oxado et compagnie</h2>
<p>Cela fait bien un an que j&#8217;utilise Adsense sur un autre site. J&#8217;ai réussi à passer la barre fatidique de 100$, qui m&#8217;auront permis de récolter 66 euros sur environ six mois, (Et oui, le taux de conversion n&#8217;est pas spécialement avantageux!) puis j&#8217;ai décidé de tester, sur ce blog, le système Oxado qui lui, rémunère en euros. Au bout de trois mois, j&#8217;ai récolté moins de&#8230;4 euros! Ridicule.<br />
Plusieurs raisons à ça: Premièrement, les annonces diffusés par Oxado, qui sont sensées être ciblées, affichent la plupart du temps des pubs totalement hors-contexte: Moniteur automobile, sites de rencontres, DVD pour mioches&#8230;Pratiquement rien de lié à l&#8217;informatique.<br />
Deuxièmement, le taux de rémunération est faible, et pour finir, un grand nombre de clic est sans cesse compté comme invalide, et ne rapporte donc pas un sou.<br />
Bref, j&#8217;en ai ma dose de polluer mon blog avec ce genre d&#8217;annonces qui n&#8217;intéressent apparemment personne.</p>
<h2>Table rase!</h2>
<p>Du coup, j&#8217;ai décidé, suite à la lecture d&#8217;un article sur Monetiweb, de placer, à l&#8217;instar de nombreux autres blogueurs francophones, un groupe de 4 annonces au format 125*125 pixels dans la sidebar de mon blog.</p>
<p>Ce système possède en effet de nombreux avantages:</p>
<ul>
<li>Fixer librement les prix, et toucher la totalité de ce que paie l&#8217;annonceur</li>
<li>Avoir le choix des annonces</li>
<li>Disposer d&#8217;un format pratique pour le diffuseur, comme pour l&#8217;annonceur</li>
<li>Facile à mettre en place</h2>
<li>Généralement plus esthétique que les annonces Adsense ou Oxado</h2>
</ul>
<p>Il n&#8217;en a pas fallu plus pour me séduire. J&#8217;ai donc décider d&#8217;utiliser ce système, et <strong>je propose dorénavant de louer un espace publicitaire pour 3 euros la semaine, ou 6 euros le mois</strong>. Une somme modique, qui en même temps rapportera forcément plus que la pub Oxado, qui elle ne va pas tarder à disparaitre.</p>
<p>De plus, grâce à la grande liberté qu&#8217;offre ce système, je peux me permettre de faire un peu de pub à des projets que je soutiens, comme c&#8217;est par exemple le cas de <a href="http://diggons.com">diggons.com</a> à qui j&#8217;offre un peu de visibilité totalement bénévolement. De même, il est possible de pratiquer l&#8217;échange avec d&#8217;autres sites, et je ne suis absolument pas contre ce principe.</p>
<h2>Mise en place des annonces sur un blog Wordpress</h2>
<p>La mise en place d&#8217;annonces 125*125 px est pratiquement aussi simple que celle d&#8217;annonces Adsense.<br />
La meilleure solution selon moi, consiste à utiliser le widget Text que vous trouverez dans votre panneau d&#8217;administration Wordpress, puis <em>Design</em> &raquo; <em>Widgets</em>. Il ne vous reste plus qu&#8217;à glisser-déposer le widget la ou vous souhaiter le faire apparaitre sur votre blog (en général, c&#8217;est dans la sidebar) puis l&#8217;éditer pour insérer liens et images.</p>
<h2>Est-ce que ça rapporte?</h2>
<p>Il peut couter 2000 euros d&#8217;afficher une annonce au format 125*125px sur un blog Américain au succès évident. Bien entendu, peu de blogs Francophones, où même probablement aucun, n&#8217;est dans la possibilité de proposer de tels tarifs.<br />
Personnellement, je suis plus tenté de raisonner de la manière suivante: Combien me rapporte Adsense par mois, en euros? Combien puis-je louer mes espaces publicitaires? Même au tarif modique auquel je loue mes espaces,  je serais forcément gagnant, ou du moins difficilement perdant.</p>
<p>Le tout est de trouver des annonceurs. C&#8217;est là que se situe la principale difficulté. Je vous encourage à lire <a href="http://monetiweb.com/monetiser-son-blog/trouvez-un-sponsor-pour-votre-blog">cet article</a> qui propose des conseils pour trouver des sponsors.</p>
<p>Et si dans un premier temps, vous ne trouvez pas encore de sponsors intéressé par votre blog, pourquoi ne pas profiter de l&#8217;espace publicitaire pour soutenir un projet qui vous tient à cœur, ou une bonne cause? <img src='http://www.lyxia.org/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.lyxia.org/blog/ressources/proposer-des-annonces-125-125-pixels-sur-son-blo-266/feed</wfw:commentRss>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 1.637 seconds -->
