Skip to content

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

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

 

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

Featured Replies

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

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

  • Author

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

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

  • Author

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

Edited by Strategius

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

  • Author

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

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

  • Author

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

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

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

  • Author

Вроде нашел решение проблемы (привел в порядок 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 проблема отпадает, но навигационная панель перестает быть фиксированной вверху экрана и теряет часть оформления... Не подскажете, что предпринять?

Create an account or sign in to comment

Account

Navigation

Search

Search

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.