Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Подключение локального CSS для шаблона

Опубликовано:

Добрый вечер. Такой вопрос: подскажите, пожалуйста, как подключить локальный CSS-файл к шаблону GlobalTemplate, чтобы этот CSS-файл работал только в этом шаблоне? Т.е. чтобы не действовал на остальной форум?

 

Проблема в том, что использую сторонний большой CSS-файл для главной страницы, а в других местах форума он вызывает конфликты, а отредактировать его из-за объема очень сложно.

Рекомендованные сообщения

Опубликовано:
как подключить локальный CSS-файл к шаблону GlobalTemplate, чтобы этот CSS-файл работал только в этом шаблоне? Т.е. чтобы не действовал на остальной форум?

Когнитивный диссонанс. Он будет работать в этом шаблоне, но сам шаблон является глобальным - т.е. оберткой форума. Если нужны определенные сущности - темы, пользователи ищите другие шаблоны.

Опубликовано:
  • Автор

CSS-файл относится к вручную сверстанной шапке форума, навигационной панели (как в vk.com). Код панели я запихнул в GlobalTemplate, и подключил CSS-файл, который теперь конфликтует с ipb_styles.css. Что мне делать? Отредактировать сам файл стилей практически невозможно.

Опубликовано:

Если глобальные сверстаные элементы конфликтуют с стилями форума значит плохо сверстали. Если элементы локальные, кастомные стили можно применить только в этом шаблоне. За главную страницу отвечает шаблон boardIndexTemplate

Опубликовано:
  • Автор

Да, но шапка-то нужна на всем форуме... Не подскажете, может можно это реализовать путем создания отдельного шаблона шапки и добавления ее в GlobalTemplate с помощью {parceTemplate} ?

Изменено пользователем Strategius

Опубликовано:

Не понимаю, и что от этого изменится?

Опубликовано:
  • Автор

Ну, подключение CSS будет же в другом шаблоне, не в GlobalTemplate...

Опубликовано:

Что это даст если другой шаблон все равно подключается в globalTemplate?.. Те же яйца только вид через стекло.

Опубликовано:
  • Автор

Блин, засада... Должен же быть выход какой-нибудь)) Неужели никак отдельно шапку со своим css к форуму не прикрепить?

Опубликовано:

Должен же быть выход какой-нибудь)) Неужели никак отдельно шапку со своим css к форуму не прикрепить?

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

Опубликовано:
  • Автор

Вроде нашел решение проблемы (привел в порядок css-файл). Осталась одна проблема (точнее конфликт).

 

Имеется фиксированная сверху экрана полоса навигации с таким CSS:

 

.navigat-wrap {position:fixed;top:0;z-index:1000;width:100%;min-width:980px;height:42px;background-color:#000;color:#fff;}
.navigat-wrap header {position:relative;width:980px;height:100%;margin:0 auto}

И часть кода, а именно .navigat-wrap header, насколько понял, распространяется на все всплывающие popup-окна (репутация, инфа о пользователях и т.п) - они смещаются вниз при открытии. При удалении части кода header проблема отпадает, но навигационная панель перестает быть фиксированной вверху экрана и теряет часть оформления... Не подскажете, что предпринять?

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.