Три расцветки стиля для календаря Ucoz
Выкладываю три варианта календаря, один из которых заменит ваш стандартный вид календаря uCoz. Без проблем можно отредактировать и изменить сам цвет, сделать более уникальным и функциональным для использования на сайте в модуле новости, я к примеру использую всегда, так как есть возможность просмотреть что за новость залита ив какой день, удобно и листать не нужно. Календарь ucozon.ru новость приготовлена для сайта. Только повторяюсь календарь работает по умолчанию только в модуле новости.Три расцветки стиля для календаря Ucoz.
Выглядит календарь лучше чем стандартный от uCoz.
Установка:
Устанавливаем сам условный оператор вывода календаря в вашем блоке:
В одном из ваших глобальных блогов uCoz устанавливаем системную переменную календаря:
HTML-Code
Code
Code
<?if($CALENDAR$)?>$CALENDAR$<?endif?>
Установим CSS:
Теперь выбираем один из трёх вариантов css стиля календаря:
CSS-Code
Code
/* Календарь ucozon.ru новость приготовлена для сайта ----------------------------- */ .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; } /* -------------------------- */
Code
/* Календарь ucozon.ru новость приготовлена для сайта ----------------------------- */ .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; } /* -------------------------- */
CSS-Code
Code
/* Календарь ucozon.ru новость приготовлена для сайта ----------------------------- */ .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; } /* -------------------------- */
Автор\Источник: http://ucozon.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3457
| Комментарии: 1
| Рейтинг: 3.4 /5 |
- Оценить -
Отлично
Хорошо
Неплохо
Плохо
Ужасно
|Категория: Скрипты блоки и шапки | Добавил: мир
| Дата: 03.01.2012 | Скачали: 0 | Теги: стиля , расцветки , ucoz , календаря
Похожие новости на нашем сайте
Всего комментариев: 1
Порядок вывода комментариев:
По умолчанию
Сначала новые
Сначала старые
0
Но тут только две разные расцветки, первая и вторая одинаковые, третья уже другая...
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]