Faire un calendrier de l'avent virtuel [Fermé]

- - Dernière réponse :  zazzz - 26 nov. 2015 à 10:29
Bonjour,


Je voudrais donc faire un calendrier de l'avent virtuel pour mon fils.
Je voudrais mettre cette image en fond:
' target='_blank' rel='nofollow'>http://hyperimages.fr/images/calendrierfond.png</code>

Et donc mettre des cases qui, que quand on clique dessus, a me redirige vers une image.

Comment faire?
Pouvez vous me donner un code?

Merci
Afficher la suite 

2 réponses

Meilleure réponse
5
Merci
tiens j'ai fait ça :

http://pastebin.com/K29nWMWA

il ne reste plus qu'à ajouter les liens pour chaques jour du mois !

j'ai mis des exemples pour le jour 1 et 2 .

pour le jour 3 par exemple

  <a href="" class="cadre"> 
   3 
  </a>


pour rajouter l'image : http://www.babelio.com/users/QUIZ_Lucky-Luke_4727.jpeg

tu fais

  <a href=" http://www.babelio.com/users/QUIZ_Lucky-Luke_4727.jpeg" class="cadre"> 
   3 
  </a>


ainsi de suite pour tout les jours

Dire « Merci » 5

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 59078 internautes nous ont dit merci ce mois-ci

si t'as un problème n'hésite pas
bonjour,

je voudrai faire un calendrier. votre lien me va bien mais je voudrai mettre des photos que j'ai dans un fichier sur mon bureau. comment je dois faire pour les mettre dessus du coup?

Merci
Messages postés
30
Date d'inscription
mercredi 20 mars 2013
Statut
Membre
Dernière intervention
15 juin 2015
4
0
Merci
bonjour le calendrier est super parcontre je n'arrive pas a faire en sorte que les jours soit vérouillé pour ne pas qu'il y ai de triche .... comment puis je arriver a faire cela ?

j'ai crue comprendre que je devais utiliser :

//-- Recup Today
var ToDay = new Date();
var Jour = ToDay.getDate();
var Mois = ToDay.getMonth();
var Annee = ToDay.getFullYear();


//-- Test entre les dates
if( (ToDay > D_Mini) && (ToDay < D_Maxi)){
alert( 'Bon');
}
else{
alert( 'Mauvais');
}


mais je ne sait pas ni ou ni quant ni comment le rajouter
j'ai fais un essais voici mes lignes de texte mais je ne sait pas ou rajouter ces lignes la (les images n'ont pas d'url parce que j'utilise un éditeur (nvu) qui les prends sur mon post.)


<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<title>Calendrier de l'avent 2013 !!</title>
<style type="text/css">
body{
background:url('fond.JPG') no-repeat top center;
background-size:100%;
}
div#calendrier{
width:736px;
height:400px;
background:url('boutons.JPG') no-repeat top center;
position: absolute;
left:25%;
top:20%;
}
.cadre{
width:80px;
height: 80px;
border:1px black solid;
margin-top:10px;
margin-left: 5px;
margin-right: 5px;
float:left;
text-decoration: none;
color:black;
font-size:2em;
}
.cadre:hover{
background:url('http://image.noelshack.com/fichiers/2012/49/1354924744-mario-question-block.jpg');
color:red;
}
</style>
</head>
<body>
style="text-align: center; z-index: 1; top: 184px; height: 100px; left: 326px; width: 745px;"
id="calendrier"><a style="color: rgb(31, 31, 0);" href="1.pdf"
class="cadre">22
</a><a style="color: rgb(31, 31, 0);" href="2.pdf"
class="cadre">23
</a><a style="color: rgb(31, 31, 0);" href="3.pdf"
class="cadre">24
</a><a style="color: rgb(31, 31, 0);" href="4.pdf"
center="" class="cadre">25
</a><a style="color: rgb(31, 31, 0);" href="5.pdf"
class="cadre">26
</a><a style="color: rgb(31, 31, 0);" href="6.pdf"
class="cadre">27
</a><a style="color: rgb(31, 31, 0);" href="7.pdf"
class="cadre">28
</a><a target="_blank" href="8.pdf" class="cadre"><span
style="color: rgb(31, 31, 0);">29</span>
</a></div>
</body>
</html>