prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

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

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


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

Вот и все!


+1
Просмотры: 2620 VIP ProWebber | Комментарии (1)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1cepik

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

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

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

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Раскрутка сайта

Создание и раскрутка сайтов. Реклама в интернете и раскрутка сайтов

topmysite.ru


Замок дверной ТЭМ2.53.01.064

Форум о дверях и замках

stroyinmash.ru


Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

Ваши переписки