Мы в твиттере Мы в телеграме!

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

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

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

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Новый вид календаря для 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://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;  
}

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

.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;  
}

Серый
Новый вид календаря для 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://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 197 :: Комментарии (1) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1cepik

  • 25 февраля 2014 04:22
  • Регистрация: 18.10.2013
  • Был(а) онлайн: 10.06.2014
  • Комментариев: 11
  • 0
кому и вправду нужны календари? никогда не понимал

зачем их люди ставят....

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Ноябрь 2024 (1)
Октябрь 2024 (171)
Сентябрь 2024 (13)
Август 2024 (61)
Июль 2024 (12)
Июнь 2024 (30)

Последние комментарии: