Compteur à rebours script

finette35 -  
RAD ZONE Messages postés 5362 Statut Contributeur -
Bonjour,
Je remercie beaucoup les helpeurs ( tryan44)de ce forum qui m'ont aidé pour ce compteur à rebour ; Il fonctionne bien mais je voudrai augmenter la taille du message avant le compteur. Je n'arrive pas a placer l'indication font size="10" dans le script ainsi que Face="kristen itc" . Je n'utilise pas de feuille de style car je ne sais pas les faire je mets directement.
si quelqu'un peut m'aider un grand merci
çi dessous le scipt

<html><body bgcolor="#CCFF66"
text="#FF0000" font size="10" link="#FF6600" alink="#FF3300" vlink="#666699">
<SPAN ID="Compte"></SPAN><SCRIPT TYPE="text/JavaScript">
var Affiche=document.getElementById("Compte") ;
function Rebour() {
var date1 = new Date();
var date2 = new Date ("Jun 18 00:00:00 2012");
var sec = (date2 - date1) / 1000;
var n = 24 * 3600;
if (sec > 0) {
j = Math.floor (sec / n);
h = Math.floor ((sec - (j * n)) / 3600);
mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
Affiche.innerHTML = "Avant votre voyage il ne vous reste plus que: " + j +" j "+ h +" h "+ mn +" min "+ sec + " s . N'oubliez pas de boucler la valise. " ;
window.status = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
}
tRebour=setTimeout ("Rebour();", 1000);
}
Rebour();
</SCRIPT>

2 réponses

  1. acid3max Messages postés 38 Statut Membre 5
     
    Dans ta balise body essais

    <body style="font-size:10px;font-family:kristen itc;">
    0
  2. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    Salut

    ou fais quelque chose de plus propre !

    1 tu sort les texte du js

    2 tu ajoute une balise ( un <p> dans mon exemple ) et tu lui donne une class

    3 tu met le span dans ce <p> entre les textes

    4 tu peux ajuster facilement avec la CSS

    l exemple
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
      <head>  
        <title>  
          RAD ZONE Webcreation  
        </title>  
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
        <style type="text/css">  
    /*<![CDATA[*/  
        body {  
          background-color: #CCFF66;  
          color: red;  
        }  
    
        #Compte{  
          font-size: 20px;  
          color: #FF6600;  
        }  
    
        .texte{  
          font-size: 30px;  
          color: #3300FF;  
        }  
        /*]]>*/  
        </style>  
      </head>  
      <body>  
        <p class="texte">  
          Avant votre voyage il ne vous reste plus que: <span id="Compte"></span>N'oubliez pas de boucler la valise.  
        </p>  
        <script type="text/JavaScript">  
    //<![CDATA[  
        var Affiche=document.getElementById("Compte") ;  
        function Rebour() {  
        var date1 = new Date();  
        var date2 = new Date ("Jun 18 00:00:00 2012");  
        var sec = (date2 - date1) / 1000;  
        var n = 24 * 3600;  
        if (sec > 0) {  
        j = Math.floor (sec / n);  
        h = Math.floor ((sec - (j * n)) / 3600);  
        mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);  
        sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));  
        Affiche.innerHTML = "" + j +" j "+ h +" h "+ mn +" min "+ sec + " s " ;  
        window.status = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";  
        }  
        tRebour=setTimeout ("Rebour();", 1000);  
        }  
        Rebour();  
        //]]>  
        </script>  
      </body>  
    </html>  
    


    a+

    ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣
    0