Установка:
1. Создаем информер с следующими параметрами:
[ Каталог файлов · Материалы · Количество просмотров D · Материалы: 3 · Колонки: 1 · Длина заголовка: 15 ]
2. В шаблон информера пихаем следующий код:
Код
<div class="top_files"> <a href="$IMG_URL1$" class="ulightbox">
<div class="top_files_post"> <img src="$IMG_URL1$" alt=""
title=""> <div class="top_files_post_z"></div> <div
class="top_files_post_z"></div> </div> </a> <div
class="top_files_info"> [list][*]<a
href="$ENTRY_URL$">$TITLE$</a></li> <liclass="tpflsrds">Просмотров: $READS$</li>[/list]
</div></div>
<div class="gorline"></div>
3. Далее идем в ваш CSS и в самый конец пихаем код:
Код
.top_files {background:#f4f4f4;border:1px solid
#ebebeb;margin:4px;padding:2px;overflow:hidden;}
.top_files_post {float:left;position:relative;}
.top_files_post img {width:82px;height:39px;}
.top_files_post_z {background:url('/img/top_files_post_z.png');width:82px;height:39px;position:absolute;left:0;top:0;}
.top_files_post_z:hover {background:url('/img/top_files_post_z_h.png');}
.top_files_info {background:url('/img/top_files_info.png');width:121px;height:39px;float:left;}
.top_files_info ul {margin:0;padding:0;list-style:none;}
.top_files_info li {margin:0 0 0 15px;padding:1px 0 0 0;}
.top_files_info li.tpflsrds {padding:8px 0 0 0;}
.top_reads {display:block;background:url('/img/top_reads.png')
no-repeat 12px 9px #f4f4f4;margin:4px;padding:6px 12px 6px
28px;color:#6d6d6d;float:left;}
.top_reads:hover {background:url('/img/top_reads_h.png') no-repeat 12px 9px #313131;color:#b5b5b5;}
.top_comments {display:block;background:url('/img/top_comments.png')
no-repeat 12px 9px #f4f4f4;margin:4px 0;padding:6px 13px 6px
29px;color:#6d6d6d;float:left;}
.top_comments:hover {background:url('/img/top_comments_h.png') no-repeat 12px 9px #313131;color:#b5b5b5;}
.gorline {border:1px solid #e9e9e9;border-left:0;border-right:0;border-bottom:0;clear:both;overflow:hidden;}
4. Заходим в файловый менеджер и создаем папку img.
5. Заливаем все картинки в нашу папку.
6. Далее идем в блок и вставляем следующий код:
Код
<div class="sidebox_content padding">
$MYINF_X$
Код
<div class="overflow">
<a href="#tab1" class="top_reads">Просмотры</a>
<a href="#tab2" class="top_comments">Комментарии</a>
</div></div>
7. $MYINF_X$ - Меняем на тот, что получился у нас.
Установка завершена. Приятного пользования.
Скачать бесплатно Информер Популярные файлы.
