Три варианта стиля для календаря uCoz - Форум » uCoz » Календари » Жизнь Гигабайта

Страница 1 из 1
1

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

Дмитрий

Дата: Суббота, 01.09.2012, 13:55 | Сообщение # 1 | Сообщить о нерабочей теме

Регистрация:	03.12.2011
Страна:	Российская Федерация
Репутация:	14
Сообщений:	1421
Награды:	4 +
Статус:

[spoiler="Скрин"]

[Увеличеть]
[/spoiler]

Красивые календари для uCoz

Установка

Шаг 1 - Установим HTML:

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

HTML-Code

Code

$CALENDAR$

Шаг 2 - Установим CSS:

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

CSS-Code

Code

/* Календарь
----------------------------- */
.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;
}
/* -------------------------- */

CSS-Code

Code

/* Календарь
----------------------------- */
.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

/* Календарь
----------------------------- */
.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;
}
/* -------------------------- */

Готово.

From Russia With Love!

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

Страница 1 из 1
1

Логин:
Пароль: