En Tunisie, Ksar El Farch est un ancien grenier berbère composé de 300 ghorfas. La ghorfa est donc un grenier destiné à la conservation des céréales, des olives et des fromages.

Cet exemple à pour but de montrer quelques possibilités de mise en page et de design (couleur du texte fonction de l'image d'arrière plan, ajustement des couleurs de l'arrière plan, ombrage sur le texte). 

Pour changer la photo en fond de calendrier :

• Cliquer sur l'onglet 'Calendrier'.
• Cliquer sur 'Fond', dans 'Calendrier + Photo + Légende'.
• Choisir une photo du site, du web, ou une photo personnelle.
• Choisir une couleur de texte en fonction de la luminosité et de la couleur dominante de la photo, par exemple 'Blanc' si la photo est sombre, ou 'Noir' si la photo est claire.

Pour modifier la luminosité de la photo ou ses couleurs, au-dessus du calendrier, utiliser la feuille de style située derrière l'onglet 'Calendrier'
Copier / coller l'un des textes suivants (en italique) pour obtenir l'effet proposé.

• Pour assombrir la photo :
  #mon_cal{background-color:rgba(0,0,0,0.4) !important;}
• Pour éclairer la photo :
  #mon_cal{background-color:rgba(255,255,255,0.4) !important;}
• Pour obtenir une photo plus rouge :
  #mon_cal{background-color:rgba(255,0,0,0.4) !important;}
• Pour obtenir une photo plus verte :
  #mon_cal{background-color:rgba(0,255,0,0.4) !important;}
• Pour obtenir une photo plus bleue :
  #mon_cal{background-color:rgba(0,0,255,0.4) !important;}
• Notez que la dernière valeur entre parenthèses (ici 0.4) permet de régler la transparence, donc l'intensité de l'effet. Une valeur de 0.5 augmentera l'intensité, et une valeur de 0.3 diminuera l'intensité.
• Réajustez éventuellement la couleur du texte en fonction de la couleur dominante de la photo.

Pour modifier l'ombrage du texte des cases du calendrier dans le but de faciliter la lisibilité, modifier la feuille de style située derrière l'onglet 'Calendrier'

• Si la couleur du texte est claire :
  .cal_mois{text-shadow: 2px 0px 2px black, -2px 0px 2px black;}
• Si la couleur du texte est foncée :
  .cal_mois{text-shadow: 2px 0px 2px white, -2px 0px 2px white;}