Jeudi 21 décembre 2006
<iframe name="2007" src="http://www.justsev.com/rebours/2007/2007.htm" width="112" height="127" frameborder="0" scrolling="no" align="top"></iframe>
 IMAGE JOUR J On commence :
Il vous faut faire le nombre d’images nécessaire jusqu’au jour J comme ceci :
 31.gif  30.gif  29.gif  28.gif  27.gif  26.gif  25.gif  24.gif  21.gif  22.gif  23.gif Nous sommes le 21 Décembre donc normalement c’est le 21.gif qui va s’afficher soit jour J – 11 jours avant 2007
Une fois vos images faites et nommées dans le bonne ordre vous transférez vos images sur votre site dans un dossier prévu a cet effet.
Vous ouvrez une page htm et vous collez ce code entre et
<a href="http://VOTRESITE.com/" target="_blank">
<script type="text/javascript">
now=new Date();
date=now.getDate();
document.write("<img src="http://www.justsev.com/DOSSIER DE VOS IMAGES/" + date + ".gif" mce_src="http://www.justsev.com/DOSSIER DE VOS IMAGES/" + date + ".gif" alt=’ JUST-SEV vous souhaite une bonne année 2007 !!!’>");
</script></a>
Reste plus qu’a donner le code iframe pour vos visiteurs comme ceci :
ASTUCES a mettre dans votre page :
Pour mettre une bordure autour de votre image si vous n’en avez pas sur votre gif entre head et head mettre ceci
<style type="text/css">
img {
border : 1px solid #444444;
}
</style>
A mettre DANS la balise body pour que votre image soit bien tout en haut et a gauche de votre page htm ! c’est mieux pour l’iframe par la suite
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" >
Le code de la page en entier
<html>
<head>
<title>JUSTSEV 2007</title>
<style type="text/css">
img {
border : 1px solid #444444;
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<a href="http://www.justsev.com/" target="_blank" border="0">
<script language="javascript">
now=new Date();
date=now.getDate();
document.write("<img src=’http://www.justsev.com/rebours/2007/" + date + ".gif’ alt=’JUST-SEV vous souhaite une bonne année 2007 !!!’>");
</script>
</a>
</body>
</html>
TELECHARGER LE SCRIPT
Compte a rebours image - 227
VOIR LES AUTRES PAGES
|
Tags: compte à rebours date scripts Tuto tutorial tutoriel
