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

Стиль создан для современных браузеров - в стиле используются: флексы, 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.
Возможно! Добавление возможности переключения на плиточный режим (по три блока в ряд).
Плюс предложения...

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

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
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 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
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

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

southklad 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
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 23 авг 2020, 16:39 Сообщение

Добрый день. А как сделать боковые колонки фиксированными ?
  • 0

CabinetAdmin 23 авг 2020, 17:32 Сообщение

Всю целиком? В смысле при прокручивании фиксировать?

Расскажу про самый простой способ.
Открыть sidebar_body, в самом начале, после:

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

<div class="ca_page-aside">
добавить:

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

<div class="ca_page-aside-fixed">
в самый конец, после последнего </div> добавить ещё один </div>.

Открыть style.css перед:

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

/* icon quick links */
добавить:

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

.ca_page-aside-fixed {
	position: sticky;
	top: 0;
}
Эта правка добавляет функцию фиксирования блока при прокручивании страницы. При скролле, при достижении первого блока в колонке верхней границы страницы, происходит фиксирование, все блоки в колонке остаются на одном месте, после достижения нижней границы (то место, где начинается футер, нижняя навигация) фиксирование прекращается.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 23 авг 2020, 17:59 Сообщение

CabinetAdmin писал(а): 23 авг 2020, 17:32 Всю целиком? В смысле при прокручивании фиксировать?
Да. Оказалось всё так просто.
  • 0

romaamor 25 авг 2020, 11:26 Сообщение

CabinetAdmin, заметил что нет номеров страниц в темах. Вот этих -
Должно быть примерно так-
Изображение

А в этом стиле -


Изображение
  • 0

CabinetAdmin 25 авг 2020, 21:32 Сообщение

Если включена боковая колонка, то пагинация только снизу. Если обратить внимание, то не только пагинации нет, но и кнопок и формы поиска.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 25 авг 2020, 21:56 Сообщение

А как сделать что бы и в верху было ?
  • 0

CabinetAdmin 26 авг 2020, 16:41 Сообщение

В responsive.css удалить:

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

@media (min-width: 950px) {
	.ca_page-main .bar-top {
		display: none;
	}
}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 05 окт 2020, 11:17 Сообщение

CabinetAdmin, а можешь боковую панель этого стиля вынести в отдельное расширение ? Что бы можно было использовать и на других стилях.
  • 0

CabinetAdmin 05 окт 2020, 15:04 Сообщение

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

Похожие темы