« Информер Новые материалы для uCoz »

Описание материала:

Хороший информер "Новые материалы". Что из себя представляет: когда Вы добавляете материалы к себе на сайт, то последние 3(если Вы захотите, то Вы можете поменять количество материалов на больше или меньше) материала будут показываться в информере, при наведение на какой нибудь из них он засветиться темно-серым цветом.

Установка:

  • Скачиваем архив, заливаем к себе в корень сайта папку js
  • Дальше идем в Информеры >>> Создать информер >>> Каталог файлов >>> Тип данных: материалы >>> Способ сортировки: дата добавление материала D >>> Количество материалов: 3 >>> Количество колонок: 1 >>> Создать, потом заменяем шаблон информера на вот этот:
    Код
    <div class="videoPromo-list-item ">  
      <div class="videoPromo-list-item-img">  
      <img itemprop="thumbnail" src="$IMG_URL1$">  
      <a href="$ENTRY_URL$"><i class="icoplay"></i></a>  
      </div>  
      <div class="videoPromo-list-item-text">  
      <div class="title">  
    <a style="font-size:12px;font-family:Arial;margin-bottom:3px"><a href="$ENTRY_URL$" title="Смотреть онлайн $TITLE$">$TITLE$</a></a>  
      </div>  
      </div>  
      </div>

  • Далее заходим в Таблицу стилей(CSS) и в самый низ ставим данный код:
    Код
    /* Информер Новые материалы для uCoz */  
    .video-main {position:relative; float:left; margin:5px;}  
    .videoPromo-list{height:276px;position:relative;margin: -5px -5px 0 415px;overflow:hidden;font-size:0}  
    .videoPromo-list-item{width:100%;max-width:235px;height:68px;line-height:69px;position:relative;display:inline-block;*zoom:1;*display:inline;overflow:hidden;margin-right:10px;margin-bottom:1px;vertical-align:top;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}  
    .videoPromo-list-item-text{display:inline-block;*zoom:1;*display:inline;margin:5px 5px 5px 112px;vertical-align:middle;line-height:normal}  
    .videoPromo-list-item-text .title{margin-bottom:7px;font-size:12px}  

    .videoPromo-list-item .videoPromo-list-item-text .title a{text-decoration:none;color: #555555;}  
    .videoPromo-list-item:hover .videoPromo-list-item-text .title a, .videoPromo-list-item.current .videoPromo-list-item-text .title a{text-decoration:none;color:#FFF}  
    .videoPromo-list-item-button a{height:39px;line-height:39px;position:relative;display:block;top:10px;text-align:center;text-decoration:none;font-size:12px;font-weight:bold;color:#fff;background-color: #333333;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}  

    .videoPromo-list-item-button{width:50%;float:left}  
    .videoPromo-list-item-button:hover{background:#FFF !important}  

    .videoPromo-list-item-img{width:100px;height:50px;position:absolute;top:5px;left:5px;overflow:hidden;font-size:0}  
    .videoPromo-list-item-img img{width:100%}  

    .icoplay{width:36px;height:36px;font-size:0;background:url("") center center no-repeat}  
    .videoPromo-list-item-img .icoplay{position:absolute;display:none;top:50;margin: -18px 0 0 -18px}  
    .videoPromo-list-item:hover .icoplay,.videoPromo-list-item.current .icoplay{display:block}  

    .videoPromo-list-item:hover, .videoPromo-list-item.current{background:#322d2d;color:#000 !important}  
    /* ------------------------- */


    Готова!


    Установка материала

    Мы поможем установить данный материал к Вам на сайт


    Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 1180 | Загрузок: 8

    Теги к материалу: информер, Новые, ucoz, материалы, для

    Поделиться в соц. сетях:
    Комментариев к материалу: 2
    Автор исправь "Скачать" при нажатии на скачать,идёт переход на просмотр картинки http://internetempire.ru/_ld/0/40_____uCoz.jpg
    2
    Виктор Ягодин 01.02.2016 в 15:31
    Извините, в данном материале нет архива, наша ошибка, спасибо за помощь
    0
    avatar