Свой стиль но основании prosilver

[Alexx007]

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

Хочу использовать за основу стиль prosilver
Только в класс хеадбар внести свои изменения:

.headerbar {
min-height: 67px;
background-repeat: no-repeat;
background-size: auto auto;
background-color: #12a3eb;
background-image: url(./images/bg_header_logo.png);
color: #fff;
}



тегами b и /b (жирным текстом) отметил свои правки

1. Нужно ли создавать свой стиль для этого, чтобы при "автоматическом" обнолвении не заменились мои изменения?

если да то 2. как сделать свой стиль на основании просильвер со своими правками?...

[Sheer]

1. Нужно ли создавать свой стиль

Да.

как сделать

создать папку styles/_название_стиля_/theme, скопировать туда все из папки styles/prosilver/theme
внести изменения в нужном файле
в папке styles/_название_стиля_ создать файл style.cfg следующего содержания

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

#
# phpBB Style Configuration File
#
# This file is part of the phpBB Forum Software package.
#
# @copyright (c) phpBB Limited <https://www.phpbb.com>
# @license GNU General Public License, version 2 (GPL-2.0)
#
# For full copyright and license information, please see
# the docs/CREDITS.txt file.
#
# At the left is the name, please do not change this
# At the right the value is entered
#
# Values get trimmed, if you want to add a space in front or at the end of
# the value, then enclose the value with single or double quotes.
# Single and double quotes do not need to be escaped.
#
#

# General Information about this style
name = _название_стиля_
copyright = © my_Own, 2016
style_version = 3.1.9
phpbb_version = 3.1.9

# Defining a different template bitfield
# template_bitfield = lNg=

# Parent style
# Set value to empty or to this style's name if this style does not have a parent style
parent = prosilver

[Alexx007]

скопировать туда все из папки

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

styles/MySuperStyle/theme/colours.css

и добавлю в него такой код:

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

/*
ОРИГИНАЛЬНЫЙ класс headerbar
.headerbar {
	background-color: #12A3EB;
	background-image: url("./images/bg_header.gif");
	color: #FFFFFF;
}
*/
.headerbar {
    background-image: url(./images/bg_header_my.png); << скопирую в папку файл /styles/MySuperStyle/images/bg_header_my.png
    min-height: 67px;
    background-repeat: no-repeat;
    background-size: auto auto;
}

Почему я так хочу сделать. Потому что будет сразу видно что я "изменил в оригинальном стиле"... и смогу в любой момент дополнить и заменить какой-то оригинальный стиль "только своим стилем"...

Я сразу вижу оригинальный класс хедбар, он у меня закомментирован. И "по логике" с оригинальным классом хеадербар произойдут следующией действия:
1. заменится фон на мой
2. а затем "добавится" минимальная ширина, повторение фона, и размер фона.

Правильно я понимаю логику работы "шаблонизатора"?...

p.s. я сразу не сказал... я попробовал сделать как я написал, но ничего не получилось :-)

[Sheer]

Одного colours.css будет недостаточно, так как в overall_header.html подключается stylesheet.css, и только он, а он выглядит так

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

/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.1.x style)
	Based on style:		
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@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("colours.css");
@import url("imageset.css");

то есть colours.css подключается внутри.

Можно пойти другим путем - создать один единственный stylesheet.css где прописать все классы. Посмотрите как сделаны другие стили, например https://www.phpbb.com/customise/db/styl ... nch_fresh/

[Татьяна5]

https://www.phpbb.com/community/viewtop ... &t=2259531 - там есть совет как подгружать неизменённые css-файлы из prosilver (Relative-path @import with selective replacement)

[Alexx007]

https://www.phpbb.com/community/viewtop ... &t=2259531 - там есть совет как подгружать неизменённые css-файлы из prosilver (Relative-path @import with selective replacement)

Изучаю данный способ. Там приведено еще несколько вариантов, например, "3) Multiple overriding stylesheets.css in <head>", но я так понимаю данный способ возможен только через дополнительную правку кода\шаблонов...

Мне понравился способ с импортом. Я сделал как он указывает в инструкции.
Но он не дописал кое-что, а только "ссылался" на некоторые дополнительные действия. Но сразу не привел их в списке действий. Но изза них не подключаются шаблоны и выглядят "как буд-то забыли подключить стили", что выдается в консоле, например, браузера Хром.

• Чтобы его метод "работал на 100%" я сделал дополнительно в своей теме:
• сделал папку ru и в нее добавил файл stylesheet.css с содержанием

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

  @import url("/../../styles/prosilver/theme/ru/stylesheet.css");

• добавил файл мой_стиль/theme/responsive.css c кодом:

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

  @import url("/../../styles/prosilver/theme/responsive.css");

• и еще скопировал файл prosilver/theme/images/no_avatar.gif >> мой_стиль/theme/images/no_avatar.gif

И после этого "ву-а-ля! заработало!"
П.С. Останется подключить его в настройках :

2016-04-30_1522.png

Во вложении

то что у меня получилось.zip

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

Татьяна, спасибо. Шир, ваше предложение не успел изучить.