Информер популярных новостей для uCoz v6 - StuDRippo — уникальные рипы популярных сайтов на системе uCoz. Огромный архив качественных и оригинальных шаблонов и адаптаций под юкоз.

Доброго времени суток, уважаемый посетитель сайта Webik-Diz! Ты находишься на сайте, на котором сможешь скачать действительно качественные шаблоны. Помимо обычных дизайнов, на сайте есть огромный архив наших авторских рипов, множество красивейших макетов, уникальных версток и адаптаций. Мы стараемся помочь пользователю найти шаблон для сайта, а также помочь в освоении системы uCoz. Оставайтесь со StuDRippo и будьте в курсе всех последних поступлений на сайте!

Категории сайта

191 Шаблоны

11 Шаблоны Форума

Скачиваемое

AndroidOnly адаптация для...
Загрузок: 288
Просмотров: 2106

AndroidB для uCoz
Загрузок: 283
Просмотров: 1752

PSP7 адаптация для uCoz
Загрузок: 282
Просмотров: 1741

?Вскоре появятся на сайте

Адаптация File Template
Дата: 17.05.2014

Опрос

Топ пользователей

По комментариям
По постам

Nikola (Администратор)
Комментариев: 13
Постов: 365

Моргаст (Пользователи)
Комментариев: 4
Постов: 0

VIP4098 (Пользователи)
Комментариев: 3
Постов: 0

Nikola (Администратор)
Постов: 365
Комментариев: 13

qa_jopl (Пользователи)
Постов: 22
Комментариев: 0

Ecnal (Пользователи)
Постов: 22
Комментариев: 0

Сейчас на сайте

Никого нету

Сегодня были

03.12.2024 На сайте зарегистрировался KLIFT
24.07.2014 Nikola добавил материал Шаблон Light Template д...
09.06.2018 Snow-vzlom ответил на форуме в теме Дешевый сервис по ...

Архив Форум

Главная страница » Архив материалов » Новости » Информер популярных новосте...

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

20.04.2013

Скриншот материала «Информер популярных новостей для uCoz v6»

Нажмите, чтобы увеличить

Просмотров: 875
Скачиваний: 174
Комментариев: 0
от Nikola

Шаг 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>

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

Источник: Не указан

Скачать с сайта 2.1 Kb Спасибо 0 Жалоба

Если у Вас всё же остались вопросы, ответы на которые Вы не нашли, воспользуйтесь Обратной связью, либо напишите Администратору или Модератору персональное сообщение с описанием проблемы.

Внимание! Вы находитесь на странице материала «Информер популярных новостей для uCoz v6» (Новости), который является полностью уникальным. Поэтому, при копировании на сторонний ресурс, просим указывать ссылку на источник.