http://astucesjoella.canalblog.com/Astuces, aide, créations, kits pour vos blogs.frWed, 09 Jul 2008 12:54:15 GMTCanalBlog - http://www.canalblog.comJoella_http://astucesjoella.canalblog.com/archives/2008/06/29/9755836.htmlHorloges-Calendriers-Catégorieshttp://astucesjoella.canalblog.com/archives/2008/06/29/9755836.html#commentshttp://astucesjoella.canalblog.com/feeds/rss/comments/post/9755836/http://astucesjoella.canalblog.com/archives/2008/06/29/9755836.html<p style="text-align: center;"></p> <p style="text-align: center;"><u><strong><font size="4">Créer une horloge</font></strong></u></p> <p style="text-align: center;">Voici l'image que j'utiliserai, libre à vous d'en choisir une autre, mais elle doit se trouver </p> <p style="text-align: center;">dans votre PC et doit faire 179 de large sur 176 de hauteur.</p> <p style="text-align: center;"><img height="176" alt="image_horloge" src="http://storage.canalblog.com/56/97/179377/27357347.gif" width="179" border="0" /></p> <p style="text-align: center;">Vous avez besoin d'un script HTML Cliquez avec votre souris à droite ici -&gt; <a href="http://storage.canalblog.com/68/28/179377/27357365.txt">horloge_tuto_1</a> et enregistrez la cible sous.</p> <p style="text-align: center;">1. Ouvrez Dreamweaver ou votre éditeur habituel et collez le script dans votre page dans la partie code html et cliquez sur la partie &quot;création&quot;</p> <p style="text-align: center;">Vous verrez quelque chose comme cela&nbsp; :</p> <p style="text-align: center;"><u><strong><font size="4">Cliquez sur les captures pour les voir en grand</font></strong></u></p> <p style="text-align: center;"><a href="http://storage.canalblog.com/31/35/179377/27357567.jpg" target="_blank"><img height="74" alt="Image1" src="http://storage.canalblog.com/31/35/179377/27357567_p.jpg" width="450" border="0" /></a></p> <p style="text-align: center;">2. A la place du carré gris (N°1), vous devez mettre l'image choisie, rien de plus simple vous </p> <p style="text-align: center;">cliquez dessus et vous faites parcourir dans la fenetre et si vous ne voyez pas cette fenetre, cliquez en haut sur Fenêtre/propriétés.</p> <p style="text-align: center;">Suivez ma capture d'écran ci-dessous :</p> <p style="text-align: center;"><a href="http://storage.canalblog.com/65/88/179377/27357641.jpg" target="_blank"><img height="312" alt="Image2" src="http://storage.canalblog.com/65/88/179377/27357641_p.jpg" width="450" border="0" /></a></p> <p style="text-align: center;">Si un message s'affiche, cliquez OK comme sur ma capture d'écran ci-dessous :</p> <p style="text-align: center;"><a href="http://storage.canalblog.com/44/82/179377/27357660.jpg" target="_blank"><img height="312" alt="Image3" src="http://storage.canalblog.com/44/82/179377/27357660_p.jpg" width="450" border="0" /></a></p> <p style="text-align: center;">3. Maintenant vous devez enregistrez votre page sur votre PC, pour cela faites fichier-&gt;enregistrez sous et appelez la horloge1 par exemple.</p> <p style="text-align: center;"><a href="http://storage.canalblog.com/61/27/179377/27357682.jpg" target="_blank"><img height="275" alt="Image4" src="http://storage.canalblog.com/61/27/179377/27357682_p.jpg" width="450" border="0" /></a></p> <p style="text-align: center;">4. Ensuite, en cliquant sur F12 de votre clavier, vous pourrez déjà avoir un apperçu de votre </p> <p style="text-align: center;">horloge. Vous aurez un message d'avertissement, cliquez sur &quot;autoriser&quot; comme sur ma capture d'écran ci-dessous :</p> <p style="text-align: center;"><a href="http://storage.canalblog.com/50/95/179377/27357709.jpg" target="_blank"><img height="146" alt="Image5" src="http://storage.canalblog.com/50/95/179377/27357709_p.jpg" width="450" border="0" /></a></p> <p style="text-align: center;">5. A présent vous pouvez changer les couleurs, pour celà cliquez d'abord sur &quot;Code&quot; et cherchez le code couleur #000000 qui est le fond, le code #ffffff qui est la date et l'heure en blanc et le code #DA1207 qui est la bordure en rouge.</p> <p style="text-align: center;">Vous pouvez aussi changer l'épaisseur de la bordure rouge, la police et la taille d'écriture, indiquez le lien de votre blog et le nom de votre blog,....</p> <p style="text-align: center;">Voyez sur ma capture d'écran ci-dessous :</p> <p style="text-align: center;"><a href="http://storage.canalblog.com/49/84/179377/27357739.jpg" target="_blank"><img height="265" alt="Image6" src="http://storage.canalblog.com/49/84/179377/27357739_p.jpg" width="450" border="0" /></a></p> <p style="text-align: center;">6.Quand vous êtes satisfait, vous allez enregistrer votre image sur un site hébergeur, moi je mets tout chez canalblog.</p> <p style="text-align: center;"><a href="http://storage.canalblog.com/22/66/179377/27357766.jpg" target="_blank"><img height="335" alt="Image7" src="http://storage.canalblog.com/22/66/179377/27357766_p.jpg" width="450" border="0" /></a></p> <p style="text-align: center;">Puis vous copiez l'URL (lien) de votre image et allez le coller comme sur ma capture d'écran.</p> <p style="text-align: center;"><a href="http://storage.canalblog.com/96/32/179377/27357782.jpg" target="_blank"><img height="335" alt="Image8" src="http://storage.canalblog.com/96/32/179377/27357782_p.jpg" width="450" border="0" /></a></p> <p style="text-align: center;">7. Maintenant fermez Dreamweaver en cliquant ok pour les modifications et ensuite allez l'enregistrer sur votre site hébergeur.</p> <p style="text-align: center;"><a href="http://storage.canalblog.com/46/05/179377/27357791.jpg" target="_blank"><img height="326" alt="Image9" src="http://storage.canalblog.com/46/05/179377/27357791_p.jpg" width="450" border="0" /></a></p> <p style="text-align: center;">9. Ensuite copiez le code &quot;iframe&quot; ci-dessous et allez le coller dans votre nouveau message en mode HTML et mettez le lien de votre horloge comme indiqué sur ma capture d'écran ci-dessous :</p> <p style="text-align: center;"><a href="http://storage.canalblog.com/42/31/179377/27357807.jpg" target="_blank"><img height="326" alt="Image010" src="http://storage.canalblog.com/42/31/179377/27357807_p.jpg" width="450" border="0" /></a></p> <p style="text-align: center;">Code iframe :<br />&lt;iframe marginwidth=&quot;0&quot; marginheight=&quot;0&quot; src=&quot;<a href="http://storage.canalblog.com/15/09/144645/27357059.html">http://storage.canalblog.com/15/09/144645/27357059.html</a>&quot; frameborder=&quot;0&quot; width=&quot;189&quot; scrolling=&quot;no&quot; height=&quot;214&quot;&gt;&lt;/iframe&gt;</p> <p style="text-align: center;">10. Revenez en mode normal, vous verrez votre horloge et vous pouvez la centrer et la publier maintenant.</p> <p style="text-align: center;">Bien sûr ce code &quot;iframe&quot; est le code que vous devrez utiliser pour votre page d'accueil en avancé chez canalblog ou tout autre blog et chez MSN dans un gadget Sandbox.</p> <p style="text-align: center;">Voilà mon horloge</p> <p style="text-align: center;"><iframe marginwidth="0" marginheight="0" src="http://storage.canalblog.com/15/09/144645/27357059.html" frameborder="0" width="189" scrolling="no" height="214"> </iframe></p> <p style="text-align: center;"></p>Sun, 29 Jun 2008 21:45:00 GMTJoella_http://astucesjoella.canalblog.com/archives/2008/06/28/9744656.html2.3 - Venez prendre vos créationshttp://astucesjoella.canalblog.com/archives/2008/06/28/9744656.html#commentshttp://astucesjoella.canalblog.com/feeds/rss/comments/post/9744656/http://astucesjoella.canalblog.com/archives/2008/06/28/9744656.html<p style="text-align: center;"><table class="NOBORDER" cellspacing="20" cellpadding="20" background="http://storage.canalblog.com/84/38/144645/5770206.jpg" style="WIDTH: 100%; HEIGHT: 408px;"><tbody><tr><td><p style="text-align: center;"><font color="#ffffff" size="4"><u><strong><img height="117" alt="demandes_de_creations" src="http://storage.canalblog.com/14/53/179377/9534377.gif" width="634" border="0" style="WIDTH: 634px; HEIGHT: 117px;" /></strong></u></font></p> <p style="text-align: center;"><font color="#ffffff" size="4"><u><strong><img height="21" alt="5941pris31yw62" src="http://storage.canalblog.com/52/34/179377/21031070.gif" width="131" border="0" /><img height="21" alt="5941pris31yw62" src="http://storage.canalblog.com/52/34/179377/21031070.gif" width="131" border="0" /></strong></u></font></p> <p style="text-align: center;"><font color="#ffffff" size="4"><u><strong>Voici vos demandes de créations.</strong></u></font></p> <p style="text-align: center;"><strong><u><font color="#ffffff" size="4">Ces images sont des créations personnelles. Il me fait plaisir de vous les offrir pour décorer vos courriels ou vos pages web.</font></u></strong></p> <p style="text-align: center;"><strong><u><font color="#ffffff" size="4">En espérant toujours être à la hauteur de vos désirs...!</font></u></strong></p> <p style="text-align: center;"><strong><u><font color="#ffffff" size="4">- Pour télécharger, faites un clic droit et enregistrer l'image sous -</font></u></strong><strong><font color="#ffffff" size="3"><strong><font color="#ffffff" size="3"></font></strong></font></strong></p> <p style="text-align: center;"><img height="21" alt="5941pris31yw62" src="http://storage.canalblog.com/52/34/179377/21031070.gif" width="131" border="0" /><img height="21" alt="5941pris31yw62" src="http://storage.canalblog.com/52/34/179377/21031070.gif" width="131" border="0" /></p> <p style="text-align: center;"><strong><font color="#ffffff" size="3"></font></strong></p><strong><font color="#ffffff" size="3"><strong><font color="#ffffff" size="3"><p style="text-align: center;"><strong><font color="#ffffff" size="3">Demande pour Tigre blanc :</font></strong></p> <p style="TEXT-ALIGN: center;">Clique dessus pour la voir en taille normale ;-)</p> <p style="text-align: center;"><a href="http://storage.canalblog.com/19/59/179377/27316830.gif" target="_blank"><img height="119" alt="tigre_blanc" src="http://storage.canalblog.com/19/59/179377/27316830.gif" width="300" border="0" /></a></p> <p style="text-align: center;">Le code à insérer est :</p> <p style="text-align: center;">&lt;p style=&quot;text-align: center;&quot;&gt;&lt;img height=&quot;234&quot; alt=&quot;Eem&quot; src=&quot;http://storage.canalblog.com/19/59/179377/27316830.gif&quot; width=&quot;592&quot; border=&quot;0&quot; /&gt;&lt;/p&gt;</p> <p style="text-align: center;"></p> <p style="text-align: center;"><img height="21" alt="5941pris31yw62" src="http://storage.canalblog.com/52/34/179377/21031070.gif" width="131" border="0" /><img height="21" alt="5941pris31yw62" src="http://storage.canalblog.com/52/34/179377/21031070.gif" width="131" border="0" /></p></font></strong></font></strong></td></tr></tbody></table></p>Sat, 28 Jun 2008 21:10:33 GMT