Форма входа

    Бесплатный раздел

    Вы здесь: Главная страница » Файлы » Вид календаря
    Уважаемые друзья и пользователи сайта ART-UCOZ!

    Уведомляем вас о том, что мы приняли трудное, но обдуманное решение о закрытии проекта в качестве Интернет-магазина ART-UCOZ. С 05.11.2022 года сайт ART-UCOZ.RU продолжит работать в качестве каталога файлов, статей и информации. Будет закрыт только раздел интернет-магазина!

    Все товары были перенесены в наш новый проект SHOPTHEMES - Vendor Marketplace (https://shopthemes.ru), над которым мы долго работали и продолжаем улучшать его в настоящее время.
    Вас ждут: личный кабинет, возможность пополнения баланса на любую сумму, зачисление бонусов за посещение, перевод средств между пользователями, вывод средств (для продавцов), личный чат, больше новых цифровых товаров и многое другое.

    Уважаемые пользователи!
    Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
    Подобные просьбы и вопросы - будут игнорироваться!

    Три стиля календаря для uCoz

    Дата добавления: 17.09.2013 - 18:13
    Категория: Вид календаря
    Добавил: Buger
    Количество просмотров: 2.6k
    Количество комментариев: 0
    Рейтинг материала: 0.0 / 0
    Три стиля календаря для uCoz
    БЕСПЛАТНО
    рейтинг 0.0
    /
    голосов 0
    Три простых и красивых варианта оформления стилем CSS календаря для uCoz сайтов, с возможностью замены необходимого цвета, для наглядности представлен серый, синий и красный цвет. <br /> При необходимости можно подключить переключатель цвета путем подмены стиля через скрипт смены цвета дизайна самого шаблона ресурса. <br /> В установке не чего сложного нету, мы просто используем дополнительный стиль, все остальное и классы уже прописаны по умолчанию в самом блоке, мы только даем этим классам направление и цветность.

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

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


    Добавлять комментарии могут только зарегистрированные пользователи.


    Поделись с друзьями: