Приветствую Вас Прохожий | RSS Вторник, 06.12.2016, 22:46
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 11
Гостей: 10
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты информеры

Вертикальный информер подвижный для uCoz

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

Установка:
Теперь давайте приступим к установке данного решения, для этого нам следует в самый низ страницы вашего сайта пред закрывающим тегом </body>, установить следующий скрипт:
Код
<script type="text/javascript" src="http://ucozon.ru/_dr/65/6535_content_jcarous.js"></script>
в Админ панель - Инструменты - Информеры - Создать информер
Раздел: Новости сайта
Тип данных: Материалы
Способ сортировки: Количество просмотров А
Количество материалов: 10
Количество колонок: 1

и устанавливаем в шаблон информера следующий html код:
Код
<li>
<a href="$ENTRY_URL$" target="_blank">
<?if($TITLE$)?><?if(len($TITLE$)>30)?><?substr($TITLE$,0,30)?>...<?else?>$TITLE$<?endif?><?endif?><?else?>
<span>$CATEGORY_NAME$</span>
</li>
теперь в нужном месте на сайте прописываем данный информер в общий html каркас данного решения:
Код
<div>  
  <img src="http://ucozon.ru/_dr/65/50019510.gif" class="previous" />  
  <div id="center-dm-carousel">
  <ul>$MYINF_1$</ul>
  </div>
  <img src="http://ucozon.ru/_dr/65/64493676.gif" class="next" />
  </div>
Теперь когда мы произвели нужные манипуляции с html кодом, давайте пропишем ему css стили, тем самым закончив установку вертикальной карусели информера для uCoz.
Код
/* Вертикальная карусель контента uCoz
------------------------------------------*/
#center-dm-carousel {
  float:left;
  width:230px;
  height:300px;
  overflow:hidden;
  padding:0px 10px;
  background: #fff;
  border: 1px solid #CAD3DA;
  border-radius:5px;
}

#center-dm-carousel li {
  float:left;
  width:100%;
  height:30px;
  list-style:none;
  display:block;
  padding:5px 0px;
  border-bottom: 1px solid #CAD3DA;
}

#center-dm-carousel li a {
  float:left;
  width:100%;
  margin-bottom: 3px;
}

#center-dm-carousel span {
  float:left;
  color:#999;
  width:100%;
  font:9px Verdana,Arial,Helvetica, sans-serif;
  text-align:right;
}

.previous {
  outline:none;
  cursor:pointer;
  margin-left:125px;
  vertical-align: bottom;
}

.next {
  outline:none;
  cursor:pointer;
  margin-left:125px;
  vertical-align: top;
}
В данном решении в шаге номер два, мы сокращаем заголовок новости до 30 символов, вы можете поменять это значение на своё.
Автор\Источник: center-dm.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 6.4Kb
Просмотров: 4319 | Комментарии: 5 | Рейтинг: 3.5/8 | |Категория: Скрипты информеры | Добавил: мир | Дата: 11.09.2013 | Скачали: 3 | Теги: информер, Вертикальный, ucoz, подвижный
Похожие новости на нашем сайте
  • Шашлык

    Шашлык из курицы! Вкусные рецепты из курицы. Читайте на

    buy86.ru

Коментарий к новости

Всего комментариев: 5
5 yader   Дата: 25.04.2014  Время: 01:49   [№ 15269]
Ctrl+F5 не помогло. при нажатии данной комбинации, страничка обновляется (так и должно быть), информер становися шире, где то на 10 тем, но когда страничка полностью обновилась, то информер опять становится на три темы

4 yader   Дата: 24.04.2014  Время: 17:12   [№ 15268]
что-то не работает вообще последний код, т.е. css. Меняю всё что хочу и вид контейнера не изменяется.
Хотелось бы по шире сделать, чем три новости, где только не лазил в настрорйках, ни как оно что то не хочет меняться

Ответ: не забывайте после изменения стиля каждого обнулить кэш страницы несколько раз нажав CTRL+F5

3 Cowa7   Дата: 24.11.2013  Время: 23:16   [№ 15085]
не понимаю, как последнюю часть сделать, помоgите

1 elena_Bergen   Дата: 23.09.2013  Время: 16:55   [№ 14975]
Как увеличеть количество отображаемых новостей. чтобы было не 3 а напимер 5 или 6???

2 mdbaner   Дата: 23.09.2013  Время: 20:45   1 [№ 14978]
Играем стилями в размерах по ширине и высоте
width:230px;
height:300px;


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru