• Страница 1 из 1
  • 1
Форум Kentos311 » uCoz » Скрипты для сайта » ИНФОРМЕР МАТЕРИАЛОВ ДЛЯ САЙТА UCOZ (Простой но удобный информер для uCoz сайтов)
ИНФОРМЕР МАТЕРИАЛОВ ДЛЯ САЙТА UCOZ
Kentos311Дата: Понедельник, 08.01.2018, 14:42 | Сообщение # 1
Сообщений: 447
Статус:
Репутация: 209

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

Если вам не нужно указывать сколько скачан материал, то можете заменить на количество комментариев.

Для установки информера материалов, вам нужно с начала создать сам информер с такими параметрами какие вам нужны и нужного вам модуля.

Затем в шаблоне информера всё удаляем, и ставим код который я указал вам ниже.
Код
<div class="top_list1">  
<div class="top_list_title1"><a href="$ENTRY_URL$" title="$TITLE$"><b>$TITLE$</b></a></div>  
<a class="projects11" href="$ENTRY_URL$">  
<img src="$IMG_URL1$" alt="$TITLE$">  
</a>  
<div class="projects11">  
<span><i class="fa fa-eye"></i>$READS$</span>  
<span><i class="fa fa-download"></i>$LOADS$</span>  
</div>  
</div>


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

Код
.top_list1 {padding: 2px; border-radius: 3px; border: 4px solid #FCFCFC; box-shadow: 0px 0px 1px 1px #DDD; width: 138px; margin: 5px;}  
.top_list_title1 {text-align: center; white-space: nowrap; overflow: hidden;}  
.top_list_title1 a {color: #F27935;font-size: 12px;}  
.top_list_title1 a:hover {color: #4A4847;}  
.projects11 {display: inline-block; margin-bottom: 7px;}  
.projects11 img {width: 100%; height: 110px;border-radius: 3px;}  
.projects11 {background: #E2E2E2; margin: 8px 0 1px 3px; padding: 4px 3px 1px 3px; color: #646566; font-size: 13px; border-radius: 3px;}  
.projects11 span {float: left; padding: 2px 7px; background-color: #ccc; margin: 0px 3px 3px 3px; border-radius: 3px; width: 44px; text-align: center;}  
.projects11 i {padding-right: 6px; font-size: 11px;}  
.osite { padding: 10px; }  
.review-text, .review-text p, .review-text li { font-size: 12px; font-family: Tahoma,Arial; line-height: 17px; text-align: justify;}


Процедура установки закончена, вам остаётся установить сам код информера в то место на сайте, где он вам нужен.

Так же хочу обратить ваше внимание на то что дизайн информера содержат шрифтовые иконки Font Awesome.
Прикрепления: 8004927.png(117.8 Kb)
 
Форум Kentos311 » uCoz » Скрипты для сайта » ИНФОРМЕР МАТЕРИАЛОВ ДЛЯ САЙТА UCOZ (Простой но удобный информер для uCoz сайтов)
  • Страница 1 из 1
  • 1
Поиск: