|
Заметил, что статьи на тему календарей для сайтов ucoz очень популярные, тогда получайте новый пакет календарей с 5 стилями: лазурный, красный, серый, синий и желтый. Календари имеют довольно простой дизайн с качественным фоном и красивой стилизацией.
Не забывайте, что календарь на сайтах uCoz возможно вывести только для модулей новости сайта и блог.
Как добавить виджет календарь на сайт uCoz?
Постоянно получаю данный вопрос. И постоянно пишу под постами с другими календарями ответ: добавляем переменную $CALENDAR$ в любое место сайта модулей(новости сайта или блог).
Устанавливаем стили для календарей
Помещаем стили, скопированные ниже в «Таблица стилей (CSS)». Не забываем, что нам нужно избавиться от старых стилей, чтобы они не мешали, для этого ищем и если находим, то удаляем следующие классы: calTable, calMonth, calMonthLink, calWday, calWdaySu, calWdaySe, calMday, calMdayA, calMdayIs, calMdayIsA, calMdayLink
Лазурный стиль
Code
.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;
}
Желтый стиль
Code
.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;
}
Серый стиль
Code
.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;
}
Синий стиль
Code
.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;
}
Красный стиль
Code
.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;
}
|
Комментарии отсутствуют