Шаг 1 - Установим HTML: В одном из ваших глобальных блоков uCoz устанавливаем системную переменную календаря: HTML-Code if($CALENDAR$)?>$CALENDAR$endif?>
Шаг 2 - Установим CSS: Теперь выбираем один из трёх вариантов css стиля календаря:
CSS-Code
/* Календарь
----------------------------- */
.calTable {
border:1px solid #222;
background:#666; }
.calMonth {
text-align:center;
font-weight: bold;
padding:5px0px5px0px;
background:#535353;
}
.calWday {
font:9pxVerdana,Arial,Helvetica,sans-serif;
color:#fff;
background:#3da031;
padding:3px5px;
outline:1px solid #232423;
border-top:1px solid #93d787;
border-left:1px solid #f93d787;
}
.calWdaySu,
.calWdaySe {
font:9pxVerdana,Arial,Helvetica,sans-serif;
color:#fff;
background:#f15947;
padding:3px5px;
outline:1px solid #232423;
border-top:1px solid #f89888;
border-left:1px solid #f89888;
}
.calMday {
font:11pxVerdana,Arial,Helvetica,sans-serif;
color:#c7c7c7;
text-shadow:0px1px1px#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
/* Календарь
----------------------------- */
.calTable {
border:1px solid #222;
background:#044c78;
}
.calMonth {
text-align:center;
font-weight: bold;
padding:5px0px5px0px;
background:#1577b1;
}
.calWday,
.calWdaySu,
.calWdaySe {
font:9pxVerdana,Arial,Helvetica,sans-serif;
color:#fff; text-shadow: 0px 1px 1px #000;
background:#1e6792;
padding:3px5px;
outline:1px solid #0c3e5c;
border-top:1px solid #327096;
border-left:1px solid #327096;
}
.calMday {
font:11pxVerdana,Arial,Helvetica,sans-serif;
color:#126596;
text-shadow:0px1px1px#fff;
font-weight:bold;
padding:5px;
background:#e9e9e9;
outline:1px solid #b1b1b1;
border-top:1px solid #fff;
border-left:1px solid #fff;
}
.calMdayA {
font:12pxVerdana,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:12pxVerdana,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
/* Календарь
----------------------------- */
.calTable {
border:1px solid #4c5663;
background:#7f8792; }
.calMonth {
text-align:center;
font-weight: bold;
padding:5px0px5px0px;
background:#6f7274;
}
.calWday,
.calWdaySu,
.calWdaySe {
font:9pxVerdana,Arial,Helvetica,sans-serif;
color:#fff; text-shadow: 0px 1px 1px #000;
background:#671d9b;
padding:3px5px;
outline:1px solid #4a1e69;
border-top:1px solid #9a65bf;
border-left:1px solid #9a65bf;
}
.calMday {
font:11pxVerdana,Arial,Helvetica,sans-serif;
color:#eaeaea;
text-shadow:0px1px1px#000;
font-weight:bold;
padding:5px;
background:#4d4d4d;
outline:1px solid #252525;
border-top:1px solid #848484;
border-left:1px solid #848484;
}
.calMdayA {
font:12pxVerdana,Arial,Helvetica,sans-serif;
color:#fff; text-shadow: 0px 1px 1px #000;
font-weight:bold;
background:#72a7d3;
border:1px solid #008aff;
}
.calMdayIs,
.calMdayIsA {
font:12pxVerdana,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;
}
/* -------------------------- */
Ну вот в целом и всё... |
11:43
