Et voilà, mon blog vient de fêter ses 12 mois. Du coup, je lui ai offert un nouveau look ! Oui, OUI, j’ai fini de rénover : nouveau header, nouvelles couleurs d’avant et d’arrière-plan (et pour les images aussi…), recodage de la feuille de style CSS d’origine et de certains fichiers PHP, recodage des tutoriaux sur Fruityloops, etc… 
Et le grand luxe : un lecteur mp3 en Flash pour écouter mes morceaux (avec gestion de playlist) ! Comment faire ? suffit de cliquer sur l’animation "Listen Here !" et une petite fenêtre Popup s’ouvre avec le lecteur ! 
Pour les gens intéressés, il s’agit du lecteur XSPF Web Music Player distribué librement avec sa source sur Sourceforge.net. Il existe beaucoup de version basé sur ce lecteur. Il permet de lire des fichiers mp3 (encodé en 44100 Hz) mais aussi… du streaming mp3 issu d’un serveur Icecast. Icecast est un clone open-source de SHOUTCast de chez Winamp (que j’utilisais avant). Tous deux sont des serveurs de diffusion de flux audio et vidéo (si votre connexion tient le coup !). Icecast utilise à l’origine le codec OGG mais on peut également installer un plugin pour l’encodage en MP3 !
Donc vous l’aurez compris (ou pas 
), j’ai remplacé mon serveur SHOUTCast par un serveur IceCast dont le port 8000 est redirigé par mon routeur, dont l’IP est redirigé par DNS vers une IP fixe, l’ouverture du port étant détectée par PHP sur mon blog grâce à l’adresse stockée dans le fichier xml, le flux MP3 peut alors être lu par le lecteur Flash…
Et là, vous vous dites : Pourquoi ? Pourquoi est-ce aussi compliqué ?
Car je n’ai pas d’IP fixe (c’est cher et en plus dangereux) et je ne suis pas tous les jours en live… ok rarement voire jamais. 
En bref, quand je fais du live, l’animation se change en "Live Here !", vous cliquez et vous m’entendez en Live.
Je remercie Matiz pour m’avoir éclaircis appris le CSS ! Bon ok, je suis loin d’avoir compris toutes les subtilités de padding, margin-top et autre float mais j’ai pu recoder ma feuille de style et un peu près la valider W3C héhé ! En ce qui concerne la validation du code XHTML, ce sera pour une prochaine (j’avoisine les 300 erreurs) ! 
4 Blablas actuellement.
Fait chier les balises ont sautées, je la refais :
Tu as une liste (des balises “li”) et à croire que tu l’as fait juste pour le jeu de mot, il manque “ul” !
Ouaip, en fait j’étais au courant… gnéhé Et d’ailleurs c’était un problème (parmi de nombreux autres) sur IE : ça provoquait une indentation… Mais je voulais pas de li moi !, c’est cte fonction de Wordpress qui l’imposait. Bref, bidouillé le retour de la fonction, plus de li ! 
Pour les erreurs html en général, ça va dur de corriger vu que la plupart sont liés à Wordpress.. 
I am reback!!
Le gros reloud qui spam!!
Un jour, je ferai un blog, que je mettrai à jour tous les 17 mois et ou je parlerai de truc vachement intéressant, comme, comment j’ai péter mon bouton de mon jean tout neuf dans un bus parisien parceque je voulais montrer mon cul à l’arrache!!
Commentaire de Jackybob 14/11/07Laisser un Blabla...
Codes HTML autorisés:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>
Bah je vois que tu t’en es bien sorti en CSS.
Commentaire de Matiz 19/09/07ci tou jouli ! Même pas d’erreur dans la feuille de style.Bon y a des erreurs dans le html que tu pourras ptet pas corriger.
Y a quand même une erreur par contre à corriger dans le code dans le menu Fruityloops… Tu as une liste (des ) et à croire que tu l’as fait juste pour le jeu de mot, il manque … !