Profil

  • Christelle
  • retrouvez-moi sur : http://www.awerpi.fr
  • retrouvez-moi sur : http://www.awerpi.fr

Photo.Graph

Catégories

11 février 2009 3 11 /02 /février /2009 08:45

 

Le calendrier d'over-blog n'a pas pour seule utilité de monter quel jour nous sommes. Il permet aussi de donner accès aux articles du blog qui l'affiche selon une date précise sans avoir à passer par la pagination.

 

Le module du calendrier comporte plusieurs classes. Ca peut-être intéressant de les configurer comme bon nous semble.

 

 



La cellule qui contient le mois actuel :

.calendarTop1

 

Je veux par exemple, que le mois soit écrit en arial, en 10px, en jaune, en gras, sur un fond vert et que le texte soit centré :

.calendarTop1 {font-family: Arial; font-size: 10px; color: #FFFF00; font-weight: bold;  background-color:#00FF00; text-align:center;}

 

 

 

La cellule qui contient le jour actuel :

.calendarToday1

 

Je veux par exemple que le jour soit écrit en Helvetica, en 10px, en bleu, sur un fond de couleur rouge, qu'il soit centré et en gras :

.calendarToday1 {font-family: Helvetica; font-size: 10px; color:#0000FF; background-color:#FF0000; text-align: center; font-weight: bolder; }

 

 

 

Les chiffres des jours du mois  :

.calendarDays1

 

Je veux par exemple que les chiffres soient espacés de 50px de large, 15px de haut pour que ce soit lisible. Puis je veux que le texte soit écrit en verdana, de 10px, en noir et centré.

.calendarDays1 {width:50px; height: 15px; font-family: Verdana; font-size: 10px; color: #000000; text-align:center;}

 

 

La cellule qui contient les premières lettres des jours de la semaine :

.calendarHeader1

 

Je veux par exemple qu'elles soient en arial, de 12px, en blanc sur un fond noir. Je veux que chaque case soit dissociée par une bordure rouge continue de 1px d'épaisseur :

.calendarHeader1{font-family: Arial; font-size: 12px; color:#FFFFFF; background-color: #000000; border: 1px solid #CC0000;}

 

 

 

La cellule qui contient le calendrier en entier :

.calendarTable1

 

Je veux par exemple qu'elle ait une bordure jaune de 3 pixels d'épaisseur en pointillés :

.calendarTable1 {border : 3px dashed #FFFF00 ; }

 

 

Partager cet article

Repost 0
Published by Christelle Vinsonneau - dans webdesign
commenter cet article

commentaires

dissertation 24/08/2009 05:27

Blogs are so informative where we get lots of information on any topic. Nice job keep it up!!

Christelle Vinsonneau 24/08/2009 09:25



It seems that you already came on this blog, you left me the same message.



dissertation samples 15/08/2009 10:58

Blogs are so informative where we get lots of information on any topic. Nice job keep it up!!

Christelle Vinsonneau 24/08/2009 09:10


thanks.


cerisette et l'art 11/02/2009 11:38

tu vois c'est quelque chose que je n'ai pas envie de mettre
bisous
cerisette

Christelle Vinsonneau 11/02/2009 13:51


Ca fait trop "boulot" ?