Меню сайта

Категории раздела

Скрипты [6]

Шаблоны [0]

Иконки [2]

Мини-чат

Наш опрос

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Все для праздника

Главная » Статьи » Для Ucoz » Скрипты

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

Отличный информер для uCoz, а главное очень полезный. Работа скрипта uCoz очень проста: при наведении на нужную ссылку новости появляется окошко с его изображением. Но как по мне, это не самое главное преимущество данного скрипта для uCoz. Меня впечатлил вид оформления и простота скрипта uCoz. Размещать информер будем на странице контента.

Следует создать информер популярных новостей, для этого идём в П.У. - Инструменты - Информеры

И создаём информер со следующими параметрами:

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

Изменяем дизайн информера. Удаляем старый дизайн и вставляем новый:

Код

<li> <div class="menu_n"> <a href="$ENTRY_URL$" class="drop">$TITLE$</a> <div class="dd_menu"> <div class="dd_menu_os"> <?if($IMG_SMALL_URL1$)?><img src="$IMG_SMALL_URL1$"><?else><?if($IMG_URL1$)?><img src="$IMG_URL1$"><?endif?><?endif?> </div> </div> </div> $DATE$ | Комментарий: $COMMENTS_NUM$ </li>

Теперь размещаем наш информер на странице с контентом, для этого идём в П.У. - Дизайн - Управление дизайном - и выбираем нужный модуль, в который после контента устанавливаем нижеописанный html код:

Код

<div id="news_top"> <div id="nt_title">Обрати внимания:</div> <ul> $MYINF_1$ </ul> </div>

Шаг 3 - Установка CSS

Теперь добавим стили нашему информеру uCoz, для этого заходим в П.У. - Дизайн - Управление дизайном(CSS), и в самый низ вставляем код:

Код

/* Информер обрати внимания на странице контента -------*/ #news_top { width:600px; } #news_top ul { margin: 5px 0px 0px 0px; padding:0; } #news_top li { border-top: 1px solid #D6D6D6; padding: 5px 0px 5px 0px; } .menu_n { float:left; display:block; position:relative; } .dd_ugol1, .dd_menu { width:252px; } .dd_menu { float:left; padding:4px; left:-999em; z-index:998; background:#777; margin:0px auto; position:absolute; -moz-border-radius:5px 5px 5px ; -webkit-border-radius:5px 5px 5px ; border-radius:5px 5px 5px ; box-shadow: 0px 0px 3px #999; } .menu_n:hover .dd_menu{ right:auto; left:0px; bottom:25px; } .dd_ugol1 { height:25px; float:left; position:absolute; bottom:-9px; background:url('http://webo4ka.ru/Ucoz7/ygol.png') no-repeat; background-position: center bottom; } .dd_menu_os { margin:0; padding:0; width:250px; height:90px; background:#fff; overflow:hidden; border: 1px solid #666; } .inews_data { color:#999; float:right; } #nt_title { color:#DE4727; }

Учтите, за отображение картинки новости, отвечает данный системный код uCoz:

Код

<?if($IMG_SMALL_URL1$)?><img src="$IMG_SMALL_URL1$"><?else><?if($IMG_URL1$)?><img src="$IMG_URL1$"><?endif?><?endif?>

который будет работать в том случае, если при добавлении контента на ваш сайт, вы используете Краткое описание и Полный текст материала, в противном случае вам стоит использовать дополнительное поле, в которое вы помещаете ссылку на изображение новости и прописываете его в данном информере.

Категория: Скрипты | Добавил: by_Moskvin (25.11.2013)

Просмотров: 400 | Рейтинг: 0.0/0

Всего комментариев: 0

Имя *:

Email:

Код *:

Организация Праздника. Мы поможем вам

Меню сайта

Категории раздела

Мини-чат

Наш опрос

Статистика

Все для праздника

Форма входа

Поиск

Друзья сайта