» » >

Информер популярных новостей для uCoz v6
·
28.09.2013, 23:16

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

Шаг 1 - Установим HTML:

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

в Админ панель => Инструменты => Информеры => Создать информер

Раздел: Новости сайта
Тип данных: Материалы
Способ сортировки: Количество просмотров А
Количество материалов: 10
Количество колонок: 1

удаляем в нём старый html код и устанавливаем новый:

HTML

<li><strong>$NUMBER$</strong><a href="$ENTRY_URL$" title="$CATEGORY_URL$" target="_blank">$TITLE$</a></li>

А на страницу сайта в нужное место устанавливаем сам информер:

HTML

<ul class="top_news">
$MYINF_1$
  </ul>

Не забывайте, что $MYINF_1$ является номером вашего информера и его стоит прописывать именно системной переменной, а не отдельной ссылкой на js.

Шаг 2 - Установим CSS:

Теперь когда наш информер новостей готов, стоит прописать следующие css стили:

CSS-Code

/* Информер популярных новостей для uCoz №5
------------------------------------------*/
.top_news{
  float:left;
  padding:0;
  width:230px;
  margin: 10px 15px 10px 15px;  
}

.top_news li {
  list-style:none;  
  margin-bottom: 0px;
  padding: 8px 0px 8px 0px;  
  border-bottom: 1px solid #CAD3DA;  
}

.top_news li a:link,
.top_news li a:visited {color:#555;}
.top_news li a:hover {color:#2C68A6;;}

.top_news li strong {
  float:left;
  color:#fff;
  text-shadow: 1px 1px 1px #777;
  margin: 0px 10px 5px 0px;  
  padding:2px 5px;  
  background: #CBCBCB;  
  border-radius:3px;  
}
Примечание:

Если ваши заголовки новостей являются слишком длинными и они портят внешний дизайн данного информера, а вы хотите чтобы заголовок выглядел красивым и аккуратным, к примеру в одну строку, то следует использовать следующий html код:

HTML

<li><strong>$NUMBER$</strong><a href="$ENTRY_URL$" title="$CATEGORY_URL$" target="_blank">if(len($TITLE$)>28)?>substr($TITLE$,0,26)?>...else?>$TITLE$endif?></a></li>

На этом всё, спасибо за внимание!

Категория: Вид информеров | Добавил: tashkent97
Просмотров: 898 | Загрузок: 306 | Источник: center-dm.ru | Рейтинг: 5.0/1
Всего комментариев: 0
dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *: Email:
Яндекс.Метрика Яндекс цитирования<