Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

DLE Адаптавный слайдер из шаблона kinobar для киносайта

Тема в разделе "Хаки DLE", создана пользователем Frosty, 30 июл 2017.

30.07.17 в 14:42
02.06.19 в 12:48
26
2.791
0
  1. TopicStarter Overlay
    Frosty

    Frosty Бывалый

    Регистрация:
    31 мар 2017
    Сообщения:
    977
    Лучших ответов:
    1
    Рейтинги:
    +187 / 17 / -39
    Сам шаблон в этой теме

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

    html код вставить в нужное место в шаблоне main.tpl

    Код:
    [aviable=main]
            <div class="slide">
                <div id="owl-slides">
                    {custom category="1" template="custom-slide" aviable="global" from="0" limit="5" cache="no"}
                </div>
            </div>
            [/aviable]
    там же, перед </head> подключить файл

    Код:
    <script src="{THEME}/js/owl.carousel.min.js"></script> и <script src="{THEME}/js/libs.js"></script>
    рядом с основным файлом стилей подключить

    Код:
    <link href="{THEME}/style/owl-theme.css" type="text/css" rel="stylesheet" />
    Настроить под себя, пользоваться.
     

    Вложения:

    • slider.zip
      Размер файла:
      8,6 КБ
      Просмотров:
      92
    #1 Frosty, 30 июл 2017
    Последнее редактирование: 26 янв 2018
    • Лучший Лучший x 1
    • Полезно Полезно x 1
  2. europa1988

    europa1988 Бывалый

    Регистрация:
    24 фев 2016
    Сообщения:
    595
    Лучших ответов:
    2
    Рейтинги:
    +112 / 11 / -6
    Вот спасибо! то что нужно!
     
    • Согласен Согласен x 1
  3. iknow

    iknow Зелёный

    Регистрация:
    6 окт 2017
    Сообщения:
    9
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    Здравствуйте! Сделал всё по инструкции, но нечего не работает.
     
  4. TopicStarter Overlay
    Frosty

    Frosty Бывалый

    Регистрация:
    31 мар 2017
    Сообщения:
    977
    Лучших ответов:
    1
    Рейтинги:
    +187 / 17 / -39
    Можно ссылку на сайт, в лс или в теме, гляну
     
  5. iknow

    iknow Зелёный

    Регистрация:
    6 окт 2017
    Сообщения:
    9
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    Я на локальном пробовал, сейчас скину скрин что получается
     
  6. TopicStarter Overlay
    Frosty

    Frosty Бывалый

    Регистрация:
    31 мар 2017
    Сообщения:
    977
    Лучших ответов:
    1
    Рейтинги:
    +187 / 17 / -39
    Какие ошибки ?
     
  7. iknow

    iknow Зелёный

    Регистрация:
    6 окт 2017
    Сообщения:
    9
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    вот

    движок DLE 11.2 шаблон kinodevil

    Uncaught ReferenceError: jQuery is not defined
    at owl.carousel.min.js:47
    вот такая ошибка
     

    Вложения:

    #7 iknow, 7 окт 2017
    Последнее редактирование модератором: 9 окт 2017
  8. Defoz

    Defoz Местный

    Регистрация:
    10 апр 2016
    Сообщения:
    1.716
    Лучших ответов:
    3
    Рейтинги:
    +208 / 43 / -28
    iknow как я знаю тут может быть 2 случая, или нажми ctrl+f5 и все норм будет, или у тебя включено кеширование js и из за этого бывают ошибки
     
  9. iknow

    iknow Зелёный

    Регистрация:
    6 окт 2017
    Сообщения:
    9
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    Выключил кэширование, но не чего не изменилось. Может быть он стили не видит, вроде вставил как сказано и при инспектирование через гугол он их видит но при наведение на элемент их нету
     
  10. TopicStarter Overlay
    Frosty

    Frosty Бывалый

    Регистрация:
    31 мар 2017
    Сообщения:
    977
    Лучших ответов:
    1
    Рейтинги:
    +187 / 17 / -39
    Стилей нет... стили нужно либо под свой шаб делать либо стандарт подключать или прописывать
     
  11. iknow

    iknow Зелёный

    Регистрация:
    6 окт 2017
    Сообщения:
    9
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    Ясно, Спасибо большое за помощь
     
  12. PunPun

    PunPun Гуру

    Регистрация:
    11 июн 2015
    Сообщения:
    7.314
    Лучших ответов:
    17
    Рейтинги:
    +3.889 / 40 / -83
    iknow тут тебе горе советчики насоветовали, подключение скрипта
    Код:
    <script src="{THEME}/js/owl.carousel.min.js"></script>
    засунь перед тегом
    Код:
    </body>
     
  13. x360kg

    x360kg Посетитель

    Регистрация:
    16 июн 2016
    Сообщения:
    83
    Лучших ответов:
    0
    Рейтинги:
    +11 / 2 / -0
    Почему в css нету стилей slide и owl-slides?

    Нужно добавить ещё в стиль

    Код:
    /* SLIDER
    ----------------------------------------------- */
    .slide {height:370px; overflow:hidden; background-color:#818DA6; position:relative; z-index:100;}
    .cs-item {display:block; height:370px; position:relative; overflow:hidden;}
    .cs-text {width:50%; height:100%; position:absolute; left:0; bottom:0; padding:20px 90px 20px 90px; display:table;}
    .cs-text-inner {display:table-cell; vertical-align:middle; width:100%;}
    .cs-title {line-height:40px; padding:10px 10px 0 10px;}
    .cs-title span {color:#000; font-size:24px; outline:#fcdc02 solid 10px; background-color:#fcdc02;}
    .cs-cat {margin:20px 0 5px 0; font-size:16px; text-shadow:1px 1px 0 #000; color:#FFF;}
    .cs-desc {font-size:14px; text-shadow:1px 1px 0 #000; color:#f0f0f0;}
    .cs-item i {font-size:100px; width:100px; height:100px; text-align:center; line-height:100px;
    position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; color:#fcdc02; opacity:0;}
    .cs-item:hover i {opacity:1; transform:scale(1.2,1.2);}
    
     
    #13 x360kg, 7 окт 2017
    Последнее редактирование модератором: 9 окт 2017
  14. iknow

    iknow Зелёный

    Регистрация:
    6 окт 2017
    Сообщения:
    9
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    Вроде что то появилось, но слайд вроде не работает
     
  15. iknow

    iknow Зелёный

    Регистрация:
    6 окт 2017
    Сообщения:
    9
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    вот что получилось
     

    Вложения:

  16. TopicStarter Overlay
    Frosty

    Frosty Бывалый

    Регистрация:
    31 мар 2017
    Сообщения:
    977
    Лучших ответов:
    1
    Рейтинги:
    +187 / 17 / -39
    В первом посте четко написано, настроить слайдер под себя! На локалке по скринам смотреть что установлено это бред и гмор.. ставь на бесплатный хост, кидай ссылку, так проще будет подсказать или сделать самому.
     
  17. PunPun

    PunPun Гуру

    Регистрация:
    11 июн 2015
    Сообщения:
    7.314
    Лучших ответов:
    17
    Рейтинги:
    +3.889 / 40 / -83
    iknow ахуеть, а мой коммент проигнорил. Ну и ебись дальше сам.
     
    • Нравится Нравится x 1
  18. iknow

    iknow Зелёный

    Регистрация:
    6 окт 2017
    Сообщения:
    9
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    Не проигнорил, я сделал все как вы сказали
     
  19. PunPun

    PunPun Гуру

    Регистрация:
    11 июн 2015
    Сообщения:
    7.314
    Лучших ответов:
    17
    Рейтинги:
    +3.889 / 40 / -83
    iknow по контактам напиши и доступ через тимвивер
     
    • Лучший Лучший x 1
  20. iknow

    iknow Зелёный

    Регистрация:
    6 окт 2017
    Сообщения:
    9
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    Спасибо большое что помогли
     
Похожие темы
  1. Mikhail
    Ответов:
    3
    Просмотров:
    2.000
  2. film
    Ответов:
    20
    Просмотров:
    1.265
  3. GenriGuff6
    Ответов:
    3
    Просмотров:
    566
  4. GAP172
    Ответов:
    4
    Просмотров:
    231
Загрузка...
Яндекс.Метрика