Название стиля: titanium
Версия стиля: 1.0.1
Версия phpBB: 3.3.0
Скачать:
titanium_1.0.1.zip
279.62 КБ 29 скачиваний
Новый стиль от Кабинета Админа в непривычных цветах - по умолчанию стиль имеет тёмное оформление, но так же есть возможность переключить его в светлый режим.

Стиль создан для современных браузеров - в стиле используются: флексы, svg изображения и переменные var(). Это означает что если ваш форум ориентирован на пользователей со старыми браузерами, то этот стиль вам не подходит! Если вы выбираете современный веб - этот стиль для вас!

Скриншоты:
Titanium. Тёмный стиль для phpBB 3.3 - Titanium-1.png
+Ещё скриншоты
Большинство расширений будет работать без особых допиливаний, для некоторых может понадобиться стилевое оформление.

Настройки - файл config.
По умолчанию форумы и темы представлены в виде двух колонок. Вторая совмещает в себе подсчёт сообщений и тем/просмотров. Колонка с "Последнее сообщение" перемещена под название темы и её автора.
Переключиться на стандартный режим можно в пункте $CA_ROW_LASTPOST - нужно переключить 1 на 0.

Смена тёмного оформления на светлое. Чтобы переключить оформление на светлое, вам потребуется в пункте $CA_THEME (в версии 1.0.0 $CA_NIGHT_THEME) переключить 1 на 0.
Начиная с версии 1.0.1 цветовых оформлений в стиле более двух. В пункте Color design forum указаны доступные виды оформления.

Так же в настройках имеется пункт включения формы поиска в шапке.

Начиная с версии 1.0.1 появились следующие настройки:
  • возможность отключить кнопку вверх (может быть полезна тем, кто использует расширение, либо своё решение).
  • боковая колонка
  • закруглённые кнопки
Боковая колонка.
Боковая колонка не отображается на странице личного и модераторского разделов, а так же на странице просмотра профиля.
Для добавления содержимого в боковую колонку используются следующие события:
ca_sidebar_stats_blocks_before - перед статистикой
ca_sidebar_stats_blocks_after - после статистики

Отключение боковой колонки на пользовательских страницах. В шаблоне созданной вами страницы, либо на странице выводимой через расширение, в самое начала файла, перед:

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

<!-- INCLUDE overall_header.html -->
добавить:

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

<!-- DEFINE $CA_SIDEBAR_VIEW_NOT = true -->

Смена шапки и лого.
Логотип в стиле меняется так же как и в обычном просильвере в файле colours.css, там же меняется и изображение шапки.

Дальнейшее развитие стиля.
Добавление функции сворачивания форумов.
Большая замена части изображений на svg.
Возможно! Добавление возможности переключения на плиточный режим (по три блока в ряд).
Плюс предложения...

+История изменений - Скачать
Комментарии: 20

CabinetAdmin 18 июл 2020, 21:43 Сообщение

igorbond писал(а):
17 июл 2020, 23:00
Размер шрифта сделать как в Милк2
Это скриншот какого размера должен быть шрифт? Так он вроде такого же размера, местами... Ну вот "Просмотр сообщений: Входящие" вижу крупнее, пункты меню, может быть, чуть чуть...
igorbond писал(а):
17 июл 2020, 23:00
Выделение активного блока в профиле было полностью белым
Ну да, белый. Я не понял, нужен другой цвет?
igorbond писал(а):
17 июл 2020, 23:00
Почему то новый пункт меню
Нужно разбираться с вашим расширением, это место в стиле точно такое же как и в просильвере. Да и ссылка у вас выглядит странно...
igorbond писал(а):
17 июл 2020, 23:00
Как заменить значок Онлайн на
В content.css найти:

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

.online .postprofile a.avatar:before {
	content: '';
	border: 3px solid transparent;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 18px;
	bottom: 3px;
}
и заменить на:

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

.online .postprofile .avatar-container {
	position: relative;
}

.online .postprofile .avatar-container:before {
	content: '';
	width: 35px;
	height: 33px;
	position: absolute;
	right: 0;
	top: 0;
}
В colours.css найти:

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

.online .postprofile a.avatar:before {
	background-color: #00bb06;
	border-color: var(--color-bg-2);
}
и заменить на:

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

.online .postprofile .avatar-container:before {
	background-image: url("./ru/icon_user_online.gif");
}
Потом найти или переделать картинку в svg и заменить ссылку на неё.
igorbond писал(а):
17 июл 2020, 23:00
Как сделать лого для мобильной версии посредине, и чтобы оно не исчезало?
Точно так же как и в просильвере. В responsive.css найти:

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

	.logo {
		/* change display value to inline-block to show logo */
		display: none;
		float: none;
		padding: 10px;
	}
В комменте от разработчиков phpbb сказано что надо сделать.
Чтобы центрировать, чуть выше есть .site-description {, добавьте туда text-align: center;.
  • 1
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond 20 июл 2020, 17:37 Сообщение

CabinetAdmin писал(а):
18 июл 2020, 21:43
Это скриншот какого размера должен быть шрифт? Так он вроде такого же размера, местами... Ну вот "Просмотр сообщений: Входящие" вижу крупнее, пункты меню, может быть, чуть чуть...
Тут стоит Милк https://southklad.ru/phpBB3.2/
CabinetAdmin писал(а):
18 июл 2020, 21:43
Ну да, белый. Я не понял, нужен другой цвет?
Нет, цвет тот же, только он как бы не на всю площадь кнопки, вроде видно на скриншоте
CabinetAdmin писал(а):
18 июл 2020, 21:43
Потом найти или переделать картинку в svg и заменить ссылку на неё.
Так и не смог разобраться как ее переделать (((
  • 0
Изображение

CabinetAdmin 21 июл 2020, 16:31 Сообщение

Я не понял, вы хотите сделать из моего стиля стиль Милк? А в чём тогда смысл? Может тогда проще использовать сразу его?
igorbond писал(а):
20 июл 2020, 17:37
Так и не смог разобраться как ее переделать
Мне кажется что проще найти в сети какую нибудь похожую сразу в svg.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

igorbond 21 июл 2020, 21:20 Сообщение

CabinetAdmin писал(а):
21 июл 2020, 16:31
Я не понял, вы хотите сделать из моего стиля стиль Милк?
Нет, скорее я хочу сделать из него нечто прям идеальное, по моим представлениям.
  • 0
Изображение

igorbond 21 июл 2020, 21:25 Сообщение

Ну и если не против, еще то, чтобы я хотел изменить под свои нужды.

Изображение

Последние сообщения и ответы были в одну строку ка кна других стилях, так конечно смотрится прикольно, но когда много форумов, получается еще длиннее.
Так же на скриншоте видно, почему то сворачивание категорий опущено вниз, причем оба расширения.
  • 0
Изображение

CabinetAdmin 22 июл 2020, 17:24 Сообщение

Можно вернуть привычный вид форума, будет как на просильвере: название форума, темы, сообщения и последнее сообщение. В первом сообщении есть упоминание об этом.
igorbond писал(а):
21 июл 2020, 21:25
сворачивание категорий опущено вниз
Для расширения collapsiblecategories от phpbb. В стилевом файле найти:

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

.collapse-btn {
	font-size: 1rem !important; /* Adjust to change the button size */
	position: relative;
	float: right;
	margin: -20px 0 0; /* Adjust to tweak position: top right/left bottom */
}
вместо -20px 0 0 задать -35px 10px 0.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

Похожие темы