Календарь с выводом новостей - Серый - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Понедельник, 05.12.2016
Скрипты для uCoz » Календарь для сайта uCoz » Календарь с выводом новостей - Серый

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



Календарь с выводом новостей - Серый

Серый календарь с выводом новостей для сайта юКоз




Симпотичный серый календарь для установки на сайте юКоза, в календаре работают ссылки вывода новостей ( событий ) сайта.
Другими словами это календарь с селекторами стилей системы uCoz применяющимися для отображения календарных дат и событий в модуле "Новости сайта".
Для установки Вам потребуется заменить стили уже установленные в "Таблице стилей CSS". В установке поможет статья, в которой описываются настройки календаря системы юКоз, посмотрите чтобы быть в курсе.

  • Установка и настройка календаря на сайте uCoz
  • Так вот, чтобы стандартный календарь выглядел как этот нужно скопировать стили для установки календаря вместо тех которые есть в таблице стилей. Ниже показано как выгледят стили календаря Если такого в таблице стилей нет, тогда поместите код стилей календаря в самом верху.





    Поместите стили календаря в таблицу стилей CSS


    .calTable td{font:10px 'Trebuchet MS', 'Helvetica CY', sans-serif;border-top:1px solid #ddd1ba;border-left:1px solid #ddd1ba;border-bottom:1px solid #9c9079;border-right:1px solid #9c9079;background:#d1c1a2 url(http://delaisait.ucoz.ru/calendar/2013/img/grey-calendar-top.png) repeat;border-radius:5px;padding:5px 10px}a.calMonthLink{font-weight:bold}
    td.calMdayIs, .calMdayIsA{background:#b9aa95 url(http://delaisait.ucoz.ru/calendar/2013/img/grey-calendar-medium.png) repeat;border-top:1px solid #cbc0b0;border-left:1px solid #cbc0b0;border-bottom:1px solid #8a7f6f;border-right:1px solid #8a7f6f}
    td.calWdaySe, td.calWdaySu{background:#9c8f7b url(http://delaisait.ucoz.ru/calendar/2013/img/grey-calendar-dark.png) repeat;border-top:1px solid #b3a798;border-left:1px solid #b3a798;border-bottom:1px solid #726657;border-right:1px solid #726657}
    td.calMdayA{font-weight:bold;background:#9c8f7b url(http://delaisait.ucoz.ru/calendar/2013/img/grey-calendar-dark.png) repeat;border-top:1px solid #726657;border-left:1px solid #726657;border-bottom:1px solid #b3a798;border-right:1px solid #b3a798}


    Вот так будет выглядеть календарь

    Скриншот календаря

    Теперь Вам останется поместить условный оператор - > Условный оператор модуля Календарь календаря в блок сайта, через конструктор или через ПУ - Управление дизайном.









    Русские шрифты



    Ссылка:
    BB code:




  • ©
  • | Просмотров: 2153 | Добавил: IZOTOP | Рейтинг: 0.0/0
    | Теги: серый, календарь, uCoz, сайта, для, calendar, юкоз

    Всего комментариев: 1
    0   Спам
    1 methodist   (31.10.2014 17:51)
    Аватар methodist Скопировала скрипт календаря, поставила к себе на сайт - всё отлично работает! Спасибо автору!
    smile


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