|
|
Дата: Понедельник, 08.01.2018, 14:42 | Сообщение # 1
|
Сообщений: 729
Статус: 
|
Информер выглядит просто и удобно, он будет выводить вам информацию о материале, сколько просмотрело и сколько скачало данный материал. Так же будет выводится и изображения материала.
Если вам не нужно указывать сколько скачан материал, то можете заменить на количество комментариев.
Для установки информера материалов, вам нужно с начала создать сам информер с такими параметрами какие вам нужны и нужного вам модуля.
Затем в шаблоне информера всё удаляем, и ставим код который я указал вам ниже.
Код
<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.
|
| |
|
|
