Создание кастомного стиля

Есть любые вопросы, связанные со стилями/темами для phpBB 3.1.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Мини [FAQ] по phpBB3.1.x | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать расширения

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
Alecto
phpBB 3.0.12
Сообщения: 2857
Стаж: 16 лет 10 месяцев
Откуда: Украина! Харьков
Благодарил (а): 80 раз
Поблагодарили: 292 раза

Создание кастомного стиля

Сообщение Alecto »

Когда-то давно делал свой кастомный стиль на основе просилвера: подключил 2 шаблона overall_header.html и simple_header.html, прописал файл конфигурации и подключил в теме stylesheet.css.
Откуда брал инструкции - уже не упомню, поэтому первым вопросом будет, где можно почитать о минимально необходимых файлах, коде и конфигурации при создании своего стиля на базе просилвера.
Второе - насколько я понимаю, используемые в новом стиле шаблоны отменяют действия стандартных? таким образом, используя и модифицируя шаблоны с тем же именами в новом стиле, я буду переопределять стандартные шаблоны?
Треть - при обновлении ядра придется проверять изменения в модифицированных файлах шаблонов своего стиля?
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 19 лет 8 месяцев
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2756 раз

Re: Создание кастомного стиля

Сообщение Sheer »

Минимально в папке со стилем должен быть файл style.cfg
Минимальное содержание, если стиль-родитель prosilver

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

name = x-prosilver
copyright = ©  Author, 2015
style_version = 3.1.3
phpbb_version = 3.1.3
# Parent style
# Set value to empty or to this style's name if this style does not have a parent style
parent = prosilver
Обновлять придется самостоятельно, само-собой.
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
Alecto
phpBB 3.0.12
Сообщения: 2857
Стаж: 16 лет 10 месяцев
Откуда: Украина! Харьков
Благодарил (а): 80 раз
Поблагодарили: 292 раза

Re: Создание кастомного стиля

Сообщение Alecto »

Sheer писал(а): Минимально в папке со стилем должен быть файл style.cfg
это есть, настроил.

если в в папке шаблонов нет overall_header.html - стиль расползается.
сравнил отличия со стандартным шаблоном, они
следующие 
кастом

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

<link href="{ROOT_PATH}styles/prosilver/theme/print.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="print" title="printonly" />
стандарт

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

<link href="{T_THEME_PATH}/print.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="print" title="printonly" />
добавлена строка для подключения CSS стиля

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

<link href="{ROOT_PATH}styles/prosilver/theme/stylesheet.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
кастом

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

<link href="{ROOT_PATH}styles/prosilver/theme/{T_THEME_LANG_NAME}/stylesheet.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
стандарт

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

<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
кастом

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

<link href="{ROOT_PATH}styles/prosilver/theme/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="only screen and (max-width: 700px), only screen and (max-device-width: 700px)" />
стандарт

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

<link href="{T_THEME_PATH}/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="only screen and (max-width: 700px), only screen and (max-device-width: 700px)" />
кастом

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

	<link href="{ROOT_PATH}styles/prosilver/theme/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
стандарт

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

	<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
кастом

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

	<link href="{ROOT_PATH}styles/prosilver/theme/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
стандарт

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

	<link href="{T_THEME_PATH}/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
кастом

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

	<link href="{ROOT_PATH}styles/prosilver/theme/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
стандарт

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

	<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" type="text/css" media="screen, projection" />
в симплхэдере все по аналогии.
т.е. все правки сводятся к добавления кастомного stylesheet.css и замене путей в хэдере к стилям стандартного просилвера?
Последний раз редактировалось Alecto 18.03.2015 19:03, всего редактировалось 2 раза.
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 19 лет 8 месяцев
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2756 раз

Re: Создание кастомного стиля

Сообщение Sheer »

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

<link href="{ROOT_PATH}styles/prosilver/theme/stylesheet.css
Не понял, зачем в кастомный стиль тащить css из просилвера?
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
Alecto
phpBB 3.0.12
Сообщения: 2857
Стаж: 16 лет 10 месяцев
Откуда: Украина! Харьков
Благодарил (а): 80 раз
Поблагодарили: 292 раза

Re: Создание кастомного стиля

Сообщение Alecto »

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

насколько я помню, в качестве примера использовал prosilver_se, оттуда и брал примеры хэдеров.
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 19 лет 8 месяцев
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2756 раз

Re: Создание кастомного стиля

Сообщение Sheer »

Проще продублировать css и не ковырять шаблоны, разве не?
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
Alecto
phpBB 3.0.12
Сообщения: 2857
Стаж: 16 лет 10 месяцев
Откуда: Украина! Харьков
Благодарил (а): 80 раз
Поблагодарили: 292 раза

Re: Создание кастомного стиля

Сообщение Alecto »

т.е. ты предлагаешь скопировать все CSS в папку нового стиля, не трогать шаблоны вообще.
в stylesheet нового стиля добавить прописать кастомный CSS?
тогда в новый стиль забирать только те шаблоны, которые реально требуют модификации?
я правильно понял идею?
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 19 лет 8 месяцев
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2756 раз

Re: Создание кастомного стиля

Сообщение Sheer »

Правильно понял.
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
Alecto
phpBB 3.0.12
Сообщения: 2857
Стаж: 16 лет 10 месяцев
Откуда: Украина! Харьков
Благодарил (а): 80 раз
Поблагодарили: 292 раза

Re: Создание кастомного стиля

Сообщение Alecto »

уже попробовал.
слушай, чел - это гениально! и проще, чем то, что было изначально.
работает, благодарствую за ценный совет.
Аватара пользователя
Alecto
phpBB 3.0.12
Сообщения: 2857
Стаж: 16 лет 10 месяцев
Откуда: Украина! Харьков
Благодарил (а): 80 раз
Поблагодарили: 292 раза

Re: Создание кастомного стиля

Сообщение Alecto »

не пойму, как сделаны на гуру уведомления.
у вас в уведомлениях пустой тег <a></a> является ссылкой, в то время как на стандарте, если оставить этот тег пустым - он не является более кликабельной ссылкой.

Отправлено спустя 1 час 12 минут :
остановился на таком варианте:
увидомлений/почты нет
Untitled-1.jpg
есть
2.png
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Последний раз редактировалось Alecto 20.03.2015 20:10, всего редактировалось 1 раз.
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 19 лет 8 месяцев
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2756 раз

Re: Создание кастомного стиля

Сообщение Sheer »

Alecto писал(а): тег <a></a>
Не пойму, где это?
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
Alecto
phpBB 3.0.12
Сообщения: 2857
Стаж: 16 лет 10 месяцев
Откуда: Украина! Харьков
Благодарил (а): 80 раз
Поблагодарили: 292 раза

Re: Создание кастомного стиля

Сообщение Alecto »

кнопка уведомлений

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

<li class="icon nav-icon-notification dropdown-container dropdown-right rightside non-zero" data-skip-responsive="true">
<a id="notification_list_button" class="dropdown-trigger dropdown-toggle" title="Уведомления (1)" href="http://www.phpbbguru.net/community/ucp.php?i=ucp_notifications">
<div id="notification_list" class="dropdown dropdown-extended notification_list">
</li>
сейчас там скрытые SPAN и STRONG, но даже если внутри тег А оставить пустым - ссылка будет кликабельна.

Вернуться в «Стили для phpBB 3.1.x»