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

[dev] [3.2.1] Blue

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

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 5 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 257 раз

[dev] [3.2.1] Blue

Сообщение LONER »

Название стиля: Blue

Версия стиля: 3.2.1

Автор: LONER
2017-01-13_220738.png
Дополнительные скриншоты 
2017-01-13_220932.png
2017-01-13_221051.png
2017-01-13_221007.png
Установка:
Распаковать архив, скопировать папку Blue в ваш_форум/styles
Путь к конфигурационному файлу стиля должен быть styles/Blue/style.cfg
Обратите внимание, что папка стиля начинается с заглавной буквы - Blue !!!

В стиле можно добавить общий фон, изображение положить в папку ваш_форум/styles/Blue/theme/images/fon с названием fon, расширением .png - (fon.png) и необходимым размером, например 1920x1200 .

Открываем в текстовом редакторе файл ваш_форум/styles/Blue/theme/colours.css и ищем

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

html, body {
	color: #000000;
	background-color: #FFFFFF;
	/* background-image: url('./images/fon/fon.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; */
}
Заменяем на

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

html, body {
	color: #000000;
	background-color: #FFFFFF;
	background-image: url('./images/fon/fon.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}
Либо раскомментировать строки, т.е. убрать /*, */

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

/* background-image: url('./images/fon/fon.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; */
Если расширение файла будет другое, то его поменять в строке background-image: url('./images/fon/fon.png'); - png
Образец фона 
Скриншоты с фоном 
2017-01-13_221259.png
2017-01-13_221351.png
Стиль Blue для phpBB 3 2 Демо

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

Скачать стиль Blue для phpBB 3.2.1:
Blue.zip
(599.63 КБ) 235 скачиваний
Правильно заданный вопрос и описание проблемы - 70% их решения...
Аватара пользователя
COB16
phpBB 2.0.15
Сообщения: 1005
Стаж: 6 лет 6 месяцев
Откуда: Беларусь
Благодарил (а): 316 раз
Поблагодарили: 59 раз

Re: [dev] [3.2.0] Blue

Сообщение COB16 »

ух, вот бы universal портировать
Аватара пользователя
Tony25
phpBB 1.4.4
Сообщения: 174
Стаж: 4 года 4 месяца
Благодарил (а): 87 раз
Поблагодарили: 5 раз

Re: [dev] [3.2.0] Blue

Сообщение Tony25 »

Красота какая! Спасибо, порадовал стилем) тем более с фоном! Это крайне важно! Это на основе просильвера или нет основы?
Спасибо ещё раз!

Отправлено спустя 1 минуту 26 секунд:
Кстати мобильная версия есть?

Отправлено спустя 7 минут 23 секунды:
И ещё: как редактировать шапку с ссылками? В хидере править?
я ваш кеш чистил :)
Аватара пользователя
maco8024
phpBB 1.4.4
Сообщения: 154
Стаж: 8 лет 4 месяца
Откуда: Алтай
Благодарил (а): 64 раза
Поблагодарили: 17 раз

Re: [dev] [3.2.0] Blue

Сообщение maco8024 »

Спасибо за стиль.
При просмотре с мобильника - название сайта (последние буквы уходят за картинку "воздушного шара")
joxi.png
joxi.png (27.92 КБ) 2180 просмотров
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 5 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 257 раз

Re: [dev] [3.2.0] Blue

Сообщение LONER »

Tony25 писал(а): Это на основе просильвера или нет основы?
Конечно просильвер видоизмененный.
Tony25 писал(а): Кстати мобильная версия есть?
Эту версию попытаюсь сделать универсальной.
Tony25 писал(а): И ещё: как редактировать шапку с ссылками? В хидере править?
Вообще-то это в настройках Админ.раздела

Изображение

Или про меню?

Самое верхнее меню в overall_header.html
Начало <div class="navbar1" role="navigation">
Конец перед <div class="headerbar" role="banner">

Меню, которое напротив поиска, полностью находится в navbar_header.html , включая и сам поиск.

Что хотелось там изменить?
maco8024 писал(а): При просмотре с мобильника - название сайта (последние буквы уходят за картинку "воздушного шара")
У себя тоже заметил это, посмотрю как исправить.
Правильно заданный вопрос и описание проблемы - 70% их решения...
Аватара пользователя
Tony25
phpBB 1.4.4
Сообщения: 174
Стаж: 4 года 4 месяца
Благодарил (а): 87 раз
Поблагодарили: 5 раз

Re: [dev] [3.2.0] Blue

Сообщение Tony25 »

В принципе если поиск есть как раздел, то его напротив убрать можно или наоборот.
А вверху которые - мои сообщения итд можно как то объеденить в одно меню, чтобы верх не нагромождать....в меню, которое раскрывается. Или перенести эту полоску под сам форум, как в субсильвере это было по-моему...

Отправлено спустя 6 минут 2 секунды:
LONER писал(а): Что хотелось там изменить?
Хотел свои просто блоки еще поставить...)

Заходил с телефона, мобайл стиль сужается, нагромождаясь.
я ваш кеш чистил :)
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 5 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 257 раз

Re: [dev] [3.2.0] Blue

Сообщение LONER »

Tony25 писал(а): В принципе если поиск есть как раздел, то его напротив убрать можно или наоборот.
В navbar_header.html
Этот поиск
2017-01-14_223421.png
2017-01-14_223421.png (1.48 КБ) 2135 просмотров
вот он

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

		<!-- IF S_DISPLAY_SEARCH -->
			<li>
				<a href="{U_SEARCH}" title="{L_SEARCH_ADV}" role="menuitem">
					<i class="icon fa-search fa-fw icon-white" aria-hidden="true"></i><span>{L_SEARCH}</span>
				</a>
			</li>
		<!-- ENDIF -->
А этот поиск
2017-01-14_223540.png
2017-01-14_223540.png (2.24 КБ) 2135 просмотров

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

			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" role="search">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button button-search" type="submit" title="{L_SEARCH}">
						<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
					</button>
					<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
						<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
					</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->
При желании можно удалить.
Tony25 писал(а): А вверху которые - мои сообщения итд можно как то объеденить в одно меню, чтобы верх не нагромождать....в меню, которое раскрывается.
Заменить overall_header.html на
overall_header.zip
(3.12 КБ) 205 скачиваний
Получится так
2017-01-14_224705.png
Отправлено спустя 3 минуты 16 секунд:
Tony25 писал(а): Заходил с телефона, мобайл стиль сужается, нагромождаясь.
Нужны скриншоты, чтобы я понимал о чем речь и что потом сделать.

Отправлено спустя 6 минут 49 секунд:
Tony25 писал(а): Хотел свои просто блоки еще поставить...)
При помощи своего расширения можно, по примеру уже существующих. Другие расширения если добавляют свои ссылки и строка меню заканчивается, то получается так
2017-01-14_230124.png
(8.92 КБ) 0 скачиваний
Там на скриншоте видны и ссылки от расширений и в общей строке, например "Правила"

Туда же и свои будут добавляться, либо менять местами в коде navbar_header.html и там добавлять свои по образцу уже существующих
Правильно заданный вопрос и описание проблемы - 70% их решения...
Аватара пользователя
Tony25
phpBB 1.4.4
Сообщения: 174
Стаж: 4 года 4 месяца
Благодарил (а): 87 раз
Поблагодарили: 5 раз

Re: [dev] [3.2.0] Blue

Сообщение Tony25 »

Скрытый текст
Изображение
Может я привиреда, но колонки хаотично как то стоят, 3 столбца никак не сделать? Или RSS убрать, тогда точно выровняется.
Ну и само название смещается, как ранее говорили (шапка)
Последний раз редактировалось Tony25 14.01.2017 20:10, всего редактировалось 1 раз.
я ваш кеш чистил :)
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 5 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 257 раз

Re: [dev] [3.2.0] Blue

Сообщение LONER »

Tony25 писал(а): Может я привиреда, но колонки хаотично как то стоят, 3 столбца никак не сделать? Или 3 выровнять по краю
Ну и само название смещается, как ранее говорили
Этим сейчас как раз и занимаюсь (вчера еще заметил, но уже лень было ковырять), потом отпишусь или файлы на замену выложу.

Отправлено спустя 21 минуту 49 секунд:
В overall_header.html, который на замену был выложен выше, я это

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

<!-- IF S_DISPLAY_SEARCH -->
				<!-- IF S_REGISTERED_USER -->
					<li class="header-forum-menu">
						<a href="{U_SEARCH_SELF}" title="{L_SEARCH_SELF}" role="menuitem">
							<i class="icon fa-dot-circle-o fa-fw icon-white" aria-hidden="true"></i><span>{L_SEARCH_SELF}</span>
						</a>
					</li>
				<!-- ENDIF -->
				<!-- IF S_USER_LOGGED_IN -->
					<li class="header-forum-menu" <!-- IF not S_USER_LOGGED_IN -->data-skip-responsive="true"<!-- ELSE -->data-last-responsive="true"<!-- ENDIF -->>
						<a href="{U_SEARCH_NEW}" title="{L_SEARCH_NEW}" role="menuitem">
							<i class="icon fa-dot-circle-o fa-fw icon-white" aria-hidden="true"></i><span>{L_SEARCH_NEW}</span>
						</a>
					</li>
				<!-- ENDIF -->
				<!-- IF S_LOAD_UNREADS -->
					<li class="header-forum-menu">
						<a href="{U_SEARCH_UNREAD}" title="{L_SEARCH_UNREAD}" role="menuitem">
							<i class="icon fa-dot-circle-o fa-fw icon-white" aria-hidden="true"></i><span>{L_SEARCH_UNREAD}</span>
						</a>
					</li>
				<!-- ENDIF -->
					<li class="header-forum-menu">
						<a href="{U_SEARCH_UNANSWERED}" title="{L_SEARCH_UNANSWERED}" role="menuitem">
							<i class="icon fa-dot-circle-o fa-fw icon-white" aria-hidden="true"></i><span>{L_SEARCH_UNANSWERED}</span>
						</a>
					</li>
					<li class="header-forum-menu" <!-- IF not S_USER_LOGGED_IN -->data-skip-responsive="true"<!-- ELSE -->data-last-responsive="true"<!-- ENDIF -->>
						<a href="{U_SEARCH_ACTIVE_TOPICS}" title="{L_SEARCH_ACTIVE_TOPICS}" role="menuitem">
							<i class="icon fa-dot-circle-o fa-fw icon-white" aria-hidden="true"></i><span>{L_SEARCH_ACTIVE_TOPICS}</span>
						</a>
					</li>
		<!-- ENDIF -->
Приподнял выше, т.е вырезал и вставил сюда

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

<ul class="dropdown-contents" role="menu">
					<li class="separator"></li>
				</ul>
под <li class="separator"></li> и расскоментировал в строке

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

<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span><!-- {L_QUICK_LINKS} --></span>
<!-- {L_QUICK_LINKS} --> , чтобы появилось слово "Ссылки", т.е. убрал <!-- и -->, получилось так {L_QUICK_LINKS}

Отправлено спустя 2 часа 41 минуту 2 секунды:
maco8024 писал(а): При просмотре с мобильника - название сайта (последние буквы уходят за картинку "воздушного шара")
Желательно чтобы еще разрешение экрана мобильника указывали

Отправлено спустя 2 часа 32 минуты 34 секунды:
Архив перелазит, были внесены чисто косметические изменения под мобильные устройства, теперь по идее должно все нормально отображаться. Кому интересно, какие именно были внесены правки, можно проверить с помощью программы WinMerge - является инструментом сравнения, может сравнивать как файлы, так и папки, отображая различия в визуальной текстовой форме, которые легко понять и обработать.

Можно стиль обновить просто заменой файлов из нового архива.
Не забываем очистить кэш, в браузере тоже.
Правильно заданный вопрос и описание проблемы - 70% их решения...
Аватара пользователя
misterleks
phpBB 2.0.9
Сообщения: 715
Стаж: 10 лет 7 месяцев
Откуда: Великий Новгород
Благодарил (а): 103 раза
Поблагодарили: 37 раз

Re: [dev] [3.2.0] Blue

Сообщение misterleks »

Спасибо за прекрасную тему!

Вчера поставил и начал тестировать, вот замечания:
1.
1.jpg
1.jpg (29.36 КБ) 2064 просмотра
2.
2.jpg
3. Установлен модуль "Описание темы", в самой теме он не показывается, видимо, чего то не хватает. А в списке выглядит вот так:
3.jpg
Продаю комиксы, продаю инструмент, продаю товары для охоты и рыбаков... и администрирую форум!
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 5 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 257 раз

Re: [dev] [3.2.0] Blue

Сообщение LONER »

misterleks,
1. Решим что с этим делать, возможно не понадобится и можно будет удалить, хотел приспособить для дополнительных ссылок, по этому и оставил в таком виде, чтобы не забыть. Хотя туда сейчас могут добавляться ссылки от расширений, событие для этого там есть.
2017-01-15_112653.png
2017-01-15_112653.png (8.96 КБ) 2055 просмотров
2. Так и на стандартном стиле prosilver, можно проверить, ради интереса переключиться.

Если изменить в content.css

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

.has-profile .postbody h3 {
    float: none !important;
    margin-right: 180px;
}
margin-right: 180px; , такого не будет.

3. Аналогично второму. Модулей начиная с phpBB 3.1.0 не существует, а расширение под phpBB 3.2.0 может некорректно работать, либо вообще не работать. Так же переключаемся на стандартный стиль и проверяем.
Правильно заданный вопрос и описание проблемы - 70% их решения...
Аватара пользователя
misterleks
phpBB 2.0.9
Сообщения: 715
Стаж: 10 лет 7 месяцев
Откуда: Великий Новгород
Благодарил (а): 103 раза
Поблагодарили: 37 раз

Re: [dev] [3.2.0] Blue

Сообщение misterleks »

LONER, правильно я понимаю, когда будет версия расширения адаптирована под 3.2.0, то "Описание темы" заработает корректно? Потому что подобная ситуация с расширением "Последние сообщения". Там есть 3 вида вывода на форуме: сверху, снизу и сбоку. Чтобы не вбирал, все равно показывает сбоку.
Продаю комиксы, продаю инструмент, продаю товары для охоты и рыбаков... и администрирую форум!
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 5 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 257 раз

Re: [dev] [3.2.0] Blue

Сообщение LONER »

misterleks, Это уже у разработчика расширения надо спрашивать, в стиле там для работоспособности ни чего не трогалось, от стандартного стиля все осталось (этот стиль сделан на основе prosilver).

Отправлено спустя 5 минут 34 секунды:
По большому счету, в данном стиле изменены только шапка, подвал, профиль перенесен на левую сторону, цвет и углы менее закруглены, а остальное все осталось от стандартного.
Правильно заданный вопрос и описание проблемы - 70% их решения...
Аватара пользователя
misterleks
phpBB 2.0.9
Сообщения: 715
Стаж: 10 лет 7 месяцев
Откуда: Великий Новгород
Благодарил (а): 103 раза
Поблагодарили: 37 раз

Re: [dev] [3.2.0] Blue

Сообщение misterleks »

Почему я не могу сказать СПАСИБО (на данном форуме)? Жму на палец вверх, а ничего не происходит?
Продаю комиксы, продаю инструмент, продаю товары для охоты и рыбаков... и администрирую форум!
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 5 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 257 раз

Re: [dev] [3.2.0] Blue

Сообщение LONER »

misterleks писал(а): Почему я не могу сказать СПАСИБО (на данном форуме)? Жму на палец вверх, а ничего не происходит?
Без понятия, у меня работает. У других похоже тоже работает, раз ставят.
Правильно заданный вопрос и описание проблемы - 70% их решения...

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