Провеббер » Всё для uCoz » uCoz хаки » Новый вид календаря для uCoz

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?

Обращайся к нам в ЛС группы Вконтакте.

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

Автор: x-BLAzER 2013-9-14 Всё для uCoz / uCoz хаки

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.

Скачать бесплатно Новый вид календаря для uCoz.

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

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

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

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

Голубой

.calTable {
  width:205px;
  height:247px;
  background:url(http://uwebo4ka.3dn.ru/scripts/kalendar/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://uwebo4ka.3dn.ru/scripts/kalendar/blue/cal_active.png) no-repeat 0 2px;
}
.calMdayIs {
  background:url(http://uwebo4ka.3dn.ru/scripts/kalendar/blue/cal_link.png) no-repeat 1px 6px;
}
.calMdayIsA .calMdayLink {
  background:url(http://uwebo4ka.3dn.ru/scripts/kalendar/blue/cal_link.png) no-repeat 1px 0;
  display:block;
}
.calMdayLink {
  color:#565555;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}

Красный

.calTable {
  width:205px;
  height:247px;
  background:url(http://uwebo4ka.3dn.ru/scripts/kalendar/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://uwebo4ka.3dn.ru/scripts/kalendar/red/cal_active.png) no-repeat 0 2px;
}
.calMdayIs {
  background:url(http://uwebo4ka.3dn.ru/scripts/kalendar/red/cal_link.png) no-repeat 1px 6px;
}
.calMdayIsA .calMdayLink {
  background:url(http://uwebo4ka.3dn.ru/scripts/kalendar/red/cal_link.png) no-repeat 1px 0;
  display:block;
}
.calMdayLink {
  color:#565555;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}

Серый

.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://uwebo4ka.3dn.ru/scripts/kalendar/gray/cal_active.png) no-repeat 0 2px;
}
.calMdayIs {
  background:url(http://uwebo4ka.3dn.ru/scripts/kalendar/gray/cal_link.png) no-repeat 1px 6px;
}
.calMdayIsA .calMdayLink {
  background:url(http://uwebo4ka.3dn.ru/scripts/kalendar/gray/cal_link.png) no-repeat 1px 0;
  display:block;
}
.calMdayLink {
  color:#565555;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}

Код вызова календаря

<?if($CALENDAR$)?>$CALENDAR$<?endif?>

Вот и все!

Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных

-3

Просмотры: 5 201 :: Комментарии (1) :: :: Нужна помощь? Задайте вопрос на форуме ::

Теги: ucoz, календарь, красивый

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.