1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

1.2.0 Адаптивный дизайн

Тема в разделе "Новости XenForo", создана пользователем Romchik®, 24 май 2013.

Загрузка
  1. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Название фразы "Отслеживаемые разделы".
     
  2. nuBokz

    nuBokz Местный

    Регистрация:
    11.03.13
    Сообщения:
    90
    Симпатии:
    10
    Версия XF:
    1.3.0
    а как Вы узнали, что не включен адаптивный дизайн ? галка в настройках стоит, после вашего совета убрал width и вроде как форум на мобильных устройствах, стал отображаться намного вселее
     
  3. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Тэг HTML имеет класс NoResponsive. Если адаптивный дизайн включен, тэг должен быть Responsive.

    Может гостям другой стиль отображается?
     
  4. nuBokz

    nuBokz Местный

    Регистрация:
    11.03.13
    Сообщения:
    90
    Симпатии:
    10
    Версия XF:
    1.3.0
    стиль всего один
    Код:
    <html id="XenForo" lang="" dir="LTR" class="Public LoggedIn NoSidebar NoResponsive" xmlns:fb="http://www.facebook.com/2008/fbml">
    под админом глянул в код
    --- добавлено : 9 авг 2013 в 21:13 ---
    хмммм странно, галка была снята с Адаптивного, поставил, сохранил
    --- добавлено : 9 авг 2013 в 21:18 ---
    правда что-то коряво все стало :)
    --- добавлено : 9 авг 2013 в 21:21 ---
    поле аватара растянуло на длину сообщения :))
     
    Последнее редактирование модератором: 17 авг 2013
  5. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Криво от того видимо, что что-то направили черезчур.
    Создайте новый шаблон и начните с начала, проверяя каждый раз после изменений на мобильных или же просто в узком варианте в браузере.
     
  6. nuBokz

    nuBokz Местный

    Регистрация:
    11.03.13
    Сообщения:
    90
    Симпатии:
    10
    Версия XF:
    1.3.0
    я же писал, что только разукрасил и вставил свои картинки :)

    раз выхода нет, пойду по вашему совету
     
  7. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Цвет конечно не влияет, это понятно. А вот картинки и даже счетчики, могут влиять. Все зависит от конкретной реализации.
     
  8. nuBokz

    nuBokz Местный

    Регистрация:
    11.03.13
    Сообщения:
    90
    Симпатии:
    10
    Версия XF:
    1.3.0
    где-то на форуме проскакивала тема для адаптивного дизайна, автоматическое изменение логотипа, поиском искал, но без результатно
     
  9. MiVa

    MiVa Местный

    Регистрация:
    05.02.13
    Сообщения:
    72
    Симпатии:
    42
  10. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Кстати, на 1.2 логотип тоже сам по себе уменьшается.
     
    Mirovinger нравится это.
  11. Lex

    Lex Dura Lex

    Регистрация:
    27.11.10
    Сообщения:
    804
    Симпатии:
    153
    Версия XF:
    1.5.1
    Объясните пожалуйста мне, каким должен быть код в настройках стиля, чтобы поддерживало фиксированную ширину шаблона и при этом шаблон был адаптивный?

    Сейчас у меня вот так указано
    Код:
    width:967px; margin:auto;
    при этом адаптивный дизайн с мобильного не поддерживается почему то, помогите подкорректировать?
     
  12. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Замени фиксированную ширину на максимальную ширину.
    Код:
    max-width:967px; margin:auto;
    Это ведь описано в настройках стиля.
     
    Mirovinger и Lex нравится это.
  13. Lex

    Lex Dura Lex

    Регистрация:
    27.11.10
    Сообщения:
    804
    Симпатии:
    153
    Версия XF:
    1.5.1
    Не дочитал :D, спасибо Роман.
     
  14. fly_indiz

    fly_indiz Местный

    Регистрация:
    20.08.11
    Сообщения:
    460
    Симпатии:
    352
    Версия XF:
    1.4.3
    как можно в шаблоне использовать элементы настроек адаптивного дизайна admin.php?styles/1/style-properties&group=responsive ?
    например добавил в шаблон элемент, который на "среднем" макете смотрится лишним. Что надо сделать с элементом в шаблоне чтобы он не показывался на "среднем" и "узком" макете?
     
  15. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
    @fly_indiz это делается очень легко.
    У твоего элемента должен быть класс стиля (прим. <div class="indiz">)
    Чтобы скрыть его надо внести в EXTRA.css такой код:
    Код:
    <xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveMediumWidth)
    {
    .Responsive .indiz {
    display: none;
    }
    }
    </xen:if>
    В этом примере твой элемент исчезнет на максимальной ширине адаптивного дизайна. Тебе надо всего лишь поменять переменную maxResponsiveMediumWidth на нужную тебе.

    Максимальная ширина (широкая) - maxResponsiveWideWidth
    Максимальная ширина (средняя) - maxResponsiveMediumWidth
    Максимальная ширина (узкая) - maxResponsiveNarrowWidth
    Минимальна ширина для обычных макетов - nonResponsiveMinWidth
     
    Buch, KakBeOlolo, Romchik® и 2 другим нравится это.
  16. fly_indiz

    fly_indiz Местный

    Регистрация:
    20.08.11
    Сообщения:
    460
    Симпатии:
    352
    Версия XF:
    1.4.3
    Класс :) удобно. Пошёл ваять :)
     
  17. Valentyn

    Valentyn Новичок

    Регистрация:
    04.02.14
    Сообщения:
    7
    Симпатии:
    0
    Версия XF:
    1.2.4
    посоветуйте мобильный шаблон, плиз...
     
  18. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Они все адаптивные.
     
  19. KakBeOlolo

    KakBeOlolo Местный

    Регистрация:
    08.10.11
    Сообщения:
    511
    Симпатии:
    91
    Версия XF:
    1.1.2
    Подскажите как правильно и где это прописывать
     
  20. Align

    Align Пользователь

    Регистрация:
    16.07.15
    Сообщения:
    3
    Симпатии:
    0
    Вот спасибо, а то не охота было искать мобильный стиль который понравится и редактировать его )
     

Поделиться этой страницей