Plantilla web gratuita: diseño de calendario

Los calendarios son difíciles de construir a mano, pero son un ejemplo perfecto de un diseño web apropiado para una tabla. Hay una fila de encabezado (los días de la semana) y hay datos en las columnas.

Los calendarios son difíciles de construir a mano, pero son un ejemplo perfecto de un diseño web apropiado para una tabla. Hay una fila de encabezado (los días de la semana) y hay datos en las columnas.

Este calendario tiene las siguientes características:

  • La semana comienza el domingo.
  • Los días de fin de semana están resaltados
  • Los días que no están en el mes están numerados y resaltados de manera diferente
  • Cada día puede contener todo el contenido que necesite: la propiedad de desbordamiento mantiene las celdas a la misma altura y anchura

Funciona en navegadores

Windows

  • Firefox y Mozilla 1 y 2
  • Internet Explorer 7 y 6
  • Opera 8.5 y 9

Macintosh

  • Firefox y Mozilla 1 y 2
  • Netscape 7
  • Safari 1 y 2

Detalles:

  • Coloque el texto para cada día dentro del contenedor. Esto asegurará que las cajas permanezcan del mismo tamaño.
  • Diseñe la clase «.date» si desea cambiar el número
  • Los días del mes anterior y siguiente están diseñados con las clases «anterior» y «siguiente» respectivamente
  • Si no desea los números de los meses anteriores y siguientes, agregue el estilo:
     .previous .date, .next .date {display: none; } 

Para usar la plantilla web gratuita

  1. Copie el HTML en un documento en su servidor web
  2. Copie el CSS en un documento llamado styles.css y colóquelo en la misma carpeta
  3. Enlace al CSS en el encabezado de su documento
  4. Publique la página web, CSS y el archivo de imagen

Términos de Uso

Usted es libre de usar cualquiera de las plantillas web gratuitas aquí para diseños personales o comerciales, ya sea impresos o en la web, excluyendo artículos para reventa. No puede regalar, vender o redistribuir los archivos de ninguna manera. No publique estos archivos en ningún otro sitio web, ni los distribuya electrónicamente, ni los incluya en ningún paquete para su distribución. Términos de uso modificados por última vez el 8/29/2004.

Rate article
labsfabs.com
Add a comment