» »

Информер на вывод новостных блогов для uCoz

Информер на вывод новостных блогов для uCoz

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

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

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

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

[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 ]

Код
<div class="zornet_ru_baxa">  
  <div class="zornet_ru_baxa-top">  
  <div class="news-stat-date" title="$TITLE$"><i></i><i class="fa fa-hand-o-right" aria-hidden="true"></i> $DATE$ в $TIME$</div>  
  </div> <div class="zornet_ru_baxa-info"><a href="$ENTRY_URL$"><h4>$TITLE$</h4></a></div></div>

Вывод новых тем через код на главную сайта

CSS светлый:

Код
.zornet_ru_baxa {overflow:hidden;margin-bottom:2px;float:left;width:100%;}
.zornet_ru_baxa-top {width:100%;overflow:hidden;}
.zornet_ru_baxa-info {border-left: solid 3px #759fb7;overflow:hidden;margin-left:4px;padding:5px 8px 3px;}
.zornet_ru_baxa-info a {color:#1b6a94;font-family: PT Sans;}
.news-stat-date{font-size:13px;color:#6d6562;}

Скрипт для вывода новостей в блог сайта

CSS темный:

Код
.zornet_ru_baxa {overflow:hidden;margin-bottom:2px;float:left;width:100%;}
.zornet_ru_baxa-top {width:100%;overflow:hidden;}
.zornet_ru_baxa-info {border-left: solid 3px rgba(147, 171, 185, 0.98);overflow:hidden;margin-left:4px;padding:5px 8px 3px;}
.zornet_ru_baxa-info a {color: rgba(233, 247, 255, 0.97);font-family: PT Sans;}
.news-stat-date{font-size:13px;color: rgba(210, 207, 206, 0.98);}

Если не корректно показывает, то чистим кжш браузера и после этого обзор отличный.
13.11.2017 Просмотров: 303 Комментарий: (0)

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

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

Комментарий: 0
avatar