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

1.4.x Стиль онлайн статуса XFR в XenForo (fixed)

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем padre, 20 сен 2014.

Загрузка
  1. padre

    padre Местный

    Регистрация:
    26.01.12
    Сообщения:
    184
    Симпатии:
    64
    Версия XF:
    1.3.1
    Сделал у себя стиль для отображения онлайн-статуса такой же как тут на XFR.
    Однако, при просмотре с мобильного стиль этот съезжает ( речь про XenForo (fixed) ):
    [​IMG]

    Как бы это поправить подскажите знатоки плз :whistling:
     
    Romchik® и Lex нравится это.
  2. Exile

    Exile Местный

    Регистрация:
    27.06.11
    Сообщения:
    999
    Симпатии:
    546
    Версия XF:
    1.4.4
    Ну на этом форуме "проблема" решена фиксированной шириной постбита (блока с информацией об авторе темы). Сравните CSS, увидите.
     
  3. padre

    padre Местный

    Регистрация:
    26.01.12
    Сообщения:
    184
    Симпатии:
    64
    Версия XF:
    1.3.1
    @GliX :
     
  4. Exile

    Exile Местный

    Регистрация:
    27.06.11
    Сообщения:
    999
    Симпатии:
    546
    Версия XF:
    1.4.4
    На этом форуме съезжает аналогичным образом из-за нефиксированной ширины постбита, о чем я выше тоже написал. Посмотрите на реализацию в стиле XFR (fixed).
     
  5. padre

    padre Местный

    Регистрация:
    26.01.12
    Сообщения:
    184
    Симпатии:
    64
    Версия XF:
    1.3.1
    Не знаю как ещё объяснить. речь идёт именно про стиль "XenForo (fixed)". То как реализовано в другом стиле - неинтересно. Хочется понять, как избавиться от указанного на скриншоте бага в стиле XenForo (fixed) (не в стиле XFR (fixed)).
     
  6. Exile

    Exile Местный

    Регистрация:
    27.06.11
    Сообщения:
    999
    Симпатии:
    546
    Версия XF:
    1.4.4
    В совокупности этих двух фраз - никак. Посмотрите решение этой проблемы в другом стиле!
     
  7. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    256
    Симпатии:
    250
    Версия XF:
    1.1.2
    В шаблон EXTRA.css добавьте и посмотрите.
    Код:
    <xen:if is="@enableResponsive">
      @media (max-width:@maxResponsiveWideWidth) {
      .messageUserInfo {
      width: 124px !important;
    }
      }
      @media (max-width:@maxResponsiveMediumWidth) {
      .messageUserInfo {
      width: 124px !important;
    }
      }
      @media (max-width:@maxResponsiveNarrowWidth) {
      .messageUserInfo {
      width: 124px !important;
    }
      }
    </xen:if>
    
     
  8. padre

    padre Местный

    Регистрация:
    26.01.12
    Сообщения:
    184
    Симпатии:
    64
    Версия XF:
    1.3.1
    @Mirovinger , у меня на полной ширине и на средней - всё ок. Съезжает только на самой минимальной вот так:
    [​IMG]
    ну один в один как на XFR в стиле XenForo (fixed) :)
     
  9. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    256
    Симпатии:
    250
    Версия XF:
    1.1.2
    Понял, чуть позже посмотрю, выше решение, для стиля XFR(fixed).
    Просто изначально, на первом скриншоте, индикатор чуть выше, а на Вашем над аватаркой.
    Хотя и здесь такое наблюдается, если смотреть со смарта (оффлайн и онлайн индикаторы, на разной высоте), а это значит нужно исправить.
     
    Последнее редактирование: 21 сен 2014
  10. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    256
    Симпатии:
    250
    Версия XF:
    1.1.2
    В шаблон EXTRA.css добавьте и посмотрите.
    Код:
    <xen:if is="@enableResponsive">
      @media (max-width:@maxResponsiveNarrowWidth) {
    .messageUserBlock div.avatarHolder .onlineMarker {
        width: 56px;
    }
      }
    </xen:if>
    respon_on_indicator.png
    С оффлайн индикатором, думаю разберётесь сами.
     
    Romchik® нравится это.
  11. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Я совсем забыл про адаптивную верстку. Спасибо, что напомнили :)
    Кстати, это было не решение проблемы, а даже наоборот, старым косяком. Там переопределение стиля не нужно было выделять как !important, а тупо поменять значение в настройках стиля. Видно давно делал.
     
    Mirovinger нравится это.
  12. Инквизитор

    Инквизитор Местный

    Регистрация:
    14.02.11
    Сообщения:
    162
    Симпатии:
    34
    Версия XF:
    1.1.2
    Мануал будет, как сделать такой индикатор? :)
     
  13. Karat7

    Karat7 Заблокирован

    Регистрация:
    19.03.14
    Сообщения:
    140
    Симпатии:
    12
    Версия XF:
    1.4.2
    Я промежду прочем тоже желаю знать, так что ты не один, хотя шансов мало поскольку на другой мой вопрос так и положили :)
     
  14. Exile

    Exile Местный

    Регистрация:
    27.06.11
    Сообщения:
    999
    Симпатии:
    546
    Версия XF:
    1.4.4
  15. hasvanbinsun

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

    Регистрация:
    03.10.14
    Сообщения:
    8
    Симпатии:
    0
    Версия XF:
    1.4.1
    Установил онлайн индикатор таким кодом

    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -khtml-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -khtml-border-top-right-radius: 4px;
    left: 0;
    top: 0;
    Прочее
    Ширина 144
    Высота 0.05

    444444444.png
    При самом узком расширении страницы вот такая фишка.

    333333333.jpeg

    Пробовал вставлять в EXTRA, не помогло.

    <xen:if is="@enableResponsive">
    @media (max-width:mad:maxResponsiveNarrowWidth) {
    .messageUserBlock div.avatarHolder .onlineMarker {
    width: 56px;
    }
    }
    </xen:if>

    Установлены большие аватары, но какая разница на минимальной ширине они стандартные. Помогите.
     
  16. hasvanbinsun

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

    Регистрация:
    03.10.14
    Сообщения:
    8
    Симпатии:
    0
    Версия XF:
    1.4.1
    Ещё проблема. При добавлении оффлайн статуса модификацией файла message_user_info

    <xen:if is="{$user.isOnline}"><span class="Tooltip onlineMarker" title="{xen:phrase online_now}" data-offsetX="-22" data-offsetY="-8"></span>
    <xen:else />
    <span class="Tooltip offlineMarker" title="Offline" data-offsetX="-10" data-offsetY="-8"></span>
    </xen:if>

    И добавлении в EXTRA

    .messageUserBlock div.avatarHolder .onlineMarker.offline {
    background-color: #b52d2d;
    }

    Оффлайн значек работает, но появляется так же слева от окна редактора над аватаром (в теме онлайн, слева от редактора оффлайн)

    Шаблон стандартный
     

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