https://forumupload.ru/uploads/0007/af/57/2/t98807.jpg

Описание:
Красивое оформление календаря из 5 цветовых решений.

Автор и источник:
wallaby

Установка:
Для начала необходимо убедиться, что на страницах вашего сайта в модулях Новости сайта, Каталог статей, Блог присутствует код календаря. Если календарь не выводится, добавьте код $CALENDAR$ в нужном месте Панели управления: Управление дизайном - Страницы сайта.

Заходим в Панель управления: скопированные ниже коды стилей вставляем в «Таблица стилей (CSS)» или ваш подключаемый стилевой файл .css. Не забываем, что нам нужно избавиться от старых стилей, чтобы они не мешали, для этого ищем и, если находим, удаляем следующие классы: .calTable, .calMonth, .calMonthLink, .calWday, .calWdaySu, .calWdaySe, .calMday, .calMdayA, .calMdayIs, .calMdayIsA, .calMdayLink

Лазурный стиль
Код:
.calTable {   
width:205px;   
height:247px;   
background:url('//wallaby.ucoz.ru/img/celendars/bg_cal-green.png') no-repeat;   
padding:0 7px 7px 7px;   
}   
.calMonth {   
text-transform:uppercase;   
height:29px;   
}   
.calMonthLink {   
color:#fff;   
text-shadow:0 -1px #7d2e2e;   
line-height:21px;   
}   
.calWday, .calWdaySe, .calWdaySu {   
color:#2f9274;   
font:11px/11px Verdana, Arial, Helvetica, sans-serif;   
text-transform:uppercase;   
padding:5px 3px 8px 3px;   
height:10px;   
}   
.calMday {   
font:11px Verdana, Arial, Helvetica, sans-serif;   
padding:5px;   
height:10px;   
color:#666666;   
}   
.calMdayA, .calMdayIsA {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_active-grey.png') no-repeat 0 2px;   
}   
.calMdayIs {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_link-grey.png') no-repeat 1px 6px;   
}   
.calMdayIsA .calMdayLink {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_link-grey.png') no-repeat 1px 0;   
display:block;   
} 
.calMdayLink {   
color:#565555;   
font:11px Verdana, Arial, Helvetica, sans-serif;   
}
Желтый стиль
Код:
.calTable {   
width:205px;   
height:247px;   
background:url('//wallaby.ucoz.ru/img/celendars/bg_cal-yellow.png') no-repeat;   
padding:0 7px 7px 7px;   
}   
.calMonth {   
text-transform:uppercase;   
height:29px;   
}   
.calMonthLink {   
color:#fff;   
text-shadow:0 -1px #7d2e2e;   
line-height:21px;   
}   
.calWday, .calWdaySe, .calWdaySu {   
color:#948f2d;   
font:11px/11px Verdana, Arial, Helvetica, sans-serif;   
text-transform:uppercase;   
padding:5px 3px 8px 3px;   
height:10px;   
}   
.calMday {   
font:11px Verdana, Arial, Helvetica, sans-serif;   
padding:5px;   
height:10px;   
color:#666666;   
}   
.calMdayA, .calMdayIsA {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_active-grey.png') no-repeat 0 2px;   
}   
.calMdayIs {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_link-grey.png') no-repeat 1px 6px;   
}   
.calMdayIsA .calMdayLink {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_link-grey.png') no-repeat 1px 0;   
display:block;   
} 
.calMdayLink {   
color:#565555;   
font:11px Verdana, Arial, Helvetica, sans-serif;   
}
Серый стиль
Код:
.calTable {   
width:205px;   
height:247px;   
background:url('//wallaby.ucoz.ru/img/celendars/bg_cal-grey.png') no-repeat;   
padding:0 7px 7px 7px;   
}   
.calMonth {   
text-transform:uppercase;   
height:29px;   
}   
.calMonthLink {   
color:#fff;   
text-shadow:0 -1px #7d2e2e;   
line-height:21px;   
}   
.calWday, .calWdaySe, .calWdaySu {   
color:#666666;   
font:11px/11px Verdana, Arial, Helvetica, sans-serif;   
text-transform:uppercase;   
padding:5px 3px 8px 3px;   
height:10px;   
}   
.calMday {   
font:11px Verdana, Arial, Helvetica, sans-serif;   
padding:5px;   
height:10px;   
color:#666666;   
}   
.calMdayA, .calMdayIsA {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_active-grey.png') no-repeat 0 2px;   
}   
.calMdayIs {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_link-grey.png') no-repeat 1px 6px;   
}   
.calMdayIsA .calMdayLink {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_link-grey.png') no-repeat 1px 0;   
display:block;   
}   
.calMdayLink {   
color:#565555;   
font:11px Verdana, Arial, Helvetica, sans-serif;   
}
Синий стиль
Код:
.calTable {   
width:205px;   
height:247px;   
background:url('//wallaby.ucoz.ru/img/celendars/bg_cal-blue.png') no-repeat;   
padding:0 7px 7px 7px;   
}   
.calMonth {   
text-transform:uppercase;   
height:29px;   
}   
.calMonthLink {   
color:#fff;   
text-shadow:0 -1px #7d2e2e;   
line-height:21px;   
}   
.calWday, .calWdaySe, .calWdaySu {   
color:#3c7cbd;   
font:11px/11px Verdana, Arial, Helvetica, sans-serif;   
text-transform:uppercase;   
padding:5px 3px 8px 3px;   
height:10px;   
}   
.calMday {   
font:11px Verdana, Arial, Helvetica, sans-serif;   
padding:5px;   
height:10px;   
color:#666666;   
}   
.calMdayA, .calMdayIsA {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_active-blue.png') no-repeat 0 2px;   
}   
.calMdayIs {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_link-blue.png') no-repeat 1px 6px;   
}   
.calMdayIsA .calMdayLink {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_link-blue.png') no-repeat 1px 0;   
display:block;   
}   
.calMdayLink {   
color:#565555;   
font:11px Verdana, Arial, Helvetica, sans-serif;   
}
Красный стиль
Код:
.calTable {   
width:205px;   
height:247px;   
background:url('//wallaby.ucoz.ru/img/celendars/bg_cal-grey.png') no-repeat;   
padding:0 7px 7px 7px;   
}   
.calMonth {   
text-transform:uppercase;   
height:29px;   
}   
.calMonthLink {   
color:#fff;   
text-shadow:0 -1px #7d2e2e;   
line-height:21px;   
}   
.calWday, .calWdaySe, .calWdaySu {   
color:#bd3c3c;   
font:11px/11px Verdana, Arial, Helvetica, sans-serif;   
text-transform:uppercase;   
padding:5px 3px 8px 3px;   
height:10px;   
}   
.calMday {   
font:11px Verdana, Arial, Helvetica, sans-serif;   
padding:5px;   
height:10px;   
color:#666666;   
}   
.calMdayA, .calMdayIsA {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_active-red.png') no-repeat 0 2px;   
}   
.calMdayIs {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_link-red.png') no-repeat 1px 6px;   
}   
.calMdayIsA .calMdayLink {   
background:url('//wallaby.ucoz.ru/img/celendars/cal_link-red.png') no-repeat 1px 0;   
display:block;   
}   
.calMdayLink {   
color:#565555;   
font:11px Verdana, Arial, Helvetica, sans-serif;   
}