Наш опрос
Употребляете ли вы алкоголь?
Всего ответов: 20
Случайный анекдот
62 Встречаются два мужика из соседних деревень: - Как житуха? - Да вот, кабанчика племенного купил. - Да? Так давай его с моими свинками спарим, а поросят поровну поделим. - Давай. Только как я узнаю, хочет он или нет спариваться? - А ты посмотри: если хвостик колечком, значит хочет. Так и порешили. На следующий день мужик заходит в сарай. Смотрит, хвостик колечком. Поймал поросенка, связал, посадил в коляску мотоцикла, надел на него шлем и отвез к приятелю. И так 3 дня подряд. На четвертый день мужик говорит жене: - Сходи, посмотри в сарай, как у поросенка хвостик: колечком или нет? Жена возвращается и говорит: - Знаешь Коля, не знаю, как там хвостик, но кабан уже надел шлем и ждет в коляске.
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 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
Просмотров: 9138
31.03.2013


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


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


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








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