Старая форма входа
На сайте уже 192 , зарегистрировано 15 и оставлено 1 .
Дизайн NOIZE для Фор...
Отличный вид материа...
Рип портала j-arts.r...
Вид материалов на те...
Белые Ajax окна для ...
Шаблоны uCoz
Скрипты uCoz
Главная » Файлы » Скрипты uCoz » Другие скрипты
Удобный информер для файлов ucoz
  • Добавил: group
  • Дата: 26.02.2014
  • Комментариев: 0
  • Просмотров: 278
Скриншот материала «Удобный информер для файлов ucoz»
Удобный информер для файлов ucoz
Описание:
Данный скрипт представляет собой удобный и красивый информер для самых скачиваемых файлов ucoz, который очень просто поместить в любой блок.

Важно: Ширина блока, куда вы хотите вставить информер, должна быть не менее 190px!

Установка:
1. Первым делом создадим сам информер со следующими параметрами:

[ Каталог файлов - Материалы - Количество загрузок D - Материалы: 3 - Колонки: 1 ]

2. В его шаблоне удаляем все и вставляем следующее:
Код
<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://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/fail_edobnblu/imageshowprevimg.png" title="Подробная информация"></a></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>

3. Заходим в ПУ -> Управление дизайном -> Таблицу стилей CSS и вставляем следующее:
Код
.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://studiaripucoz.ucoz.ru/rip/skript/drygie_skriptbl/fail_edobnblu/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;}
Внимание! Материал «Удобный информер для файлов ucoz» из категории «Другие скрипты» является уникальным, поэтому, при копировании просим указывать гиперссылку на источник.
Похожие материалы
Материал «Удобный информер для файлов ucoz» ещё никто не комментировал!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]