Els calendaris són complicats de construir a mà, però són un exemple perfecte d'un disseny web adequat per a una taula. Hi ha una fila de capçalera (els dies de la setmana) i hi ha dades a les columnes.
Aquest calendari té les següents funcions:
- La setmana comença el diumenge
- Es destaquen els dies de cap de setmana
- Els dies no en el mes es numeren i es destaquen de manera diferent
- Cada dia pot contenir tants continguts que necessiteu: la propietat de desbordament manté les cel·les de la mateixa alçada i amplada.
Vegeu la plantilla
Funciona en els navegadors
Windows
- Firefox i Mozilla 1 i 2
- Internet Explorer 7 i 6
- Òpera 8.5 i 9
Macintosh
- Firefox i Mozilla 1 i 2
- Netscape 7
- Safari 1 i 2
Detalls:
- Col·loqueu el text per cada dia dins del contenidor. Això garantirà que les caixes siguin de la mateixa mida.
- Estalgueu la classe ".date" si voleu canviar el número
- Els dies de l'anterior i del mes següent es dissenyen amb les classes "anterior" i "següent", respectivament
- Si no voleu els números dels mesos anteriors i els propers, afegiu l'estil: .previous. Data, .next .date {display: none; }
Per utilitzar la plantilla web gratuïta
- Copieu l'HTML en un document al vostre servidor web
- Copieu el CSS en un document anomenat styles.css i col·loqueu-lo a la mateixa carpeta
- Enllaç al CSS al capdavant del document
- Publica la pàgina web, el CSS i el fitxer d'imatge
Altres plantilles del lloc web
Condicions d'ús:
Podeu utilitzar qualsevol de les plantilles web gratuïtes aquí per a dissenys personals o comercials, ja sigui en paper o en la web, sense incloure articles per a la seva revenda. No podeu regalar, vendre ni redistribuir els fitxers de cap manera. No publiquis aquests fitxers en cap altre lloc web, distribuir-los electrònicament o incloure'ls en qualsevol paquet per a la seva distribució. Si trobeu aquests fitxers útils, incloeu una línia de crèdit o un enllaç a aquest lloc [http://webdesign.about.com/]. Termes d'ús darrera modificació 28/08/2004.