EasyClock une horloge pour votre site web
Voici le mécanisme de votre horloge. Pour le récupérer télécharger le fichier jar (archive) qui contient tout ce dont vous avez besoin et rajoutez les lignes suivantes à votre code. La boite de dialogue vous proposera peut être d'enregistrer votre fichier en zip, dans ce cas renommez le en jar.
Enregistrez ensuite une image pour votre horloge. Pour cela faites un click droit sur l'image et enregistrez la.
Plus d'images
Enfin indiquez le fichier à afficher dans l'horloge à l'aide d'un paramètre.
Exemple pour le fichier EasyRed.gif
Ce qui vous donnera.
Vous pouvez bien entendu utiliser vos propres images.
Pour ceux qui le souhaitent voici la liste des paramètres que vous pouvez spécifier.
- name="image" : image de fond de l'horloge sous forme de fichier gif ou jpg (exemple : value="rondRomain.gif")
- name="tailleHMS" : diamètre des cercles heure, minute, seconde en pixels sous la forme h:m:s (exemple : value="97:129:161")
- name="posHMS" : position des cercles (en haut à gauche, comme pour un carré) en pixels sous la forme x,y:x,y:x,y (exemple : value="32,32:16,16:0,0")
- name="couleurHMS" : couleur RGB des aiguilles sous la forme r,g,b:r,g,b:r,g,b (exemple : value="0,106,255:21,155,51:150,222,219")
- name="largeurHMS" : largeur des aiguilles en pixels sous la forme h:m:s (exemple : value="6:4:2")
- name="fondApplet" : couleur RGB du fond de l'applet (par défaut blanc) sous la forma r,g,b (exemple : value="237,217,135")
- name="lien" : permet de faire un lien hypertexte lors d'un clic sur l'applet (exemple : value="http://www.createur-web.fr/contact.php")
Ce qui vous donnera pour ces paramètres
Pour fixer la taille des cercles il faut les imaginer dans un carré. Prennez un multiple de 16 et ajoutez 1 (centre pour l'axe des aiguilles) par exemple 65 dont l'axe de l'aiguille se situe au centre de 32 pixels. Veillez également à dimentionner correctement la taille réservé à l'affichage de l'applet dans votre code HTML, 65 pixels dans ce cas précis.