» »

Последние материалы информер на ваш сайт 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.06.2015 Просмотров: 797 Комментарий: (5)

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

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

Комментарий: 5
kredit-oformi
kredit-oformi 30.06.2015 22:021
0
Kosten Спасибо за информер подредактировал без проблем под дизайн и длина заголовков у меня выставлена 29 потому что я расширил картинку вместо 30 px сделал 40 ширину

kredit-oformi
kredit-oformi 30.06.2015 22:132
0
хотя вру изменил длину заголовка на 20 а то картинки съезжают
kredit-oformi
kredit-oformi 30.06.2015 22:283
0
и для того чтобы были видны именно последние материалы, то в моем случае пришлось Способ сортировки: Дата добавления материала ставить D
Kosten
Kosten 30.06.2015 22:354
0
kredit-oformi, но настроит под свой сайт, для тебя думаю не сложно.
Canon
Canon 06.09.2015 03:155
0
Хорошо бы чтоб полное название выводило, это для поисковой системы, а так информер рабочий, хоть и стандарт.
avatar