Уважаемые пользователи skript-na-ucoz.ucoz.ru. Вы найдете у нас на портале - и сможете скачать бесплатно различные программы для вебмастеров и не только, фильмы, игры, все для фотошопа, скрипты для ваших сайтов, бесплатные шаблоны, модули, хаки и релизы популярных CMS таких-как: Datalife Engine, WordPress, Joomla, Drupal, Ucoz и многое другое, а также обсудить и получить помощь на нашем форуме. С Уважением Администрация skript-na-ucoz
  • Страница 1 из 1
  • 1
Информер Популярные файлы.
Kenik
Дата: Суббота, 12.12.2020, 23:38 | Сообщение # 1
Администратор
Сообщений:
2300
Замечания:
0
Offline


Установка:


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$ - Меняем на тот, что получился у нас.

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

Скачать бесплатно Информер Популярные файлы.
Прикрепления: 9910965.jpg (58.0 Kb)


  • Страница 1 из 1
  • 1
Поиск: