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

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

DLE Kinolove - адаптивный шаблон

Тема в разделе "Шаблоны для кино сайтов на DLE", создана пользователем byroot, 27 ноя 2017.

27.11.17 в 10:31
16.11.20 в 21:41
74
17.292
4
  1. 97artur97

    PRO Users

    Регистрация:
    21 июл 2017
    Сообщения:
    98
    Лучших ответов:
    0
    Рейтинги:
    +18 / 8 / -0
    Видимо хочет сделать адаптивность для ютуб роликов, которые вставляются через iframe :D
     
    • Нравится Нравится x 1
  2. TopicStarter Overlay
    byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.205 / 74 / -0
    я просто переводчиком перевёл и не понял суть вопроса :) если адаптивность роликам ютуба, то много всего можно найти в гугле или же просто ставить ширину блокам плеера 100%.
     
  3. 97artur97

    PRO Users

    Регистрация:
    21 июл 2017
    Сообщения:
    98
    Лучших ответов:
    0
    Рейтинги:
    +18 / 8 / -0
    Особенность iframe в том, что ширина умеет адаптироваться под размер родительского блока, а вот высота - нет. Нужно либо фиксированную высоту указывать, либо через js подсчитывать и проставлять
     
  4. TopicStarter Overlay
    byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.205 / 74 / -0
    вот пример CSS, где под каждый экран норм высота плеера настраивается:
    Код:
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {width: 100%;
    max-width:100% !important; height:400px; display:block;}
    @media screen and (max-width: 590px) {
        .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {height:300px;}
    }
    @media screen and (max-width: 470px) {
        .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {height:250px;}
    }
    только тут мои стили прописаны и мои классы для плеера.
     
    • Нравится Нравится x 1
  5. 97artur97

    PRO Users

    Регистрация:
    21 июл 2017
    Сообщения:
    98
    Лучших ответов:
    0
    Рейтинги:
    +18 / 8 / -0
    Ну, через медиа запросы можно и не такую адаптивность сделать)
     
  6. TopicStarter Overlay
    byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.205 / 74 / -0
    так всё и делается через неё единожды :)
     
  7. maryo

    maryo Зелёный

    Регистрация:
    20 мар 2018
    Сообщения:
    7
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    Thanks! working great with this code. Just need to add in fullstory.tpl
    <div id="fullstory" class="video-box">
     
  8. aleksndr

    aleksndr Бывалый

    Регистрация:
    18 авг 2018
    Сообщения:
    417
    Лучших ответов:
    1
    Рейтинги:
    +16 / 21 / -0
    Где я накосячил, подскажите пожалуйста? Все файлы пять раз перелапатил.
    Screenshot_20201115-231043.png Screenshot_20201115-231017.png Screenshot_20201115-231002.png

    Извиняйте, что скрин с телефона, пк нет сейчас под рукой, но суть думаю понятна
     
  9. upload

    PRO Users

    Регистрация:
    9 ноя 2016
    Сообщения:
    197
    Лучших ответов:
    3
    Рейтинги:
    +40 / 5 / -0
    1 и 3 фотка файл shortstory.tpl
    2 фотка файл cust2.tpl

    Судя по скрину у тебя не добавленные доп. поля
     
  10. aleksndr

    aleksndr Бывалый

    Регистрация:
    18 авг 2018
    Сообщения:
    417
    Лучших ответов:
    1
    Рейтинги:
    +16 / 21 / -0
    Да вороде все добавил, на тестовом сайте, аналогично все нормально m.nolamers.fun, а на этом хрень какая-то. Я вам в ЛС написал.
     
  11. aleksndr

    aleksndr Бывалый

    Регистрация:
    18 авг 2018
    Сообщения:
    417
    Лучших ответов:
    1
    Рейтинги:
    +16 / 21 / -0
    Это все из за загруженных постеров на сервер.
     
  12. Burial

    Burial Местный

    Регистрация:
    30 сен 2015
    Сообщения:
    1.907
    Лучших ответов:
    2
    Рейтинги:
    +445 / 70 / -0
    Создай поле с именем kinopoisk_rating
    А косяк в коде title
     
  13. aleksndr

    aleksndr Бывалый

    Регистрация:
    18 авг 2018
    Сообщения:
    417
    Лучших ответов:
    1
    Рейтинги:
    +16 / 21 / -0
    Осталось только вот это решить, подскажите пожалуйста где искать
    1588053645_610x900_12433.jpg
     
  14. aleksndr

    aleksndr Бывалый

    Регистрация:
    18 авг 2018
    Сообщения:
    417
    Лучших ответов:
    1
    Рейтинги:
    +16 / 21 / -0
    Так это и есть мое поле рейтинга с кинопоиска
    Код title прописан везде так -
    Код:
     <img src="[xfgiven_poster] [xfvalue_poster] [/xfgiven_poster][xfgiven_poster_img] [xfvalue_poster_img] [/xfgiven_poster_img]" alt="{title}" />
    Если постер внешний то нормально отображается, если загруженный ко мне в папку upload, то такие косяки
     
  15. aleksndr

    aleksndr Бывалый

    Регистрация:
    18 авг 2018
    Сообщения:
    417
    Лучших ответов:
    1
    Рейтинги:
    +16 / 21 / -0
    Все сделал сам, всем спасибо!
     
Яндекс.Метрика