Une horloge « Ubuntu » sur votre site

Si vous souhaitez afficher l’heure sur votre blog ou site (html ou xhtml) aux couleurs d’Ubuntu, SpreadUbuntu propose une version remaniée sous licence Creative Commons BY-SA de CooclClock (BSD OpenSourceLicence) aux couleurs de votre O.S. de prédilection.

  • Dans un premier temps, vous devez télécharger le dossier source.
  • Décompressez le dossier.
  • Ouvrez le dossier « ubuntu_clock_1_0.1″

  • Uploadez le dossier « ubuntu clock » à la racine de votre site

  • Copiez entre les balises <head> et </head> de la page où vous souhaitez faire apparaître l’horloge le code suivant :

<script src="ubuntu clock/jquery.js" type="text/javascript"></script>
<!--[if IE]><script type="text/javascript" src="ubuntu clock/excanvas.js"></script><![endif]-->
<script src="ubuntu clock/coolclock.js" type="text/javascript"></script>

  • Copiez entre les balises <body> et </body> de la même page le code suivant :

<canvas style="background-image: url('ubuntu clock/ubuntu.png'); background-repeat:no-repeat; background-position:center"></canvas>

Amusez-vous bien

Billets reliés

Vus : 1810
Publié par Clapico : 290