« Отличный информер "Новые материалы" для uCoz »

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

Отличный информер "Новые материалы". Данный информер можно изменить если захотеть под последние новости или статьи, так можно просто изменить за место последних материалов например на количество просмотров, загрузок или по рейтингу.

Установка:

  • Создаем информер: Каталог файлов >>> Материалы >>> Дата добавления материала D >>> Количество материалов 3 >>> Количество колонок 1 и заменяем шаблон информера на вот этот:
    Код
    <div align="center" class="ifboxuds">
      <div class="ifuds"><div style="background: #aaa;">
      <a title="$TITLE$" href="$ENTRY_URL$"><img width="170px" src="$IMG_URL1$"></a>
      <span title="$TITLE$"><a class="ifuds" href="$ENTRY_URL$"><b><?if($TITLE$)?><?if(len($TITLE$)>15)?><?substr($TITLE$,0,14)?>...<?else?>$TITLE$<?endif?></a><?else?>Без названия<?endif?></b></a><a onclick="$('.ifudslink$NUMBER$').slideToggle(100);" class="ifudslinks2"><img src="http://starwebs.ru/file/infor_new_file/imageshowprevimg.png" title="Подробная информация"></a><script src="http://starwebs.ru/file/infor_new_file/table.js" type="text/javascript"></script></span>
      </div></div>
      <div class="loadingnum">Загрузок: $LOADS$</div>
      <div class="ifudslink$NUMBER$"><div class="ifudsoa">Просмотров: <b>$READS$</b><br>Комментариев: <b>$COMMENTS_NUM$</b><br>Категория: <b><a href="$CATEGORY_URL$" class="ifuds"><?if(len($CATEGORY_NAME$)>11)?><?substr($CATEGORY_NAME$,0,10)?>...<?else?>$CATEGORY_NAME$<?endif?></a></b></div></div>
      </div><hr>

  • Дальше идем в Таблицу стилей(CSS) и в самый низ ставим данный код:
    Код
    /* Отличный информер Новые материалы для uCoz */
    .ifboxuds {position:relative; width:180px; font-size:11px; font-family:tahoma;}
      .ifuds { width:170px; overflow:hidden; padding: 0px 0px 0px 0px;}
      .ifuds a {color:#bababa; text-decoration: none;}
      .ifuds a:hover {color:#818181; text-decoration: underline;}
      .ifuds div { float:left;width:170px; height:70px;overflow:hidden; position:relative; margin: 5px 0px 5px 0px; }
      .ifuds span {float:left;width:100%; left: 0px; bottom: 0px;position:absolute; background: url(http://starwebs.ru/file/infor_new_file/pix_title.png) repeat;
    padding: 4px 0px 4px 0px; font: 9px Verdana,Arial,Helvetica, sans-serif; text-align: center; color: #eee;
      }
      a.ifuds {color:#bababa; text-decoration: none;}
      a:hover.ifuds {color:#818181; text-decoration: underline;}
      .loadingnum{
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 1px 5px;
    background: #000;
    background: rgba(0, 0, 0, 0.73);
    font: bold 10px/14px 'Arial';
    color: #fff;
    border-radius: 0px;
      }
      a.ifudslinks2 {display:inline-block;*display:inline;margin-top:3px; padding: 0px 0px 0 8px;}
      a:hover.ifudslinks2 {cursor:pointer;}
      .ifudsoa {padding:0px 0px 5px 5px;}
      .ifudslink1,.ifudslink2,.ifudslink3 {display:none;position:absolute; width:158px; height: 38px; bottom:25px; margin-left:5px; background:rgba(0, 0, 0, 0.85); border:1px solid #333; text-align:left; z-index:999; padding:5px; color:#eee;}  
    /* ------------------------- */

  • Создаем новый блок и в него ставим код информера $MYINF_X$, за место X номер своего информера.


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

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


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


    Поделиться в соц. сетях:

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

    Комментариев к материалу: 0
    avatar