« 2005-12 | Page d'accueil | 2007-06 »

03/02/2006

Colorer son calendrier

Envie de colorer votre calendrier ?

Voici ce que technoblog vous propose :

medium_calendar.png


- Coloration alternée des cases
- Mise en évidence du jour "Aujourd'hui"

Il vous faudra d'abord restaurer votre modèle de calendrier (le code HTML est désormais différent) dans l'onglet Présentation puis éditer votre feuille de style.

Repérer les lignes concernant la boîte calendrier :
TABLE.calendar
Puis sous la dernière ligne concernant le calendrier :
TD.day

Insérez un code de ce type :
TD.even {
background-color: #e8eeee;
}

TD.odd {
background-color: #fff;
}

TD.today, TD.today a, TD.today a:hover {
background-color: #000;
color: #fff;
}


NB : Le design de ce calendrier convient pour un design sur fond blanc. Pour d'autres types de fonds et jeux de couleurs, il vous faudra éditer les codes couleurs #fff (blanc), #e8eeee (gris) et #000 (noir) et les accorder avec votre charte.

Pour aller plus loin :

TABLE.calendar apermet de charter les liens du calendrier sur les jours

TH.day-of-weekpermet de charter la ligne jour de la semaine

14:40 Ecrit par blogSpirit Team dans Astuces, Blog, Personnaliser | Lien permanent | Commentaires (23) | Envoyer cette note | Tags : Blog