Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.

17 Марта 2014 Подробнее

Свернуть

Прямой эфир

Пользователь: artCreative

В раздел по теме: Вид материалов как на Pinterest
Пользователь: artCreative

В раздел по теме: Ссылка на источник при копировании текста
Пользователь: muxa

В раздел по теме: Ссылка на источник при копировании текста
Не работает
Пользователь: muxa

В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
Все работает класс
Пользователь: muxa

В раздел по теме: Всплывающее меню на чистом CSS
Не работает
Пользователь: muxa

В раздел по теме: Шаблон Фотошоп-Мастер
Пользователь: vovany

В раздел по теме: Уникальная страница технических работ для uCoz

Свернуть

Статистика

Пользователи

Гости сайта

Онлайн
Кто был
СЧ

[Статистика недоступна]

Всего пользователей: 1492 ⁺⁰
Всего материалов [?]: 1434 +

Полный список

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Информеры и модули » Три варианта стиля для календаря uCoz

Три варианта стиля для календаря uCoz

Опубликовал: artCreative™
Категория: Информеры и модули
Дата: 19 Июня 2025 в 09:54

0 голосов

Три варианта стиля для календаря uCoz. Небольшая подборка календарей для сайтов uCoz, состоящих из трёх вариантов css стилей.

В одном из ваших глобальных блогов uCoz устанавливаем системную переменную календаря:

$CALENDAR$

Теперь выбираем один из трёх вариантов css стиля календаря:

В ксс:

/* Календарь
  ----------------------------- */
  .calTable {
  border:1px solid #222;
  background:#666; }

  .calMonth {
  text-align:center;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
  background: #535353;
  }

  .calWday {
  font:9px Verdana,Arial,Helvetica,sans-serif;
  color:#fff;
  background:#3da031;
  padding: 3px 5px;
  outline: 1px solid #232423;
  border-top: 1px solid #93d787;
  border-left: 1px solid #f93d787;
  }

  .calWdaySu,
  .calWdaySe {
  font:9px Verdana,Arial,Helvetica,sans-serif;
  color:#fff;
  background:#f15947;
  padding: 3px 5px;
  outline: 1px solid #232423;
  border-top: 1px solid #f89888;
  border-left: 1px solid #f89888;
  }

  .calMday {
  font:11px Verdana,Arial,Helvetica,sans-serif;
  color:#c7c7c7;
  text-shadow: 0px 1px 1px #000;
  font-weight:bold;
  padding: 5px;
  background: #333433;
  outline: 1px solid #232423;
  border-top: 1px solid #4f4f4f;
  border-left: 1px solid #4f4f4f;
  }

  .calMdayA {
  color:#fff; text-shadow: 0px 1px 1px #000;
  font-weight:bold;
  background:#2d9ed8;
  outline: 1px solid #232423;
  border-right: 1px solid #8cd1f4;
  border-bottom: 1px solid #8cd1f4;
  }

  .calMdayIs,
  .calMdayIsA {
  font-weight:bold;
  background:#e675dd;
  outline: 1px solid #232423;
  border-right: 1px solid #fca6f5;
  border-bottom: 1px solid #fca6f5;
  }

  a.calMonthLink:link,
  a.calMonthLink:visited,
  a.calMonthLink:active {
  text-decoration:none;
  color:#fff;
  }

  a.calMonthLink:hover {
  text-decoration:none;
  color:#58e249;
  }

  a.calMdayLink:link,
  a.calMdayLink:visited,
  a.calMdayLink:active {
  text-decoration:none;
  color:#fff;
  }

  a.calMdayLink:hover {
  text-decoration:none;
  color:#c90000;
  }
  /* -------------------------- */

В ксс

/* Календарь
  ----------------------------- */
  .calTable {
  border:1px solid #222;
  background:#044c78;
  }

  .calMonth {
  text-align:center;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
  background: #1577b1;
  }

  .calWday,
  .calWdaySu,
  .calWdaySe {
  font:9px Verdana,Arial,Helvetica,sans-serif;
  color:#fff; text-shadow: 0px 1px 1px #000;
  background:#1e6792;
  padding: 3px 5px;
  outline: 1px solid #0c3e5c;
  border-top: 1px solid #327096;
  border-left: 1px solid #327096;
  }

  .calMday {
  font:11px Verdana,Arial,Helvetica,sans-serif;
  color:#126596;
  text-shadow: 0px 1px 1px #fff;
  font-weight:bold;
  padding: 5px;
  background: #e9e9e9;
  outline: 1px solid #b1b1b1;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  }

  .calMdayA {
  font:12px Verdana,Arial,Helvetica,sans-serif;
  color:#fff; text-shadow: 0px 1px 1px #000;
  font-weight:bold;
  background:#42db5b;
  outline: 1px solid #b1b1b1;
  border: 1px solid #b8ffc4;
  }

  .calMdayIs,
  .calMdayIsA {
  font:12px Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  background:#db4242;
  outline: 1px solid #b1b1b1;
  border: 1px solid #ffb1b1;
  }

  a.calMonthLink:link,
  a.calMonthLink:visited,
  a.calMonthLink:active {
  text-decoration:none;
  color:#fff;
  }

  a.calMonthLink:hover {
  text-decoration:none;
  color:#58e249;
  }

  a.calMdayLink:link,
  a.calMdayLink:visited,
  a.calMdayLink:active {
  text-decoration:none;
  color:#fff;
  }

  a.calMdayLink:hover {
  text-decoration:none;
  color:#111;
  }
  /* -------------------------- */

В ксс:

/* Календарь
  ----------------------------- */
  .calTable {
  border:1px solid #4c5663;
  background:#7f8792; }

  .calMonth {
  text-align:center;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
  background: #6f7274;
  }

  .calWday,
  .calWdaySu,
  .calWdaySe {
  font:9px Verdana,Arial,Helvetica,sans-serif;
  color:#fff; text-shadow: 0px 1px 1px #000;
  background:#671d9b;
  padding: 3px 5px;
  outline: 1px solid #4a1e69;
  border-top: 1px solid #9a65bf;
  border-left: 1px solid #9a65bf;
  }

  .calMday {
  font:11px Verdana,Arial,Helvetica,sans-serif;
  color:#eaeaea;
  text-shadow: 0px 1px 1px #000;
  font-weight:bold;
  padding: 5px;
  background: #4d4d4d;
  outline: 1px solid #252525;
  border-top: 1px solid #848484;
  border-left: 1px solid #848484;
  }

  .calMdayA {
  font:12px Verdana,Arial,Helvetica,sans-serif;
  color:#fff; text-shadow: 0px 1px 1px #000;
  font-weight:bold;
  background:#72a7d3;
  border: 1px solid #008aff;
  }

  .calMdayIs,
  .calMdayIsA {
  font:12px Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  background:#8dda94;
  border: 1px solid #1b7223;
  }

  a.calMonthLink:link,
  a.calMonthLink:visited,
  a.calMonthLink:active {
  text-decoration:none;
  color:#fff;
  }

  a.calMonthLink:hover {
  text-decoration:none;
  color:#58e249;
  }

  a.calMdayLink:link,
  a.calMdayLink:visited,
  a.calMdayLink:active {
  text-decoration:none;
  color:#037000;
  }

  a.calMdayLink:hover {
  text-decoration:none;
  color:#fff;
  }
  /* -------------------------- */

Спонсор материала: Дизайн-Ателье по разработке сайтов и граффики RealARTs

Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 546 « Назад

Теги материала: стиля, варианта, Ucoz, календаря, для, три

Комментарии пользователей

Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.

E-mail отправителя *:
Тема письма:
Текст сообщения *:

ПАНЕЛЬ УПРАВЛЕНИЯ

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Информеры и модули » Три варианта стиля для календаря uCoz

Три варианта стиля для календаря uCoz

Комментарии пользователей