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

Стиль создан для современных браузеров - в стиле используются: флексы, 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

romaamor 02 июл 2020, 20:57 Сообщение

А как отключить кнопку в верх ?
  • 0

CabinetAdmin 03 июл 2020, 15:56 Сообщение

Пока только удалив из футера:

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

<div class="go_up"><svg viewBox="0 0 9 7" width="18" height="18"><path d="M1 6l3.5-4L8 6" fill="none"></path></svg></div>
В следующей версии добавлю в настройки.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 03 июл 2020, 18:19 Сообщение

Вот интересует как раз сворачивание, чтобы не было лишних расширений. А так буду осваивать и уже добавлять пожелания )))
  • 0
Изображение

southklad 03 июл 2020, 22:33 Сообщение

Да, а просветите пожалуйста по поводу var(--color-- ? Почему они используются и чем они лучше?
  • 0
Изображение

CabinetAdmin 04 июл 2020, 09:21 Сообщение

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

CabinetAdmin 05 июл 2020, 18:15 Сообщение

Стиль обновлён до 1.0.1 версии. Основные изменения изложил в первом посте. В дополнение лишь ещё добавлю, что каждое цветовое оформление теперь имеет свою шапку. Светлых стиля пока два, второй добавленный зелёный.
Кнопки действия, такие как кнопка отправить, пагинация или кнопка вверх всегда остаются того же цвета.

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

romaamor 05 июл 2020, 22:05 Сообщение

Я для себя по привычке уже перекрасил. :D
Titanium. Тёмный стиль для phpBB 3.3 - cdb76-clip-146kb.png
  • 0

southklad 06 июл 2020, 11:18 Сообщение

Установил, сразу пожелание на будущее, чтобы боковая панель была только на главной
  • 0
Изображение

romaamor 07 июл 2020, 16:05 Сообщение

Игорь, вы хотите как в стиле Milk ? Типо с отдельным расширением ? : )
  • 0

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

igorbond писал(а): 06 июл 2020, 11:18 чтобы боковая панель была только на главной
А смысл тогда от неё? И что в ней должно быть?
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 13 июл 2020, 12:41 Сообщение

Ну так же профиль, и прочее, а так же возможность добавления своих каких то вставок.
  • 0
Изображение

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

А как сделать, чтобы информация в минипрофиле в сообщении была не по центру, а слева?
  • 0
Изображение

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

В content.css в .postprofile { удалить text-align: center;.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 17 июл 2020, 23:00 Сообщение

Редактирую под себя, такие вопросы:

1. Как сделать лого для мобильной версии посредине, и чтобы оно не исчезало?
2. Как заменить значок Онлайн на Изображение
, только переделать в зеленый svg и поместить в правый верхний угол?
3. Почему то новый пункт меню с расширения добавился и в конец как должен быть и в начало меню
Изображение
4. Выделение активного блока в профиле было полностью белым
Изображение
5. Размер шрифта сделать как в Милк2
Изображение
а то этот мелковат.

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

Похожие темы