Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!
Подобные просьбы и вопросы - будут игнорироваться!
Информер популярных новостей uCoz v4
БЕСПЛАТНО
рейтинг
2.0
/
голосов
1
Шаг 1 - Установим HTML:
И так для начало нам следует зайти в Админ панель => Инструменты => Информеры => Создать Информер
Раздел: Новости
Тип данных: Материалы
Способ сортировки: Количество просмотров
Количество материалов: 7
Количество колонок: 1
а в самом шаблоне информера удаляем весь код и устанавливаем новый:
HTML
отлично, теперь нам стоит поместить системную переменную информера популярных новостей в нужное нам место на вашем сайте, предварительно поместив его в контейнер div:
HTML
Шаг 2 - Установим CSS:
Теперь когда основной html каркас информера популярных новостей готов, пропишем ему css стили:
CSS-Code
Источник: http://www.center-dm.ru
И так для начало нам следует зайти в Админ панель => Инструменты => Информеры => Создать Информер
Раздел: Новости
Тип данных: Материалы
Способ сортировки: Количество просмотров
Количество материалов: 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 стили:
CSS-Code
Код
/* Вид популярных новостей
------------------------------------------*/
#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;
}
------------------------------------------*/
#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;
}
Источник: http://www.center-dm.ru
Поделись с друзьями: