Наш опрос
Сколько у вас сайтов в системе uCoz?
Всего ответов: 48
Случайный анекдот
7 Стали волки часто на стадо овец нападать. Пошёл мужик на базар покупать подходящую собаку. Все с овчарками стоят, а один мужичек мелкую шавку расхваливает. - Да ну, её ж любой волк пополам перекусит! - Ты что, мужик, это ж собака-Боробака! Гроза всех волков, бери, не пожалеешь. Купил её мужик, поставил стадо охранять. И вот ночью бежит стая волков. Все большие серьезные такие волки. Смотрят, на лугу стадо коров пасется. Обрадовались волки, со всех ног бросились они к коровам. - Вон та моя!!! - кричит один волк. - А вон та моя!!! И тут смотрят большие серьезные такие волки маленькая собачонка стадо охраняет: - Тяф, тяф! Испугались волки и бросились наутёк. Подбегает самый молодой и горячий волк к вожаку и говорит: - Да ты что, вождь?? Что мы такой маленькой собачонки испугались?? Да максимум на что она способна так это поцеловать меня в задницу!!! - Оо-о-о-о... А ты знаешь, какие у нее холодные губы?
Статистика
Онлайн всего: 16
Гостей: 16
Пользователей: 0

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

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



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

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

Установка:
Скачайте архив, распакуйте его и закачайте файлы папки 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
Просмотров: 8443
31.03.2013


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


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


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

Мини-чат
Топ пользователей
Новое на форуме








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