Главная » 2013 » Август » 23 » Информер популярные файлы на сайте
20:17
Информер популярные файлы на сайте

Красивый информер "Популярные файлы".

Для начала создаем вот такой информер:
Каталог файлов > Материалы > Количество просмотров D > Материалы: 10 > Колонки: 1

И вставляем в него код:

Код
<div class="FimwareInf"> <table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr> <td style="background:#fff; padding:3px; padding-bottom:4px;" width="25px"><img src="$IMG_URL1$" border="0" height="70px" width="70px">
</td> <td style="border:0px; border-left:1px solid #ccc;" valign="top"> <div style="padding:5px; height:55px; overflow:hidden;"><a href="$ENTRY_URL$" title="">$TITLE$</a></div> </td> </tr></tbody></table> </div><div style="border-top:1px solid #ccc; border-bottom:1px solid #fff;"></div>


Вставляем в css этот код:

Код
div.FimwareInf {background:#f5f3f3;}  
  div.FimwareInf:hover {background:#fff;}


Скрипт информера с картинками для сайтов системы uCoz выводит информацию в красивых прозрачных картинках!
Cтиль и сам скрипт чтоб не тыкаться не искать потом если вдруг вы его захотите удалит что-б потом не лезть в CSS и так установим:
Создай информер: 
[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 4 · Колонки: 2 · Определенные категории · Длина заголовка: 11 ] 
В дополнительных опциях информера вписываем ID своей категории или раздела файлов, которые будут видны в блоке и меняем код на этот:
<style>.screenshot img {margin:6px; padding:5px; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:0 0px 5px #000; box-shadow:0 0px 5px #000;-webkit-box-shadow:0 0px 5px #000;}</style>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%">  
  <tr><td width="50%"><center>$TITLE$<br> <a href="$ENTRY_URL$">  
  <div class="screenshot"><img src="$IMG_URL1$"title="$TITLE$" bogder="0" width="73" height="55"></div></a></center></td></tr></table>
Категория: Для сайтов | Просмотров: 802 | Добавил: Лаврентий5932 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]