Depuis quelques jours, le site Clocklink ne répondait plus et Fiuuu, ayant inséré une horloge de ce type dans sa sidebarre, avec placement par CSS, se retrouvait avec un décalage désagréable de tout le contenu vers le haut.

Pourquoi ne pas alors insérer cette horloge en local ?

(Je prends en exemple l'horloge qu'avait choisi Fiuuu)

Commencez par regarder le type de votre horloge : c'est quelque chose du genre "0012-DkBlue.swf"

Allez ensuite télécharger cette animation flash sur leur site à l'adresse suivante :

http://www.clocklink.com/clocks/0012-DkBlue.swf

Uploadez cette animation chez votre hébergeur.

Ensuite, il ne vous reste plus qu'à l'insérer avec du code valide XHTML pour que l'animation fonctionne aussi bien sous Firefox, Internet Explorer qu'Opera.

Ce code va bien :


<div class="clock">
<object type="application/x-shockwave-flash" data="http://votre URL/0012-DkBlue.swf?TimeZone=CET" width="200" height="200">
<param name="play" value="true" />
<param name="movie" value="http://votre URL/0012-DkBlue.swf?TimeZone=CET" />
<param name="menu" value="false" />
<param name="width" value="200" />
<param name="height" value="200" />
<param name="quality" value="high" />
<param name="scalemode" value="noborder" />
<param name="wmode" value="transparent"/>
<p> Horloge ClockLink </p>
</object>
</div>

Il ne reste plus qu'à adapter son positionnement avec la class "clock" que vous définissez dans votre feuille de style (style.css).

Si vous ne souhaitez pas avoir votre horloge en local (pas d'hébergement par exemple / plateforme de blog), vous pouvez tout de même utilisez ce code valide XHTML en remplaçant, aux deux endroits,
http://votre URL/0012-DkBlue.swf
par
http://www.clocklink.com/clocks/0012-DkBlue.swf

Attention :

  • votre URL, c'est l'endroit où vous avez stocké votre animation
  • 0012-DkBlue.swf, ce n'est qu'un exemple, il faut aussi le remplacer par l'équivalent pour l'horloge que vous avez choisie.
  • <p> Horloge ClockLink </p> c'est le texte que vous souhaitez qui apparaisse si vos visiteurs n'ont pas le plugin flash (à adapter si vous le souhaitez)
  • Sous certraines versions de Wordpress, je crois qu'il faut mettre tout le code bout à bout pour que cela fonctionne correctement (pas de passage à la ligne entre chaque <param name...)

Cela permet d'obtenir ceci :

Horloge ClockLink

Merci qui ? ;-)