ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Информер на файлы и статьи для uCoz

Информер на файлы и статьи для uCoz

Этот информер можно увидеть на главной странице сайта, так как он выводит популярные файлы и статьи и изображение со всеми данными. Если говорить о каталоге файлов, то здесь пользователь или гость будет видеть сколько просмотров на самом популярном файле и сколько произведено скачивание. Но и категорий предоставлена, что по клику можно пройти на ее, так что все подробно о тех материалах, которые на интернет ресурсе оказались актуальными.

И здесь еще перекреплен второй модуль блога, там все проще. А точнее выводит три статьи, которые набрали больше просмотра и также при нажатии вы переходит прямо на них. Этот материал установлен на сайте источника или автора и полностью работает. Просто решил его на тестовом сайте под одну категорию поставить, и здесь нужно будет его редактировать, а точнее просто поставить операторы, которые и будут отвечать за ту функцию, что выводит на главную страницу.

До этого много было такого порядка скриптов, но там просто шли название и не каких данных, здесь же вы можете все вывести, главное правильно все настроить, чтоб и для того, кто заходит на портал было интересен эта информация и самому переходы делать. Возможно можно поставить на форум и сделать так, что под новые комментарий его вывести.

Переходим к установке:

В нужное место на сайте

Код

<div class="top-informer">
<div class="top-informer-l"><div class="top-l"><span>Популярные файлы</span></div>$MYINF_1$</div>
<div class="top-informer-r"><div class="top-r"><span>Популярные статьи</span></div>$MYINF_2$</div>
  </div>

Информер файлов:

[ Каталог файлов · Материалы · Количество загрузок D · Материалы: 3 · Колонки: 1 ]

Код

<div class="top-files clr">
<div class="top-files-img">
<img src="$IMG_URL1$" alt="$TITLE$">
</div>
<div class="top-files-2">
<div class="top-files-title"><a href="$ENTRY_URL$">$TITLE$</a></div>
<div class="top-files-cat">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></div>
<div class="top-files-detali">
<span>Просмотров: $READS$</span> |
<span>Загрузок: $LOADS$</span>
</div>
</div>
</div>

Информер блога:

[ Блог · Материалы · Количество просмотров D · Материалы: 3 · Колонки: 1 ]

Код

<div class="top-publ clr">
<div class="top-publ-img">
<img src="$IMG_URL1$" alt="$TITLE$">
</div>
<div class="top-publ-2">
<div class="top-publ-title"><a href="$ENTRY_URL$">$TITLE$</a></div>
</div>
</div>

Стили к ним в CSS:

Код

.top-files {
  margin-bottom: 5px;
  padding-bottom: 5px;
  height: 60px;
  border-bottom: solid #EDEDED 2px;
}

.top-publ-img, .top-files-img {
  float: left;
  width: 60px;
  height: 60px;
  padding-right: 10px;
}
.top-files-img img, .top-publ-img img {
  width: 60px;
  height: 60px;
  border-radius: 3px;
  object-fit: cover;
}

.top-files-title {
  white-space: nowrap;
  overflow: hidden;
  -webkit-mask: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 210px, rgba(0, 0, 0, 0));
  border-bottom: 1px dashed #c3c3c3;
  padding-bottom: 2px;
}

.top-publ-title a, .top-files-title a {
color: #000;
  display: block;
}

.top-files-cat {overflow: hidden;
  color: #000;
  font-size: 12px;
}

.top-files-cat a {
}

.top-files-2 {
}

.top-files-detali span {
  font-size: 12px;
}

.top-publ {
  margin-bottom: 5px;
  padding-bottom: 5px;
  height: 60px;
  border-bottom: solid #EDEDED 2px;
}

.top-publ-title {
}

.top-informer {
  border-bottom: solid 2px #EDEDED;
  display: inline-block;
  margin-bottom: 5px;
}

.top-l , .top-r {
border-bottom: solid 1px #EDEDED;
  padding-bottom: 3px;
  margin-bottom: 4px;
}

.top-l span, .top-r span {
  font-size: 15px;
  border-bottom: solid 1px #4E453C;
  padding-bottom: 5px;
}

.top-informer-l {
  width: 49%;
  float: left;
  border-right: 2px #EDEDED solid;
  padding-right: 6px;
  margin-right: 5px;
}

.top-informer-r {
  width: 49%;
  float: right;
}

.top-publ:last-child,
.top-files:last-child {
  border-bottom: 0;
}

Все настройки производятся в стилях, так как материал полностью в плане дизайн построен на CSS и там вы можете что то изменить под вашу стилистику портала.

Автор: ДимДимыч

08 Марта 2017 Просмотров: 2985 Комментариев: (4)

Поделиться в социальных сетях

Материал разместил

Kosten

Комментарии: 4
Порядок вывода комментариев: Kosten 08 Марта 2017 11:04¹ 0 Возможно будут много вопросов, так как основном на сайте один модуль, а здесь создан на 2 и это каталог файлов и блог. Сам пытался сделать на один, но все же его нужно настраивать под один, но главное по дизайн от отличается сильно от других, и здесь лучше спрашивать у самого Автора по этому вопросу. ДимДимыч 08 Марта 2017 11:13² 0 Удали вот это Код <div id="content"> в коде который ставишь в нужное место на сайте. ДимДимыч 08 Марта 2017 11:16³ 0 Kosten 08 Марта 2017 12:16⁴ 0 Все удалил, и теперь все нормально стало, а то уже начал просто один модуль выводить, так что сейчас можете настраивать как вам нужно и под один модуль вывести все значение. Круто смотрится.