Бесплатный веб-шаблон: макет календаря

Календари – сложная вещь, которую нужно создавать вручную, но они являются прекрасным примером веб-макета, подходящего для таблицы. Есть строка заголовка (дни недели), а в столбцах есть данные.

Этот календарь имеет следующие функции:

  • Неделя начинается в воскресенье
  • Выходные дни выделены
  • Дни не в месяце нумеруются и подсвечиваются по-разному
  • Каждый день может содержать столько содержимого, сколько вам нужно – свойство overflow сохраняет все ячейки одинаковой высоты и ширины.

Работает в браузерах

Окна

  • Firefox и Mozilla 1 и 2
  • Internet Explorer 7 и 6
  • Опера 8.5 и 9

Macintosh

  • Firefox и Mozilla 1 и 2
  • Netscape 7
  • Сафари 1 и 2

Детали:

  • Поместите текст для каждого дня в контейнере. Это обеспечит одинаковый размер ящиков.
  • Стиль класса “.date”, если вы хотите изменить номер
  • Предыдущие и последующие дни месяца оформляются классами «предыдущий» и «следующий» соответственно
  • Если вам не нужны цифры за предыдущий и следующий месяцы, добавьте стиль:
     .previous .date, .next .date {display: none; } 

Использовать бесплатный веб-шаблон

  1. Скопируйте HTML в документ на вашем веб-сервере.
  2. Скопируйте CSS в документ с именем styles.css и поместите его в ту же папку
  3. Ссылка на CSS в заголовке вашего документа
  4. Опубликовать веб-страницу, CSS и файл изображения

Условия эксплуатации

Вы можете свободно использовать любые бесплатные веб-шаблоны здесь для личного или коммерческого дизайна, как в печатном, так и в интернет-формате, за исключением предметов для перепродажи. Вы не можете передавать, продавать или распространять файлы любым способом. Не размещайте эти файлы на каком-либо другом веб-сайте, не распространяйте их в электронном виде и не включайте в какой-либо пакет для распространения. Условия использования в последний раз изменены 29.08.2004.

Оцените статью
Solutics.ru
Добавить комментарий