Forum

[html]
<style type="text/css">
div#calendrier{
                width:900px;
                height:700px;
                background:url('http://img15.hostingpics.net/pics/9083331354923716calendrierfond2.png') no-repeat top center;
                position: absolute;
                left:25%;
                top:20%;
        }
 
        .cadre{
                width:100px;
                height:120px;
                border:1px red solid;
                margin-top:10px;
                margin-left: 5px;
                margin-right: 5px;
                float:left;
                text-decoration: none;
                color:yellow;
                font-size:2em;
        }
 
        .cadre:hover{
                background:url('http://img15.hostingpics.net/pics/111882mystre.png');
                color:red;
        }
</style>
<div id="calendrier">
 
                <!-- fenetre 1er decembre -->
                <a href="http://www.youtube.com/watch?v=Dyvg235MP54" class="cadre">
                        1
                </a>
 
                <!-- fenetre 2 decembre -->
                <a href="http://alpha.heroshock.com/wp-content/uploads/2012/06/Code-Lyoko-Saison-4.jpg" class="cadre">
                        2
                </a>
 
                <!-- fenetre 3 decembre -->
                <a href="" class="cadre">
                        3
                </a>
 
                <!-- etc.. -->
                <a href="" class="cadre">
                        4
                </a>
 
                <a href="" class="cadre">
                        5
                </a>
 
                <a href="" class="cadre">
                        6
                </a>
 
                <a href="" class="cadre">
                        7
                </a>
 
                <a href="" class="cadre">
                        8
                </a>
 
                <a href="" class="cadre">
                        9
                </a>
 
                <!-- fenetre 10 decembre -->
                <a href="" class="cadre">
                        10
                </a>
 
                <a href="" class="cadre">
                        11
                </a>
 
                <a href="" class="cadre">
                        12
                </a>
 
                <a href="" class="cadre">
                        13
                </a>
 
                <a href="" class="cadre">
                        14
                </a>
 
                <!-- fenetre 15 decembre -->
                <a href="" class="cadre">
                        15
                </a>
 
                <a href="" class="cadre">
                        16
                </a>
 
                <a href="" class="cadre">
                        17
                </a>
 
                <a href="" class="cadre">
                        18
                </a>
 
                <a href="" class="cadre">
                        19
                </a>
 
                <a href="" class="cadre">
                        20
                </a>
 
                <a href="" class="cadre">
                        21
                </a>
 
                <a href="" class="cadre">
                        22
                </a>
 
                <a href="" class="cadre">
                        23
                </a>
 
                <!-- fenetre 24 decembre -->
                <a href="" class="cadre">
                        24
                </a>
 
                <a href="" class="cadre">
                        25
                </a>
 
                <a href="" class="cadre">
                        26
                </a>
 
                <a href="" class="cadre">
                        27
                </a>
 
                <a href="" class="cadre">
                        28
                </a>
 
                <a href="" class="cadre">
                        29
                </a>
 
                <a href="" class="cadre">
                        30
                </a>
 
                <!-- fenetre 31 decembre -->
                <a href="" class="cadre">
                        31
                </a>
        </div>
[/html]