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

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

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

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

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

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

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

а в самом шаблоне информера удаляем весь код и устанавливаем новый:
HTML
Выделить всё
<a href="$ENTRY_URL$" title="Рубрика: $CATEGORY_NAME$">$TITLE$</a>


отлично, теперь нам стоит поместить системную переменную информера популярных новостей в нужное нам место на вашем сайте, предварительно поместив его в контейнер div:
HTML
Выделить всё
<div id="popular_news">$MYINF_1$ </div>

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

Теперь когда основной html каркас информера популярных новостей готов, пропишем ему css стили:
/* Вид популярных новостей 
------------------------------------------*/
#popular_news {
float:left;
width:230px;
padding: 10px 0px 0px 0px;
font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;
}

#popular_news a:link,
#popular_news a:visited {
float:left;
color:#666;
width:220px;
background:#eef6fc;
margin-bottom: 10px;
padding: 1px 5px 1px 5px;
text-shadow: 1px 1px 1px #fff;
border-left: 4px solid #3276a9;
}

#popular_news a:hover {
color:#666;
background:#eefcef;
border-left: 4px solid #40a932;
}

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

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

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

Автор: chestr  22-05-2012, 15:14   Просмотров: 4839   
Информера популярных новостей uCoz, популярных новостей uCoz, Информер новостей ucoz, Новости ucoz, информер ucoz, информер, ucoz
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


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