Placé un compte à rebours

Résolu

nicos5900 Messages postés 18 Date d'inscription Statut Membre Dernière intervention -
Adri1infos Messages postés 628 Date d'inscription Statut Membre Dernière intervention - 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.

Afficher la suite

A voir également:

Placé un compte à rebours
Créer un compte google - Guide
Créer un compte gmail - Guide
Créer un compte instagram sur google - Guide
Facebook se connecter à un autre compte - Guide
Installer windows 10 sans compte microsoft - Guide

3 réponses

Réponse 1 / 3

Adri1infos Messages postés 628 Date d'inscription Statut Membre Dernière intervention 296

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.

Réponse 2 / 3

nicos5900 Messages postés 18 Date d'inscription Statut Membre Dernière intervention 1

Bonsoir,

J'aimerai mettre les jours, date, heures, minutes et seconde
donc j'ai trouvé un autre code :


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


mais si je veux le mettre au milieu de ma page, je fais comment ?

Merci.

Adri1infos Messages postés 628 Date d'inscription Statut Membre Dernière intervention 296

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>

nicos5900 Messages postés 18 Date d'inscription Statut Membre Dernière intervention 1

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;

Adri1infos Messages postés 628 Date d'inscription Statut Membre Dernière intervention 296

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

Réponse 3 / 3

nicos5900 Messages postés 18 Date d'inscription Statut Membre Dernière intervention 1

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 "  "
et pas "  "

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"


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

Adri1infos Messages postés 628 Date d'inscription Statut Membre Dernière intervention 296

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

Discussions similaires

Que veut dire " in da place " ?

Les meilleurs places bercy / accor hotel arena

Votre réponse

Discussions similaires