Sujet Précédent Sujet Suivant

Placé un compte à rebours

Résolu/Fermé
nicos5900 Messages postés 19 Date d'inscription jeudi 2 avril 2015 Statut Membre Dernière intervention 1 juillet 2021 - 2 avril 2015 à 19:13
Adri1infos Messages postés 625 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 - 3 avril 2015 à 20:16
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.
A voir également:

3 réponses

Réponse 1 / 3
Adri1infos Messages postés 625 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 291
2 avril 2015 à 20:10
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.
0
Réponse 2 / 3
nicos5900 Messages postés 19 Date d'inscription jeudi 2 avril 2015 Statut Membre Dernière intervention 1 juillet 2021 1
2 avril 2015 à 22:48
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.
0
Adri1infos Messages postés 625 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 291
3 avril 2015 à 18:50
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>
0
nicos5900 Messages postés 19 Date d'inscription jeudi 2 avril 2015 Statut Membre Dernière intervention 1 juillet 2021 1
3 avril 2015 à 19:14
Merci pour ton aide Adri1infos,
mais je veux placer le compteur n'importe tout sur la page, car là il se met en haut et au centre de ma page.
genre :
style="position:absolute;left:522px;top:3323px;
0
Adri1infos Messages postés 625 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 291
Modifié par Adri1infos le 3/04/2015 à 19:45
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">
0
Réponse 3 / 3
nicos5900 Messages postés 19 Date d'inscription jeudi 2 avril 2015 Statut Membre Dernière intervention 1 juillet 2021 1
3 avril 2015 à 20:07
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.
0
Adri1infos Messages postés 625 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 291
Modifié par Adri1infos le 3/04/2015 à 20:36
Voilà, c'est ça : tu met, dans align="", des valeurs tel que left, top, right, center,... tandis que style="" te permet de sélectionne (en fonction de x et y) la position sur la page.
Si tout fonctionne comme tu veux, pas de soucis !!
0

Discussions similaires

Placement PARIS BERCY
virgin76 -
Thordendall -

1 réponse