Faire une horloge avec une image animée

Faire une horloge ne demande que tres peu de connaissance en graphisme mais un peu plus en HTML, si vous ne savez pas du tout ce que c'est , le tutoriel risque un peu complexe pour vous !

Bon courage

Je vous propose plusieurs images a vous de choisir , vous pouvez aussi en prendre de plus grandes et les redimmensionner dans Psp !

 

 

Clic droit sur l'image et enregistrez la dans votre PC

 

Vous avez besoin d'un script HTML que je vous offre en dessous

 

«Script de l'horloge »

 

1)Ouvrez votre Dreamweaver ou votre editeur de site habituel comme front page

 

Coller le script dans votre page dans la partie code html

 

Vous verrez quelque chose comme cela lorsque vous regardez votre partie création

 

ne paniquez pas, l'horloge ne sera pas comme cela :)

 

 

2)A la place du carré gris , vous devez mettre l'image choisie , rien de plus simple vous cliquez dessus et vous faites parcourir dans la fenetre comme cela ( vous ne voyez pas cette fenetre ? cliquez en haut sur Fenêtre/propriétés )

comme cela :

 

 

3) A présent nous allons changer les couleurs, si vous vous y connaissez en html, vous n'aurez aucun mal, parcourez le code html et remplacez les couleurs du background et de la police !!

 

Pour les autres voila , cherchez ceci dans le code html et remplacez les couleurs

 

...<tr>
<td bgcolor="#282128" style="border: 1 solid #8F7767 " >
<table summary="" border="0" width="100%" height="100%">
<tr>
<!-- couleur fond et text -->

<td background="#282128"><CENTER>
<font color="#8F7767">
<!-- fin couleur fond et text -->

 

le violet correspond à la couleur du fond de l'horloge

le bleu à le couleur de la police

et le vert à la couleur de la bordure

 

 

Vous pouvez aussi changer la police d'ecriture, actuellement cest arial et tahoma

n'oubliez pas de changer aussi le lien de mon site vers le votre :)

 

Pour voir ce que cela donne faites un apercu dans le navigateur en appuyant sur F12

 

voici mon résultat pour le moment (capture d'ecran )

 

 

3) A présent vous devez enregistrez votre page , pour cela fichier enregistrez sous et appelez la horloge1

 

Avec votre FTP, transferez cette page et l'image !

 

4) Pour voir apparaitre votre horloge, il vous faut placer ce petit code dans une nouvelle page vierge

 

 

<iframe src="http://adressedelapage.htm" width=83 height=111 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no></iframe>

 

 

 

remplacez par l'adresse de la page

regardez dans votre navigateur avec F12

 

et voila cest fini !!!!!

 

 

mon résultat ici :

 

Pour donner à vos visiteurs le code de l'horloge, il faut placer le code donné juste avant et le mettre dans un champ de texte

 

faire insertion/objet de formulaire/champ de texte

 

A votre guise, vous pouvez mettre l'image que vous voulez, les couleurs que vous voulez, mettre des images plus grandes aussi !! ce script est modulable !

 

 

Bon courage !

 

 

 

Mon tutoriel vous a servi ? vous pouvez me linker cela serait gentil

voici un bouton spécial :

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Tous droits réservés , en aucun cas mes tutoriels ne doivent être copiés ou reproduits partiellement sans mon accord, merci