
Cet article a été publié il y a
1 an 3 mois 17 jours, il est donc possible qu’il ne soit plus à jour. Les informations proposées sont donc peut-être obsolètes.
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
Hé, c’est chouette ça !
Salut,
Super mais moi ce que je peux, c’est la même chose mais avec une image SVG modifiée par un script JavaScript, pour que ça soit rapide, léger et super personalisable !!!!
OSWay
Bonjour,
Pensez-vous qu’il est possible d’utiliser cette horloge sur le bureau de ma distribution Xubuntu 11.10 ?
Bonjour,
Merci pour cette petite horloge bien sympa
)
Installée sur mes 2 blogs: http://sujetsdactu.blogspot.com
et http://cybershoot59.blogspot.com
Bonjour,
Cool cette horloge.
Par contre n’étant pas spécialiste en JavaScript, je me suis un peu cassé les dents à la tester.
En ajoutant class=”CoolClock:Ubuntu” comme paramètre de la balise canvas ça marche mieux.
Merci pour ton billet.
Stéphane