» »

Информер на файлы и статьи для 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.03.2017 Просмотров: 774 Комментарий: (4)

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

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

Комментарий: 4
Kosten
Kosten 08.03.2017 11:041
0
Возможно будут много вопросов, так как основном на сайте один модуль, а здесь создан на 2 и это каталог файлов и блог. Сам пытался сделать на один, но все же его нужно настраивать под один, но главное по дизайн от отличается сильно от других, и здесь лучше спрашивать у самого Автора по этому вопросу.
ДимДимыч
ДимДимыч 08.03.2017 11:132
0
Удали вот это

Код
<div id="content">


в коде который ставишь в нужное место на сайте.
ДимДимыч
ДимДимыч 08.03.2017 11:163
0
Kosten
Kosten 08.03.2017 12:164
0
Все удалил, и теперь все нормально стало, а то уже начал просто один модуль выводить, так что сейчас можете настраивать как вам нужно и под один модуль вывести все значение.

Круто смотрится.
avatar