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

Последние материалы информер на ваш сайт uCoz

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

Установка:

Что, идем в админ панель, и создаем информер по таким критериям.

Название: Новые материалы или сами придумаете
Раздел: Каталог статей, так же идут - Каталог файлов - Новости сайта - Блог.
Тип данных: Материалы
Способ сортировки: Дата добавления материала А
Количество материалов: 5 (Думаю больше не нужно, но вам видней.
Количество колонок: 1

Дополнительные опций:

Нам нужно сделать, чтоб название не зализали на картинке. Максимальная длина заголовка: Когда проверял, поставил 23, возможно у вас больше или меньше.

Этот код нужно поставить в созданный нами информер:

Код

<a href="$ENTRY_URL$">
  <li>
  $TITLE$
  <img src="$IMG_URL1$">
  </li>
  </a>

Теперь пропишем стили в CSS сайта, можно в самом низу.

Код

.newenetry {
  margin: 10px 0px;
  background-color: #FFFFFF;
}
.newenetry a{
  color: #454545;
  text-decoration: none;
}
.newenetry a:hover{
  color: #454545;
  text-decoration: none;
}
.newenetry ul{
  padding: 0 0 0 30px;
}
.newenetry li {
  list-style-type: none;
  padding: 10px 0px;
}
.newenetry li img {
  float: right;
  width: 30px;
  height: 30px;
  margin-top: -5px;
  margin-right: 10px;
}
.newenetryt {
  background: #454545;
  padding: 10px;
  color: white;
}
.newenetryt a {
  float: right;
  color: white;
  background: #2A72CC;
  padding: 10px;
  margin: -10px;
  text-decoration: none;
}
.newenetryt a:hover {
  text-decoration: none;
  color: white;
}

И завершающий этап, это блок и туда прописываем.

Код

<div class="newenetry">
  <div class="newenetryt">
  Последние записи
  <a href="/publ">Все</a>
  </div>
  <ul>
  $MYINF_1$ 
  </ul>
</div>

На этом установка закончена, скажем спасибо сайту http://ucozbook.ru/ за предоставленный материал.

27 Июня 2015 Просмотров: 2812 Комментариев: (5)

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

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

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 5
Порядок вывода комментариев: kredit-oformi 30 Июня 2015 22:02¹ 0 Kosten Спасибо за информер подредактировал без проблем под дизайн и длина заголовков у меня выставлена 29 потому что я расширил картинку вместо 30 px сделал 40 ширину kredit-oformi 30 Июня 2015 22:13² 0 хотя вру изменил длину заголовка на 20 а то картинки съезжают kredit-oformi 30 Июня 2015 22:28³ 0 и для того чтобы были видны именно последние материалы, то в моем случае пришлось Способ сортировки: Дата добавления материала ставить D Kosten 30 Июня 2015 22:35⁴ 0 kredit-oformi, но настроит под свой сайт, для тебя думаю не сложно. Canon 06 Сентября 2015 03:15⁵ 0 Хорошо бы чтоб полное название выводило, это для поисковой системы, а так информер рабочий, хоть и стандарт.