Design Css - Blog - Web XHTML/CSS Design Css - Blog sur les CSS, XHTML, le graphisme et la musique tag:www.design-css.com,2006:/blog/index.php 2006-07-05T01:31:44+02:00 DotClear daily 1 2006-07-05T01:31:44+02:00 Player Video Flash FLV 2006-07-05T01:31:44+02:00 tag:www.design-css.com,2006-07-05:/blog/4 Octave Z Z Video 1.0: Player Video Flash FLV (2,4ko seulement) pour diffuser vos vidéos sur votre site web. Il s'adapte à la taille de vos vidéos. Ce player Flash est le plus léger du web (seulement 2,4ko) par rapport à ses fonctionnalités. Il charge la... <p><strong>Z Video 1.0</strong>: Player Video Flash FLV (2,4ko seulement) pour diffuser vos vidéos sur votre site web. Il s'adapte à la taille de vos vidéos.</p> <div class="image"> <object type="application/x-shockwave-flash" data="http://www.design-css.com/zvideo.swf?autoStart=false" width="280" height="230"> <param name="movie" value="http://www.design-css.com/zvideo.swf?autoStart=false" /> </object> </div> <p>Ce player Flash est le plus l&eacute;ger du web (seulement 2,4ko) par rapport &agrave; ses fonctionnalit&eacute;s. Il charge la vid&eacute;o &agrave; la demande et non au moment du chargement de la page. Son utilisation est simple car il suffit d'utiliser le code HTML classique pour une animation flash:</p> <blockquote> <p><code>&lt;object type=&quot;application/x-shockwave-flash&quot; data=&quot;zvideo.swf&quot; width=&quot;280&quot; height=&quot;230&quot;&gt;<br /> &lt;param name=&quot;movie&quot; value=&quot;zvideo.swf&quot; /&gt;<br /> &lt;/object&gt;</code></p> </blockquote> <p>Le SWF est t&eacute;l&eacute;chargeable ici : <a href="http://www.design-css.com/zvideo.swf">zvideo.swf</a> (2,4ko) (clic droit, enregistrer sous...).</p> <p>Placez le player vid&eacute;o dans le m&ecirc;me r&eacute;pertoire que votre page web. Copiez-collez le code HTML du g&eacute;n&eacute;rateur (ci-dessous) dans votre page. Puis placer votre vid&eacute;o toujours dans le m&ecirc;me r&eacute;pertoire que votre page.</p> <p>Votre vid&eacute;o doit &ecirc;tre au format .flv et doit avoir le nom &quot;video.flv&quot;. <a class="extern" href="http://rivavx.de/?encoder" title="Encodeur .flv - WIndows">Riva FLV Encoder</a> (Windows - Gratuit), <a class="extern" href="http://ffmpegx.com" title="Encodeur .flv - Mac">FfmpegX</a> (Mac OSX - Gratuit) vous permettent de convertir vos vid&eacute;os (AVI, MPEG, Quicktime, WMV) au format .flv. </p> <p>Voici le g&eacute;n&eacute;rateur de code aux normes W3C Strict &agrave; ins&eacute;rer dans votre page (vous devez au pr&eacute;alable t&eacute;l&eacute;charger le SWF):</p> <form id="octavezcode" action=""> <fieldset> <p><label>Couleur de fond:<br /> <input type="text" id="octavezbgcolor" name="octavezbgcolor" value="FFFFFF" /> (facultatif, blanc = FFFFFF, sans #)</label> </p> <p><label>Largeur de la vidéo:<br /> <input type="text" id="octavezwidth" name="octavezwidth" value="320" /> </label> </p> <p><label>Hauteur de la vidéo:<br /> <input type="text" id="octavezheight" name="octavezheight" value="240" /> </label> </p> <p> <label>Lecture automatique:<br /> <input type="checkbox" id="octavezstart" name="octavezstart" value="1" /> </label> </p> <p> <input type="button" onclick="octavezvideoshowcode();" value="Générer le code" /> </p> </fieldset> </form> <br /> <div id="octavezdisplay" style="display:none;"> <p>Voici le code XHTML Strict à insérer dans votre page web : <textarea id="htmlw3code" name="htmlw3code" rows="5" cols="40" style="width:95%;"> </textarea></p> </div> <p>Pour toutes vos questions sur ce player veuillez utiliser le <a href="http://www.design-css.com/forum">forum</a>.</p> <p><a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/fr/"><img alt="Creative Commons License" src="http://creativecommons.org/images/public/somerights20.fr.png"/></a><br/>Cette cr&#233;ation est mise &#224; disposition sous un <a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/fr/">contrat Creative Commons</a>.</p> Ma galerie photo flash 2006-06-09T12:18:40+02:00 tag:www.design-css.com,2006-06-09:/blog/3 Octave Z Venez faire un petit tour sur ma galerie photo.... <p>Venez faire un petit tour sur ma <a href="http://gallery.octavez.com" hreflang="en">galerie photo</a>.</p> <div class="image"><img src="/blog/images/2005_1224Image0102.jpg" alt="Galerie Photos Octave Z" /></div> Un petit Player Flash Mp3 le plus léger du web. 2006-06-09T12:03:04+02:00 tag:www.design-css.com,2006-06-09:/blog/2 Octave Z Voici la première version du player Flash mp3: Z Player 1.0 Ce player Flash est le plus léger du web (seulement 2,5ko) par rapport à ses fonctionnalités. Il charge le son à la demande et non au moment du chargement de la... <p>Voici la premi&egrave;re version du player Flash mp3: <strong>Z Player 1.0</strong></p> <div class="image"> <object type="application/x-shockwave-flash" data="http://www.design-css.com/zplayer.swf?fichier=http://www.design-css.com/son3.mp3" width="220" height="34"> <param name="movie" value="http://www.design-css.com/zplayer.swf?fichier=http://www.design-css.com/son3.mp3" /> </object> </div> <p>Ce player Flash est le plus l&eacute;ger du web (seulement 2,5ko) par rapport &agrave; ses fonctionnalit&eacute;s. Il charge le son &agrave; la demande et non au moment du chargement de la page. Son utilisation est simple car il suffit d'utiliser le code HTML classique pour une animation flash, en sp&eacute;cifiant dans l'url le nom du fichier comme un argument (typiquement <code>?fichier=...</code>):</p> <blockquote> <p><code>&lt;object type=&quot;application/x-shockwave-flash&quot; data=&quot;zplayer.swf?fichier=votre_son.mp3&quot; width=&quot;220&quot; height=&quot;34&quot;&gt; &lt;param name=&quot;movie&quot; value=&quot;zplayer.swf?fichier=votre_son.mp3&quot; /&gt; &lt;/object&gt;</code></p> </blockquote> <p>Le SWF est t&eacute;l&eacute;chargeable ici : <a href="http://www.design-css.com/zplayer.swf">zplayer.swf</a> (clic droit, enregistrer sous...).</p> <p>Voici le g&eacute;n&eacute;rateur de code aux normes W3C Strict &agrave; ins&eacute;rer dans votre page (vous devez au pr&eacute;alable t&eacute;l&eacute;charger le SWF):</p> <form id="octavezcode" action=""> <fieldset> <p><label>Couleur de fond:<br /> <input type="text" id="octavezbgcolor" name="octavezbgcolor" value="FFFFFF" /> (facultatif, blanc = FFFFFF, sans #)</label> </p> <p> <label>URL du fichier MP3:<br /> <input type="text" id="octavezmp3" name="octavezmp3" value="votre_son.mp3" /> (chemin relatif ou absolu vers le son)</label> </p> <p> <input type="button" onclick="octavezshowcode();" value="Générer le code" /> </p> </fieldset> </form> <br /> <div id="octavezdisplay" style="display:none;"> <p>Voici le code XHTML Strict à insérer dans votre page web : <textarea id="htmlw3code" name="htmlw3code" rows="5" cols="40" style="width:95%;"> </textarea></p> </div> <p>Un diaporama photos est &agrave; pr&eacute;voir d'ici peu... </p> <p><a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/fr/"><img alt="Creative Commons License" src="http://creativecommons.org/images/public/somerights20.fr.png"/></a><br/>Cette cr&#233;ation est mise &#224; disposition sous un <a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/fr/">contrat Creative Commons</a>.</p> <script type="text/javascript"><!-- google_ad_client = "pub-1054553765843624"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_type = "text_image"; google_ad_channel =""; google_color_border = "FFFFFF"; google_color_link = "006699"; google_color_bg = "FFFFFF"; google_color_text = "000000"; google_color_url = "000000"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> Blog Design Css 2006-06-04T18:54:30+02:00 tag:www.design-css.com,2006-06-04:/blog/1 Octave Z Voici le premier billet du blog Design Css J'ai créé ce blog pour partager mes passions pour les CSS et le XHTML à travers des articles, des ressources, etc. Cependant étant musicien je vous parlerai aussi de ma musique. Voilà j'espère que vous trouvez que c'est une bonne idée et j'attends... <p>Voici le premier billet du blog Design Css</p> <p>J'ai créé ce blog pour partager mes passions pour les CSS et le XHTML à travers des articles, des ressources, etc. Cependant étant musicien je vous parlerai aussi de ma musique. Voilà j'espère que vous trouvez que c'est une bonne idée et j'attends tout vos commentaires et suggestions avec impatience.</p> <p>A bientôt</p> <script type="text/javascript"><!-- google_ad_client = "pub-1054553765843624"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_type = "text_image"; google_ad_channel =""; google_color_border = "FFFFFF"; google_color_link = "006699"; google_color_bg = "FFFFFF"; google_color_text = "000000"; google_color_url = "000000"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>