14 août 2010

Installer un compte à rebours

Voici plusieurs sites  :

Le principal problème est de trouver un compteur en HTLM et non en Javascript

Vous allez vous marier, vous êtes enceinte... ce compteur décompte les jours jusqu'à l'heureux évènement.

TICKETFACTORY

Sur Tickerfactory, malheureusement en anglais, vous trouverez votre bonheur.



Trying To Conceive
Create a menstrual cycle day count.

Pregnancy
Count your weeks and days of pregnancy. Due Date count down.

Baby and Child Age
Display the age of your baby or child.

Weight Loss
Display your progress. Count down to your target weight.

Birthday
Count down to a birthday.

Anniversary
Count down to your anniversary.

Vacation & Travel
Count down to an upcoming vacation or travel.

Event
Count down or up to a special event.

Exercise & Fitness
Track your progress towards your exercise and fitness goal.

TRADUCTION

Fertilité
Créez un décompte journalier de votre cycle d’ovulation

Grossesse
Comptez vos semaines et jours de grossesse. Décomptez les jours jusqu’à la date prévue de l’accouchement.

Enfants
Affichez l’âge de votre bébé ou enfant

Régime
Affichez vos progrès. Décompte jusqu’au poids que vous vous êtes fixé.

Naissance  
Décompte depuis un jour de naissance

Anniversaire
Décompte jusqu’à votre anniversaire.

Vacances et Voyages
Comptez les jours jusqu'à vos prochaines vacances ou un voyage à
venir.
 

Evénement
Décompte depuis ou jusqu'à un évènement spécial 


Exercice et Fitness
Suivez votre progression vers vos objectifs forme et fitness.

Supposons que je veuille savoir le nombre de jours qui restent jusqu'à Noël, je clique sur Event,1) je choisis le bandeau sur lequel va se déplacer le compteur


2) Next

3) Je choisis le curseur qui va déplacer sur le bandeau ci-dessus



4) Next

5)

Event Date:


Event:


6) Next

7) J'obtiens le code HTLM
<a href="http://www.TickerFactory.com/">
<img border="0" src="http://tickers.TickerFactory.com/ezt/d/4;1;116/st/20061225/e/
NOEL/k/59ad/event.png"></a>
que je mets en HTML

8) J'obtiens



Depuis une reconcontre, par exemple. C'est le même principe, saut que la date est passée et non à venir : comme vous le constatez ci-dessus.

D'autres sites :

PYZAM

Allez chez PYZAM
Avec les petites flêches sous la date, fixez la date butoir : un petit piège, la date est en anglais. Donc, pour le 13 décembre 2007, vous écrivez 12/13/07.

Sous What Event are you Counting down to, inscrivez l'évènement qui aura lieu à cette date.

Si votre fond de blog est sombre, vous cochez le petit carré avant I have a dark background

Cliquez sur Create It

A la question Are You Putting this on MySpace, vous répondez No

Vous obtenez un code
<embed allowScriptAccess="never"src="http://www.freeflashtoys.biz/apps/countdown.swf?maturity=
0712130000B117110101032100097116101032102097116105100105113117101" quality="high" wmode="transparent" width="350" height="60" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
que vous copiez et collez en HTML pour obtenir





CRAZYPROFIL

Allez sur CRAZYPROFILE

Ecrivez l'évènement final et sa date

Choisissez le design et sa couleur

Cliquez sur preview. Si le résultat vous convient, cliquez sur Code.

Copiez le code
<embed src='http://www.crazyprofile.com/countdown/countdown_new.swf' width='260' height='165' FlashVars='futyr=2020&futmnth=11&futday=31&mesgtxt=la fin du
monde&bgcl=purple&dsgn=design2' quality='high' wmode='transparent' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash'
pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed><br><div><a href='http://www.crazyprofile.com/countdown/countdown.asp' target='_blank'><font
face='verdana' size=1>Created by Crazyprofile.com</font></a></div> 
Collez le en HTML : résultat en prévisualisation et à l'édition.




FISHAFRIEND

D'autres compte à rebours chez FISHAFRIEND

Opérez de la même façon : copiez le code
<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
name="flashplayer" src="http://www.wishafriend.com/countup/swf/cincodemayo2.swf?then_year=2005&then_month=0&then_day=1&eventt
=Event" quality="high" width="260" height="210" swliveconnect="true" allowscriptaccess="samedomain" /><br><a href="http://www.wishafriend.com/countup/" target="new">Countup Timers</a> at WishAFriend.com
Collez-le en HTML



Countup Timers at
WishAFriend.com

11 commentaires:

  1. Très utile ! Merci pour le post et pour ce très bon blog de façon générale (comme j'ai aussi un blog over-blog, il devrait souvent me venir en aide !).

    RépondreSupprimer
  2. Bonjour Swan :) tu aurais dû laisser l'adresse de tes blogs, j'aime bien visiter et puiser des idées.
    Merci :)

    RépondreSupprimer
  3. Bonjour Annak , je voudrais que tu m'aide pour savoir comment mettre l'un de ces compte a rebours (http://www.oneplusyou.com/bb/countdown) sur un article du site "overblog" je ne comprend pas ou il faut mettre le HTLM . Merci .

    RépondreSupprimer
  4. Bonjour Nathan :) pas mal ce compteur en flash.
    Quand tu rédiges un article, dans le menu, cliques sur Edition Avancée. Là, tu vas trouver un bouton HTML (ligne du bas, tout à gauche). Cliques sur ce bouton et colles ton code dans la fenêtre qui s'ouvre. Puis enregistres.

    RépondreSupprimer
  5. Le dernier "FISHAFRIEND", n'est pas un compte à rebours mais l'inverse! Je voulu le prendre pour ma grossesse car il y a de très jolis thèmes, malheureusement, il ne décompte pas pour les dates futures :(

    RépondreSupprimer
  6. Bonjeur Annak , Je voudrais savoir comment mettre un "J'aime" de facebook en dessous d'une vidéo dans une catégorie page et non article . Merci .

    RépondreSupprimer
  7. Bonjour Nathan :)
    Je ne me souviens plus trop, le script du J'aime de FB ne contiendrait-il pas du javascript ? car si ton blog est en confiance sur OverBlog, tu ne peux pas mettre de javascript :(

    RépondreSupprimer
  8. Bonsoir,
    j'essai également de publier un compteur sur mon blog (http://manuela.damien.11.06.11.over-blog.com/) mais impossible.
    J'ai vérifié etre en mode avancé mais rien à faire!
    Pouvez vous m'aider à inserer ce compteur sous mon image en forme de coeur?
    Merci de votre aide++++

    RépondreSupprimer
  9. Bonjour Dam, ce sont des compteurs en flash, ils sont donc compatibles avec tous les blogs. Tu colles bien le code en HTML ? Dans l'éditeur :
    Edition avancée > ligne du bas > cliquer sur HTML

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)