Placé un compte à rebours
Résolu
nicos5900
Messages postés
23
Statut
Membre
-
Adri1infos Messages postés 658 Statut Membre -
Adri1infos Messages postés 658 Statut Membre -
Bonjour,
je voudrai mettre un compte à rebours sur mon site, mais j'aimerai le placé à l'endroit ou je voudrai et je ne sais pas comment le placé.
j'ai un modèle de compte à rebours que j'ai pris sur un site spécialement pour site web
voici le code:
<iframe src="https://www.decompte.net/compte-a-rebours.php?c=1735754460&s=2&r=0" width="320" height="80" marginheight="0" marginwidth="0" align="middle" scrolling="No" frameborder="0">iframe désactivée</iframe>
car si je le mets dans code en dessous de "Page Head" il me le met tous en haut de ma page.
Merci d'avance.
je voudrai mettre un compte à rebours sur mon site, mais j'aimerai le placé à l'endroit ou je voudrai et je ne sais pas comment le placé.
j'ai un modèle de compte à rebours que j'ai pris sur un site spécialement pour site web
voici le code:
<iframe src="https://www.decompte.net/compte-a-rebours.php?c=1735754460&s=2&r=0" width="320" height="80" marginheight="0" marginwidth="0" align="middle" scrolling="No" frameborder="0">iframe désactivée</iframe>
car si je le mets dans code en dessous de "Page Head" il me le met tous en haut de ma page.
Merci d'avance.
3 réponses
-
Bonsoir,
Il s'agit d'une Iframe, en gros, ta page, lors de son ouverture "appelle" la page dont le lien est dedans (...src="TON LIEN"...) et l'affiche sur ta page, mais tu ne peux rien modifier.
Le plus simple est de créer toi-même ton compte à rebour - voici le code :<script type="text/javascript"> window.onload = Init; var waitTime = 5; // Temps d'attente en seconde var x; function Init() { window.document.getElementById('compteur').innerHTML = waitTime; x = window.setInterval('Decompte()', 1000); } function Decompte() { ((waitTime > 0)) ? (window.document.getElementById('compteur').innerHTML = --waitTime) : (window.clearInterval(x)); if (waitTime == 0) { window.location = url; } } </script> <span id='compteur'>5</span>
Colle le n'importe où dans ta page HTML.
Si tu modifie le temps d'attente (indiqué dans le code javascript), modifie le nombre de départ du compteur tout en bas. -
Bonsoir,
J'aimerai mettre les jours, date, heures, minutes et seconde
donc j'ai trouvé un autre code :
<!--copy begin here:-->
<style type="text/css">#fx_convert_1 br {display:none;}</style>
<div style="width:300px;text-align:center;" id="fx_convert_1">
<div id="xcolorc2_1" style="border:1px solid #000;background-color:#F0736A;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;">
<div id="xcolorc2_2" style="font-size:12px;color:#183a00;line-height:16px;font-family: arial; font-weight:bold;background:#F0736A;padding: 3px 1px;text-align:center;">
<a href="http://fr.freecountdown.net/Compte à rebours" alt="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" title="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" id="xcount_link2" style="color:#0D1110;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;" >Compte à rebours</a>
</div><div id="xcount2_834329731" style="font-size: 1em;font-family: arial; font-weight:bold">
</div><script src="http://fr.freecountdown.net/z.php?text=&t=2&fd=2025-01-01&dir=down&id=2_834329731&fc=0D1110"></script></div></div>
<!--copy end here:-->
mais si je veux le mettre au milieu de ma page, je fais comment ?
Merci.-
Il suffit que tu créé un "<div align="center"><div>" de chaque côté de ton code, je te remet le code modifié :
<div align="center"> <style type="text/css">#fx_convert_1 br {display:none;}</style> <div style="width:300px;text-align:center;" id="fx_convert_1"> <div id="xcolorc2_1" style="border:1px solid #000;background-color:#F0736A;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;"> <div id="xcolorc2_2" style="font-size:12px;color:#183a00;line-height:16px;font-family: arial; font-weight:bold;background:#F0736A;padding: 3px 1px;text-align:center;"> <a href="http://fr.freecountdown.net/Compte à rebours" alt="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" title="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" id="xcount_link2" style="color:#0D1110;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;" >Compte à rebours</a> </div><div id="xcount2_834329731" style="font-size: 1em;font-family: arial; font-weight:bold"> </div><script src="http://fr.freecountdown.net/z.php?text=&t=2&fd=2025-01-01&dir=down&id=2_834329731&fc=0D1110"></script></div></div> </div> -
-
Tu peux biens sûr mettre ton compteur partout où tu le souhaite avec la manière que tu me dis, il suffit d'ajouter :
style="position:absolute;left:200px;top:200px;"
dans le 1er "div" que je t'ai fait ajouté :<div align="center">
ce qui donne (modifie les valeurs comme tu le veux) :<div style="position:absolute;left:200px;top:200px;" align="center">
-
-
Merci pour ton aide, maintenant j'ai compris.
j'ai remis le code car si on veut le mettre n'importe tout sur la page, il faut placé le code en dessous de " <!--Page Start--> "
et pas " <!--Page Head--> "
et ensuite pour la position c'est
" <div style="position:absolute;left:380px;top:1460px;" align=""> "
avec align="" et on choisit les valeurs "left" et "top"
<!--Page Start-->
<div style="position:absolute;left:380px;top:1460px;" align="">
<style type="text/css">#fx_convert_1 br {display:none;}</style>
<div style="width:300px;text-align:center;" id="fx_convert_1">
<div id="xcolorc2_1" style="border:1px solid #000;background-color:#F0736A;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;">
<div id="xcolorc2_2" style="font-size:12px;color:#183a00;line-height:16px;font-family: arial; font-weight:bold;background:#F0736A;padding: 3px 1px;text-align:center;">
<a href="http://fr.freecountdown.net/Compte à rebours" alt="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" title="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" id="xcount_link2" style="color:#0D1110;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;" >Compte à rebours</a>
</div><div id="xcount2_834329731" style="font-size: 1em;font-family: arial; font-weight:bold">
</div><script src="http://fr.freecountdown.net/z.php?text=&t=2&fd=2025-01-01&dir=down&id=2_834329731&fc=0D1110"></script></div></div>
</div>
Encore un grand merci Adri1infos.