Регистрация    Войти
Авторизация

Информер популярных новостей для uCoz №5

Информер популярных новостей для uCoz №5

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

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

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

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

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

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

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


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

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


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

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

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

/* Информер популярных новостей для 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 код:

<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>


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

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  26-01-2013, 12:32   Просмотров: 4810   
Информер популярных новостей для uCoz, Информер популярных новостей, Информер
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.