Информер "Последние материалы"

Уважаемый гость! Для скачивания файлов с нашего портала необходимо авторизоваться:

Понравилась статья?

Поделись с друзьями!
Информер "Последние материалы" для uCoz сайта с красивым дизайном, легкой установкой и удобством в использовании.

Информер состоит из 5 материалов (при создании / редактировании информера, можно изменить количество выводимых материалов в информер). Каждый пункт имеет название материала и его изображение.

Демонстрация (Life-demo)





Установка
1. Создаем информер:
Название информера: Новые материалы
Раздел: Каталог статей (можно и "Каталог файлов" и "Новости сайта" и "Блог")
Тип данных: Материалы
Способ сортировки: Дата добавления материала А
Количество материалов: 5 (рекомендовано, но можно и на ваше усмотрение)
Количество колонок: 1
Сохраняем.
2. Вставляем этот код в дизайн информера:
Код
<a href="$ENTRY_URL$">
  <li>
  $TITLE$
  <img src="$IMG_URL1$">
  </li>
  </a>

3. В конец таблицы стилей 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;
}

4. В место, где хотим видеть данный блок, вставляем:
Код
<div class="newenetry">
  <div class="newenetryt">
  Последние записи
  <a href="/publ">Все</a>
  </div>
  <ul>
  $MYINF_1$ <!-- Код, созданного в первом пункте информера -->
  </ul>
</div>

Добавил: Admin Просмотров: 1277 Категория: Интересные решения Комментарии
avatar