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
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>
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 |