Красивый слайдер для любых СMS

Слайдер для Lasto блога и СMS

Cлайдер картинок без проблем будет работать на любых ЦМС.В приведённых ниже примерах работает на блоге и ЦМС Ласто.

Красивых слайдеров много, да не все работают так как надо. Сложная и глючная установка отбивает любое желание. Этот же вариант слайдера легко устанавливается, красиво смотрится, живёт в мире и согласии с остальным контентом сайта.









Демо: Старая цмс, новая цмс, ещё вариант, установка на блог перед Вами.
Слайдер на vBulletin 4 , размер 1000х562.

Приобрести слайдер:

Купить слайдер можно тут.

Считаете дорого? Всегда же можно сравнить расценки, хотя бы тут.


Установка слайдера:

1. Загружаем архивчик в корень сайта, две папки images и themes.
Страничка dеmo1 не нужна, она тестовая для просмотра.


2. В Ласто цмс(блоге) открываем файл design.php
В блоге ./data/tpl/Ваш_стиль/design.php
В новой ЦМС Ласто ./data/conten/design.php
В старой ЦМС Lasto ./data/design.php
В других ЦМС надо искать шаблон heider либо другие файлы, которые позволяют вставить несколько строк кода сразу во все страницы сайта. Ищите файл,куда метатеги писали.

Добавляем перед тегом < /head > код:

<!--Slider -->
    <link href="themes/js-image-slider.css" rel="stylesheet" type="text/css" />
    <script src="themes/mcVideoPlugin.js" type="text/javascript"></script>
    <script src="themes/js-image-slider.js" type="text/javascript"></script>
<!--Slider -->


3. Встраиваем слайдер на страницу сайта.

<!--Slider -->
 <div id="sliderFrame">
     <div id="slider">
  <a href="http://cmsina.ru" target="_blank">
  <img src="images/1.jpg" alt="Cлайдер для Ласто блога и ЦМС" />
            </a>
     <img src="images/2.jpg" alt="" />
     <img src="images/3.jpg" alt="Слайдер на Джава" />
     <img src="images/4.jpg" alt="#htmlcaption" />
     <img src="images/5.jpg" alt=""/>
        </div>
        <div id="htmlcaption" style="display: none;">
         <em> Работа на  CMS  lasto  </em> 
 <a href="http://meza44.ru/slaider.htm" target="_blank">туточки</a>
        </div>
    </div>
<!--Slider -->


4. Картинки в папке images меняем на свои.
Размеры слайдера меняются в файле themes/js-image-slider.css

#sliderFrame 
{
    position:relative;
    width:654px;    /* Размер  слайдера */
    margin:0 auto; /*center-aligned*/
}

#slider, #slider div.sliderInner {
    width:654px;height:487px;   /* Размер  слайдера */

Всё, должон работать.




Адрес заметки: http://cmsina.ru/post_1423002287.html

Адрес заметки: http://cmsina.ru/post_1423002287.html
Ваш комментарий к статье:
Правила комментирования:



cod


  • Все поля формы обязательны для заполнения.

  • e-mail не публикуется.
  • Содержание комментариев, оставленных на опубликованные материалы, является мнением лиц, их написавших, и не обязано совпадать с мнением Администратора, никоим образом не ответственного за выводы и умозаключения, могущие возникнуть при прочтении комментариев, а также любые версии их истолкования.

  • Однозначно не подлежат публикации комментарии:

  • - содержащие оскорбления любого вида (личного, религиозного, национального...);
  • - включающие неуместные теме поста ссылки, в том числе спамовые;
  • - нарушающие положения законодательства РФ.

  • Факт оформления Вами комментария является безоговорочным принятием этих условий.

^Наверх