Уважаемые пользователи!
Напоминаем, что с 7 ноября 2020 года phpBB Group прекращает поддержку phpBB версии 3.2.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2020 года.
С учетом этого, а также того, что версия 3.2.x больше не будет получать обновлений, за исключением связанных с проблемами безопасности
(только при их наличии и только до 7 ноября 2020 года), рекомендуется обновить конференции до версии 3.3.x.

Как править или создать стиль.

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

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 16 лет 3 месяца
Поблагодарили: 44 раза

Как править или создать стиль.

Сообщение Rayden »

Это статья для тех, кого не устраивают стандартные стили, кто хочет создать что-то свое, но не знает с чего начать.
Я дам несколько советов, как сделать это быстрее и эффективнее. А быстрее и эффективнее это сделать на основе одного из стандартных стилей - Prosilver или Subsilver2. Для большинства задач этого достаточно.

Предупреждаю сразу, что вопросы начального уровня - что такое css и с чем его едят - остануться за рамками.
Кому очень надо - на htmlbook :D


В админке, в закладке "стили" есть возможность редактировать стили напрямую из админки. Так вот,
Совет первый: забудьте об этой возможности. В подавляющем большинстве случаев внесенные вами изменения будут не непосредственно в файлах, а в копиях файлов, записанных в базу. Так что при обновлении версии, при обновлении стиля или еще в нескольких подобных случаях вы просто потеряете все свои изменения, без возможности восстановления.
Поэтому - все изменения только непосредственно в файлах. Скачиваем по фтп, вносим изменения и закачиваем обратно.


В Олимпусе хтмл, выдаваемый пользователю, кешируется. Это сделано для уменьшения нагрузки на сервер и для ускорения вывода результата. Поэтому, после любых изменений стилей нужно очищать кеш, обновлять компоненты стилей. Первое делается на главной странице админки, второе на закладке стили. Но можно сделать проще
Совет второй: Админка - Общие - Нагрузка на сервер - Перекомпилировать старые шаблоны - Да.
Это несколько повысит нагрузку на сервер, но позволит не дергать каждый раз кеш. После отладки стиля, можно будет отключить перекомпиляцию.


Если вам надо всего лишь поменять пару картинок, это можно сделать и в стандартном стиле. Но если же изменений будет много, или вы хотите поэкспериментировать, то лучше всего будет создать свой стиль.
Совет третий: создать свой стиль очень просто. Скачиваете папку prosilver (или сабсилвер, если будете делать на его основе), переименовываете ее на my_style. Заходите внутрь, находите четыре конфигурационных файла, в которых прописаны названия.
Сейчас там
name = prosilver
copyright = © phpBB Group, 2007
version = 3.0.5
Меняем на свое:
name = my_style
copyright = © Супер_Я, 2009
version = 3.0.5
Обратите внимание, что cfg файлов больше, но там нужны только четыре, в которых прописаны названия. После изменений закачиваем папку my_style на сервер, и в админке, в закладке стили устанавливаем свой стиль.
И пусть он пока выглядит, как стандартный, это не надолго.

Совет четвертый: Часто есть потребность вставить куда-нибудь в хедер свое меню или еще какой объемный код. Если всегопара строчек, то можно вставлять напрямую в темплейт. Но если код довольно объемный, то лучше выделить его в отдельный html-файл, и воспользоваться функцией вставки

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

<!-- INCLUDE my_menu.html -->


Совет пятый: стили, сделанные на основе просилвера имеют очень большой css. Для удобства, он разделен на несколько более мелких. Если предполагается вносить свои блоки, то имеет смысл сдеать свой css файик и подключить его к остальным в файле stylesheet.css
@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("tweaks.css");
@import url("colours.css");
@import url("my_new.css");
При работе форума все эти css объединятся в один. Главное помните, если один и тот же селектор блока встречается в css несколько раз, то выполнятся будет самый последний, самый нижний.


Совет шестой: Очень часто задают вопрос, как изменить фон, шрифт, цвет определенного элемента. Ответ простой - смотрите код готовой страницы, находите нужный элемент, смотрите, какой класс ему присваивается и правите этот класс в css. Но можно еще проще. Откройте страницу в фаерфоксе и запустите плагин FireBug. Внизу откроется два окошка - слева побольше, с хтмл-кодом, а справа поменьше, показывающее все селекторы css, относящиеся как к выделенному блоку, так и наследуемые от родительских блоков.
Остается поправить значение нужного селектора в css.


Пока пауза...
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
yanislava
phpBB 1.0.0
Сообщения: 1
Стаж: 12 лет 4 месяца

Re: Как править или создать стиль.

Сообщение yanislava »

А дальше? :)
Аватара пользователя
Andrew59
phpBB 1.2.1
Сообщения: 25
Стаж: 12 лет 5 месяцев
Откуда: Пермь
Благодарил (а): 2 раза

Re: Как править или создать стиль.

Сообщение Andrew59 »

Сделал как в инструкции, но при просмотре нового стиля (andsilver) выдано:
Общая ошибка
template->_tpl_load_file(): File ./styles/andsilver/template/recent_topics.html does not exist or is empty


Посмотрел в других стилях - recent_topics.html - так же не нашел. Что ж не так?
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 16 лет 3 месяца
Поблагодарили: 44 раза

Re: Как править или создать стиль.

Сообщение Rayden »

чего сделал, по какой инструкции... ты хоть сам понимаешь, о чем говоришь? Я - нет.
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
Izya
Former team member
Сообщения: 408
Стаж: 13 лет
Откуда: Абакан, Сибирь
Благодарил (а): 1 раз
Поблагодарили: 28 раз

Re: Как править или создать стиль.

Сообщение Izya »

Andrew59 писал(а):Посмотрел в других стилях
А смотрел в том стиле, который сейчас у тебя пашет на модифицированном форуме, к которому ты пытаешься приладить свой новый стиль, сделанный на основе немодифицированного?
Изображение
Аватара пользователя
Andrew59
phpBB 1.2.1
Сообщения: 25
Стаж: 12 лет 5 месяцев
Откуда: Пермь
Благодарил (а): 2 раза

Re: Как править или создать стиль.

Сообщение Andrew59 »

Rayden, Izya
Вашими молитвами - всё нашел и исправил. Спасибо от "чайника"
DryamDryam
phpBB 1.0.0
Сообщения: 5
Стаж: 12 лет 3 месяца

Re: Как править или создать стиль.

Сообщение DryamDryam »

Здравствуйте!

Мне нужно изменить цвет выделенной области на рисунке на #222222.
Через Firefox плагин Firebug выяснил, что нужная строчка в colours.css называется ".forabg {". Подредактировал colour.css следующим образом:

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

.forabg {
	background-color: #222222;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}
Но изменений не последовало почему то...
Кэш чистил, Cookies удалял.
:?:

Изображение
Аватара пользователя
Палыч
Former team member
Сообщения: 9683
Стаж: 15 лет 4 месяца
Откуда: Питер
Благодарил (а): 3 раза
Поблагодарили: 454 раза

Re: Как править или создать стиль.

Сообщение Палыч »

DryamDryam писал(а):Но изменений не последовало почему то...
Потому что это картинка
DryamDryam писал(а): background-image: url("{T_THEME_PATH}/images/bg_list.gif");
Не все то WINDOWS, что висит... phpBB только учусь.
ICQ, email, ЛС - только для личных сообщений. Вопросы по phpbb только на форумах. По найму не работаю.
DryamDryam
phpBB 1.0.0
Сообщения: 5
Стаж: 12 лет 3 месяца

Re: Как править или создать стиль.

Сообщение DryamDryam »

Эту картинку я поменял, она то вот как раз нормально отображается, вот этот резкий переход к синему не есть гуд! Она 100% в CSS редактируется, но может где-то еще нужно что-то подредактировать?
Аватара пользователя
Berk
phpBB 2.0.2
Сообщения: 301
Стаж: 13 лет
Откуда: Украина, Киев
Благодарил (а): 3 раза
Поблагодарили: 2 раза

Re: Как править или создать стиль.

Сообщение Berk »

не забывай еще нажимать ctrl + f5
DryamDryam
phpBB 1.0.0
Сообщения: 5
Стаж: 12 лет 3 месяца

Re: Как править или создать стиль.

Сообщение DryamDryam »

В Opera Ctrl+F5 ни к чему не приводят, в Firefox нажимаю, результат прежний... :evil:

Добавлено спустя 1 минуту 22 секунды:
МБ где то еще, помимо colours.css нужно редактировать?
Аватара пользователя
Berk
phpBB 2.0.2
Сообщения: 301
Стаж: 13 лет
Откуда: Украина, Киев
Благодарил (а): 3 раза
Поблагодарили: 2 раза

Re: Как править или создать стиль.

Сообщение Berk »

когда-то я менял цвет на вот этом форуме
ты хочешь что-то подобное, правильно?
я сделал как, вот здесь создал нужный цвет
сделал бэкап файлов
залил поверх только картинки темы
и действительно, поменялось все кроме нижней кромки в шапке, текста, и той границы которую ты указал
файлы css перезаписывать не стал т.к. перед этим какими-то модами что-то в них уже изменял
потом определял код цвета, находил его в css - менял на нужный
обновлял все по очереди, шаблоны, темы, наборы рисунков
чистил кэш и потом нажимал ctrl + f5
результат, как видишь, есть
DryamDryam
phpBB 1.0.0
Сообщения: 5
Стаж: 12 лет 3 месяца

Re: Как править или создать стиль.

Сообщение DryamDryam »

Дак этот цвет должен в colours.css изменятся, я нашел, где он есть, поменял на #222222, результата нет, нигде больше #0076b1 (код цвета, который был изначально) нет, кроме как в colour.css
.forabd есть в других .css но цвет там задать нельзя... :(
В папке Imageset и Template искать это дело бесполезно ИМХО.

Я замучался уже
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 16 лет 3 месяца
Поблагодарили: 44 раза

Re: Как править или создать стиль.

Сообщение Rayden »

Rayden писал(а):В Олимпусе хтмл, выдаваемый пользователю, кешируется. Это сделано для уменьшения нагрузки на сервер и для ускорения вывода результата. Поэтому, после любых изменений стилей нужно очищать кеш, обновлять компоненты стилей. Первое делается на главной странице админки, второе на закладке стили. Но можно сделать проще
Совет второй: Админка - Общие - Нагрузка на сервер - Перекомпилировать старые шаблоны - Да.
Это несколько повысит нагрузку на сервер, но позволит не дергать каждый раз кеш. После отладки стиля, можно будет отключить перекомпиляцию.
phpBB2 FAQ
phpBB3 FAQ
DryamDryam
phpBB 1.0.0
Сообщения: 5
Стаж: 12 лет 3 месяца

Re: Как править или создать стиль.

Сообщение DryamDryam »

Оо, да! :D Благодарен Вам, добрый человек!

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