Calendar icons

avr 25, 2012   //   by Nicolas Borboën   //   Blog, Programmation  //  Pas de commentaire

15 junTrouvée sur le site de Marek Sotak, j’ai un peu modifié ses icônes de calendrier pour les utiliser en sprite CSS. Vous trouverez la source en bas de page.

Calendar Icons

This calendar sprite is using the calendar icons made by Marek Sotak.
He say it’s FREE (and there is no license), but he would enjoy comments on his bolg at this post: http://sotak.co.uk/blog/calendar-icons-blog.

I updated his work to make theses icons usable in a CSS sprite (or tile set).
In order to make the use as practical as possible, you can use the short name of the month or the number of the month (1 or 2 digits). In PHP world, that means you can use the date() format as m, M or N.

Usage:

First you will need the CSS file and the calendar sprite image.
Then, there are two div: first for the image, second for the day date:
  <div class="calendar calendar-icon-1">
    <div class="calendar-day">
      1
      </div>
  </div>
The class calendar-icon-% can be calendar-icon-1, calendar-icon-01 or calendar-icon-jan.

Exemple:

calendar icons exemple
This is a image of the result. Please donwload the sources to get a « real » exemple.

The sources:

You can download the sources here: nbo_calendar_icons.tar.
You will find an exemple (index.html) and the calendar.css plus calendar_sprite.gif files. The Marek’s original files (image gimp source and 12 gif icons) are included.
Please leave a comment here if you are using it, or if you have remarks.

Votre commentaire

*