Календарь ucoz, скрипт календарь для ucoz, календарь css для ucoz, календарь для ucoz

Новый вид календаря - uCoz

Привет, сегодня разберем такую тему как вид каледаря для uCoz, по моему мнению этот блок является бесполезным на сайте, я просто не вижу в нем необходимости, но если не вижу ее я, это не значит что ее не видят другие, поэтому для тех кто ставит у себя календарь uCoz, я предлагаю несколько цветовых схем его оформления, также мы разберем его структуру и какие классы за что отвечают.

Давайте разберем структуру календаря

  • calTable - класс оболочки всего календарь
  • calMonth - оболочка стрелок, месяца и года
  • calMonthLink - классы ссылок
  • calWday - будни
  • calWdaySu - суббота
  • calWdaySe - воскресенье
  • calMday - все обычные дни
  • calMdayA - текущий день
  • calMdayIs - день в который добавлен материал
  • calMdayIsA - текущий день в который добавлен материал
  • calMdayLink - ссылка на добавленные материалы

А теперь применим вот такой новый стиль каледнаря для uCoz

Голубой
новый вид каледнаря для uCoz
Код
.calTable {
  width:205px;
  height:247px;
  background:url(http://mvcreative.ru/example/9/blue/bg_cal.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(http://mvcreative.ru/example/9/blue/cal_active.png) no-repeat 0 2px;
}
.calMdayIs {
  background:url(http://mvcreative.ru/example/9/blue/cal_link.png) no-repeat 1px 6px;
}
.calMdayIsA .calMdayLink {
  background:url(http://mvcreative.ru/example/9/blue/cal_link.png) no-repeat 1px 0;
  display:block;
}
.calMdayLink {
  color:#565555;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}
Красный
новый вид каледнаря для uCoz
Код
.calTable {
  width:205px;
  height:247px;
  background:url(http://mvcreative.ru/example/9/red/bg_cal.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(http://mvcreative.ru/example/9/red/cal_active.png) no-repeat 0 2px;
}
.calMdayIs {
  background:url(http://mvcreative.ru/example/9/red/cal_link.png) no-repeat 1px 6px;
}
.calMdayIsA .calMdayLink {
  background:url(http://mvcreative.ru/example/9/red/cal_link.png) no-repeat 1px 0;
  display:block;
}
.calMdayLink {
  color:#565555;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}
Серый
новый вид каледнаря для uCoz
Код
.calTable {
  width:205px;
  height:247px;
  background:url(http://mvcreative.ru/example/9/gray/bg_cal.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(http://mvcreative.ru/example/9/gray/cal_active.png) no-repeat 0 2px;
}
.calMdayIs {
  background:url(http://mvcreative.ru/example/9/gray/cal_link.png) no-repeat 1px 6px;
}
.calMdayIsA .calMdayLink {
  background:url(http://mvcreative.ru/example/9/gray/cal_link.png) no-repeat 1px 0;
  display:block;
}
.calMdayLink {
  color:#565555;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}

Вот и все

Понравилась статья? Перейди по рекламной ссылке ниже.
Раздел: Вид календаря ∫ Просмотров: 10170 ∫ 05.01.20134.1
» Оцени и добавь:
оцени статью
4.1
3 Комментария Поделись своим мнением
#3 Написал Pank, 02.05.2013 14:03
Цитатнуть
Привет! подскажите как сделать что бы все пятницы месяца были красными цветами? то ест только числа
#2 Написал Leo, 06.01.2013 13:20
Цитатнуть
лайк. wacko smile wink
#1 Написал exclusive37, 06.01.2013 09:10
Цитатнуть
Супер, как всегда радуешь Вовк =)
Вы зашли на сайт как незарегистрированный пользователь. Чтобы получить полный доступ к сайту, дополнительные возможности, пройдите пятиминутную регистрацию, либо войдите на сайт под свои логином.
Что говорят заказчики?
Наша команда сотрудничает с MVC достаточно продолжительное время. Мы очень довольны результатами работы. Рекомендуем!
Брович Денис, Россия
Заказывал шаблон, всё на высшем уровне, все что я просил было выполненно, даже больше, перевыполнено. Всё получилось просто супер, сочетания цветов и красота просто поражают.
Велисов Юрий, Украина
Приятно работать! Отзывчивость, исполнительность, заинтересованность в результате и качестве работы! Спасибо!
Смолен Аленксандо, Украина