Créer un horloge personnalisée

Ras le bol des sites qui vous proposent des horloges avec des pubs en cadeau surprise !
Voici comment créer vous même une petite horloge qui vous ressemble...

Il vous faut une image pour votre horloge, une animation marche aussi, mais pensez à la choisir pas trop grande qu'elle puisse rentrer dans votre colonne (150x150 c'est parfait !)

Importez-la dans un Nouveau message pour récupérer son adresse, vous en aurez besoin plus bas.

Commencez par enregistrer sur votre pc le document suivant (si vous cliquez sur le lien le script de l'horloge va s'exécuter dans une page web) pour l'enregistrer cliquez droit sur le lien et faites Enregistrer la cible du lien sous...

Document Script horloge

Choisissez pour l'enregistrer un dossier facilement retrouvable (dans mes documents et donnez lui un nom Script Horloge par exemple)

Allez maintenant dans le dossier où vous venez d'enregistrer ce document et pour l'ouvrir de façon à pouvoir modifier son contenu, vous devez cliquez droit dessus et choisir Ouvrir avec puis Bloc-notes.

Le document s'ouvre.

Le dans le Bloc-notes comme ceci :

Collez maintenant l'adresse de votre image à la place de l'autre dans le modèle et pensez à modifier les valeurs width et height en leur attribuant la hauteur et la largeur de votre image.

Fermez le Bloc-notes en haut à droite sur la croix, on va vous proposer d'enregistrer cliquez Oui !

Il faut maintenant récupérer l'adresse du document .htm que l'on vient de modifier...

Ouvrez un Nouveau message et cliquez sur Insertion d'un fichier allez chercher votre document Script Horloge et passez le mode Html pour récupérer son adresse < >

Collez l'adresse dans le code ci-dessous :

<iframe src="https://storage.canalblog.com/98/64/255038/21038426.htm" width=180 height=180 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no></iframe>

Vous pouvez modifier width et height qui permettent l'affichage des chiffres de votre horloge, pour centrer l'horloge dans votre colonne, mettez pour width la même valeur que la taille de l'image et pour height mettez une valeur supérieur pour permettre l'affichage des chiffres sous l'image.

Il ne vous reste plus qu'a coller ce script dans votre page d'accueil dans une de vos colonnes.

Je dois remercier Joëlla chez qui j'ai trouvé ce script, elle propose même à ces visiteurs de leur créer une horloge personnalisée...quel courage, moi désolée les amis il va falloir mettre la main à la pâte !
Non mais et puis quoi encore !?

Allez hop, au boulot !

Comments

[akame oji]

Juste une chose ouvrir un nouveau message mais...ou? merci ^^

[akame oji]

Merci pour ce super tuto i ♥ ^^