Наш опрос
Ваше мнение о запрете курения в общественных местах
Всего ответов: 21
Случайный анекдот
22 Созвал как-то царь немца, француза и русского. Дал каждому по собаке, мешку сухарей, месяц на выполнение задания - научить собаку как можно большему за это время. Как водится, обещал пол царства и дочь замуж... Заперли их в отдельных комнатах. Проходит месяц, пред царем появляется тощий - тощий немец и такая тооолстая собака. Ну, - говорит царь - чему научил? Немец: - Сидеть, лежать, апорт, к ноге. Продемонстрировал. Приходит француз, такого среднего телосложения и такая же собака. - Чему научил? - Сидеть, лежать, апорт, к ноге, нельзя, след и т.д. Продемонстрировал. Приходит русский, такой жирный - жирный. И такая тощая - тощая собака. - Ну, чему научил? Русский: - Голосу научил. Царь, глядя на измождённую собаку, спрашивает русского: - Сухари давал? Русский: - Давал! Собака: - Пиzдит!!!
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили: EXELENT
» Зарег. на сайте
Всего: 3498
Новых за месяц: 2
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 177
Авторизованных: 3317

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



В этом материале придадим новый вид календарю на юкоз. Приведу три варианта цветовых решений: Серый, синий и красный.

Серый вид календаря

Установка:
Скачайте архив, распакуйте его и закачайте файлы папки gray архива, в папку img файл менеджера.
Этот код устанавливаем в css.
Код
.calTable {
  width:205px;
  height:247px;
  background:url(/img/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(/img/cal_active.png) no-repeat 0 2px;
}
.calMdayIs {
  background:url(/img/cal_link.png) no-repeat 1px 6px;
}
.calMdayIsA .calMdayLink {
  background:url(/img/cal_link.png) no-repeat 1px 0;
  display:block;
}
.calMdayLink {
  color:#565555;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}


Синий вид календаря

Установка:
Скачайте архив, распакуйте его и закачайте файлы папки blue архива, в папку img файл менеджера.
Этот код устанавливаем в css.
Код
.calTable {
  width:205px;
  height:247px;
  background:url(/img/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(/img/cal_active.png) no-repeat 0 2px;
}
.calMdayIs {
  background:url(/img/cal_link.png) no-repeat 1px 6px;
}
.calMdayIsA .calMdayLink {
  background:url(/img/cal_link.png) no-repeat 1px 0;
  display:block;
}
.calMdayLink {
  color:#565555;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}


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

Установка:
Скачайте архив, распакуйте его и закачайте файлы папки red архива, в папку img файл менеджера.
Этот код устанавливаем в css.
Код
.calTable {
  width:205px;
  height:247px;
  background:url(/img/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(/img/cal_active.png) no-repeat 0 2px;
}
.calMdayIs {
  background:url(/img/cal_link.png) no-repeat 1px 6px;
}
.calMdayIsA .calMdayLink {
  background:url(/img/cal_link.png) no-repeat 1px 0;
  display:block;
}
.calMdayLink {
  color:#565555;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}


Скачать архив 55,47 кб Html редактор
Автор: Prosvetekvator
Просмотров: 9110
31.03.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Новый вид календаря След. »


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022