Навигатор

Шаблоны для Joomla
Шаблоны для uCoz
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [13]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [128]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [45]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [20]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [15]
форма входа для ucoz
Переключатели для ucoz [9]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Интересное
Мини профиль + Форма входа
Рейтинг: 66576
Красивое горизонтальное меню для ucoz
Рейтинг: 54014
Мини-чат для ucoz
Рейтинг: 48449
Скрипт мониторинга cs серверов
Рейтинг: 43496
Слайдер новостей для uCoz
Рейтинг: 18600

Простые календари uCoz

Простые календари uCoz

Заметил, что статьи на тему календарей для сайтов 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;   
}
Категория Календари для ucoz | Добавил: wallaby | Просмотров: 2361 |

Комментарии отсутствуют

по актуальности
Чтобы оставить комментарий, необходимо или