Nk-CS.Ru: Все для вашего портала uCoz
Авторизация

Информер Популярные файлы.

Информер Популярные файлы. Информер Популярные файлы как на http://fance.ru/.

Установка:

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"> <ul> <li><a href="$ENTRY_URL$">$TITLE$</a></li> <li class="tpflsrds">Просмотров: $READS$</li></ul> </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$ - Меняем на тот, что получился у нас.

Установка завершена. Приятного пользования.
Скачать архив

По данной ссылке, Вы можете скачать или купить архив данного материала.


0.0
0 оценок
0.0
Дизайн:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Функционал:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Мобильность:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Общая оценка:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
Читайте также
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Авторизация
лучший сайт где можно скачать шаблоны для dle 11.3 бесплатно