Отдельные CSS для отдельной темы

[kpripper]

Как подключить отдельные CSS для отдельной темы ?

[Anvar]

Используя расширение. Можно взять за основу это: Перекрашиваем prosilver в subsilver2

Отрыть файл ext\..\styles\prosilver\template\event\overall_header_head_append.html
Найти

Код: Выделить всё

<!-- INCLUDECSS ../theme/colours.css -->

Заменить на

Код: Выделить всё

<!-- IF TOPIC_ID == '5' -->
<!-- INCLUDECSS ../theme/colours.css -->
<!-- ENDIF -->

Цифра 5 это id темы.

И сам стиль находится конечно в расширении: ext/../styles/prosilver/theme/colours.css

[c61]

Если я правильно понял вопрос как "добавить css для определенной темы", то, например, так:
1) Ставим расширение [BETA] empennage: добавление контента в низ/верх страниц
2) Затем для нужного стиля закидываем в /theme свой файл css (например, mycss.css)
3) Затем в "Добавить стиль или скрипт в заголовок страницы" включаем выдачу и добавляем (кавычки используем одинарные)

Код: Выделить всё

<!-- IF S_FORUM_ID eq 2 -->
<!-- IF S_TOPIC_ID eq 1 -->
<link href='{T_THEME_PATH}/mycss.css' rel='stylesheet' type='text/css' media='screen, projection' />
<!-- ENDIF -->
<!-- ENDIF -->

Для форума 2 темы 1 будет подгружен mycss.css из {T_THEME_PATH}

Или вместо <link... использовать:

Код: Выделить всё

<style type='text/css'>
@import url('{T_THEME_PATH}/mycss.css');
</style>

Для отладки можно не импортировать css, а весь его код закинуть.

Или можно скриптик набросать типа такого (не проверял; добавить условие выполнения для нужного форума/темы):

Код: Выделить всё

<script type='text'javascript'>
var cssId = 'myCss';
var head  = document.getElementsByTagName('head')[0];
var link  = document.createElement('link');
link.id   = cssId;
link.rel  = 'stylesheet';
link.type = 'text/css';
link.href = 'http://website.com/css/stylesheet.css';
link.media = 'all';
head.appendChild(link);
</script>