Приветствую Вас Прохожий | RSS Четверг, 08.12.2016, 08:59
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 5
Гостей: 4
Пользователей: 1
alexman91



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Три варианта оформления стилем календаря для uCoz сайтов

Три варианта оформления стилем календаря для uCoz сайтов оформления, стилем, календаря, новинка, uCoz, сайтов
Три простых и красивых варианта оформления стилем CSS календаря для uCoz сайтов, с возможностью замены необходимого цвета, для наглядности представлен серый, синий и красный цвет.
При необходимости можно подключить переключатель цвета путем подмены стиля через скрипт смены цвета дизайна самого шаблона ресурса.
В установке не чего сложного нету, мы просто используем дополнительный стиль, все остальное и классы уже прописаны по умолчанию в самом блоке, мы только даем этим классам направление и цветность.

Установка:
1 Первый вариант синий цвет:

копируем код и вставляем в таблицу стилей в самый низ
Код
.calTable {  
width:205px;  
height:247px;  
background:url(http://ucozon.ru/_dr/65/47087364.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://ucozon.ru/_dr/65/33623062.png) no-repeat 0 2px;  
}  
.calMdayIs {  
background:url(http://ucozon.ru/_dr/65/01753129.png) no-repeat 1px 6px;  
}  
.calMdayIsA .calMdayLink {  
background:url(http://ucozon.ru/_dr/65/01753129.png) no-repeat 1px 0;  
display:block;  
}  
.calMdayLink {  
color:#565555;  
font:11px Verdana, Arial, Helvetica, sans-serif;  
}


2 Второй вариант красный цвет:

копируем код и вставляем в таблицу стилей в самый низ
Код
.calTable {  
width:205px;  
height:247px;  
background:url(http://ucozon.ru/_dr/65/62863645.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://ucozon.ru/_dr/65/16436536.png) no-repeat 0 2px;  
}  
.calMdayIs {  
background:url(http://ucozon.ru/_dr/65/05198224.png) no-repeat 1px 6px;  
}  
.calMdayIsA .calMdayLink {  
background:url(http://ucozon.ru/_dr/65/05198224.png) no-repeat 1px 0;  
display:block;  
}  
.calMdayLink {  
color:#565555;  
font:11px Verdana, Arial, Helvetica, sans-serif;  
}

3 Третий вариант серый цвет:

копируем код и вставляем в таблицу стилей в самый низ
Код
.calTable {  
width:205px;  
height:247px;  
background:url(http://ucozon.ru/_dr/65/58540832.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://ucozon.ru/_dr/65/64183179.png) no-repeat 0 2px;  
}  
.calMdayIs {  
background:url(http://ucozon.ru/_dr/65/80913584.png) no-repeat 1px 6px;  
}  
.calMdayIsA .calMdayLink {  
background:url(http://ucozon.ru/_dr/65/80913584.png) no-repeat 1px 0;  
display:block;  
}  
.calMdayLink {  
color:#565555;  
font:11px Verdana, Arial, Helvetica, sans-serif;  
}
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3094 | Рейтинг: 3.5/8 | |Категория: Скрипты блоки и шапки | Добавил: мир | Дата: 17.09.2013 | Скачали: 0 | Теги: Оформления, варианта, сайтов, ucoz, календаря, стилем, три
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 0

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

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru