Название стиля: 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

southklad 17 окт 2020, 16:03 Сообщение

Несколько вопросов, в моб. версии сворачивание категорий ну слишком сильное

Изображение

Место много, а текст не заполняется.

Минипрофиль можно как то перенести в правую часть? Без расширения
  • 0
Изображение

southklad 17 окт 2020, 16:06 Сообщение

А так же, как можно добавить шрифт Exo 2?
  • 0
Изображение

CabinetAdmin 17 окт 2020, 17:37 Сообщение

Принцип одинаков для всех стилей на phpbb. Создаёте папку со своим названием, внутри помещаете файл style.cfg (можно из оригинального стиля скопировать), сначала здесь:

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

# General Information about this style
name = titanium
меняете имя на то, которым вы назвали папку. Например, вы назвали папку titanium_my, значит меняете это поле на:

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

# General Information about this style
name = titanium_my
Далее ниже находите:

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

# Parent style
# Set value to empty or to this style's name if this style does not have a parent style
parent = prosilver
и вместо prosilver указываете стиль родителя - titanium:

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

# Parent style
# Set value to empty or to this style's name if this style does not have a parent style
parent = titanium
После добавляете туда папки с изменёнными относительно оригинального стиля файлами.
Ну и последним шагом - устанавливаете стиль и назначаете по умолчанию.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

CabinetAdmin 17 окт 2020, 17:47 Сообщение

igorbond писал(а): 17 окт 2020, 16:03 Минипрофиль можно как то перенести в правую часть?
Нет.
igorbond писал(а): 17 окт 2020, 16:06 А так же, как можно добавить шрифт Exo 2?
Можно. Закачиваете на форум и подключаете в стиле.
igorbond писал(а): 17 окт 2020, 16:03 в моб. версии сворачивание категорий ну слишком сильное
Я это место не трогал, вроде как... надо будет посмотреть.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 21 окт 2020, 09:25 Сообщение

Не планируется добавить переключатель со светлой темы на тёмную, как на этой конференции?
  • 0

eska 21 окт 2020, 10:11 Сообщение

Есть несколько поправок
1) Что бы размер аватарок на странице темы отображался в одном размере, в не зависимости какой размер был загружен пользователем
2) В уведомлениях - прочитанные и непрочитанные отображаются одинаково, можно как-то их выделить цветом или галочкой?
  • 0

CabinetAdmin 21 окт 2020, 11:42 Сообщение

1. В content.css найти:

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

.postprofile .avatar img {
	height: auto !important;
	max-width: 100%;
	border-radius: 50%;
}
сюда можно добавить точные размеры, например width: 150px;.

2. Это я так понимаю для светлого варианта? Как фикс можно в colours.css после:

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

.dropdown-extended ul li {
	border-top-color: var(--dropdown-1);
}
добавить:

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

.dropdown-extended ul li.bg2 {
	background-color: var(--color-bg);
}
eska писал(а): 21 окт 2020, 09:25 Не планируется добавить переключатель
Не планируется.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 21 окт 2020, 12:11 Сообщение

Ещё вот что заметил, если в блоке "последние темы" нажать на иконку, то перебрасывает на последнее непрочитанное сообщение, а просто темы на форуме, иконка некликабельная!
  • 0

CabinetAdmin 21 окт 2020, 17:48 Сообщение

eska писал(а): 21 окт 2020, 12:11 а просто темы на форуме, иконка некликабельная!
Я ничего не понял. Какая иконка не кликабельная? Где?
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 21 окт 2020, 19:08 Сообщение

Иконка темы, цветная или черно-белая которая. Прочитанная или есть новые сообщения в теме.
  • 0

CabinetAdmin 21 окт 2020, 20:22 Сообщение

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

eska 22 окт 2020, 10:25 Сообщение

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

Кстати о темах, можно ли во вьевфоруме, темы с новыми сообщениями подсветить оранжевым цветом?
  • 0

eska 22 окт 2020, 10:26 Сообщение

Совсем забыл, написать хотел вот о чём, можно ли верхнее меню закрепить, что бы спускалось с экраном вниз? Не удобно подниматься каждый раз, что бы проверять уведомления.
  • 0

eska 22 окт 2020, 10:38 Сообщение

Ах да, вот что ещё, опросы как то коряво выглядят!
Titanium. Тёмный стиль для phpBB 3.3 - 3CBFDE15-C99C-4999-A1D6-2B4CC22EED98.jpeg
  • 0

CabinetAdmin 22 окт 2020, 17:09 Сообщение

eska писал(а): 22 окт 2020, 10:38опросы
В следующей версии стиля поправлю, а пока чтобы поправить, открыть responsive.css, найти:

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

	/* Polls
	----------------------------------------*/
	fieldset.polls dt {
		width: 90%;
	}

	fieldset.polls dd.resultbar {
		padding-left: 20px;
	}

	fieldset.polls dd.poll_option_percent {
		width: 20%;
	}

	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
		margin-top: 5px;
	}
и заменить на:

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

	/* Polls
	----------------------------------------*/
	fieldset.polls dt {
		width: 90%;
	}

	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
		padding: 0;
	}
eska писал(а): 22 окт 2020, 10:26 можно ли верхнее меню закрепить
Нет. Если растянуть стиль на весь экран, то можно.
eska писал(а): 22 окт 2020, 10:25 горит иконка что есть новое сообщение в теме, иконка не кликабельна
Может быть что-то правили и удалили, по умолчанию в стиле иконка (когда в теме есть непрочитанные сообщения и иконка оранжевого цвета) кликабельная. Нажав на неё попадаешь на первое непрочитанное сообщение.
eska писал(а): 22 окт 2020, 10:25 Я к тому, что это не совсем логично, ведь можно сделать, что бы нажать или на иконку, или на название темы и перейти к последнему непрочитанному сообщению
Этот стиль работает точно так же как и просильвер, разницы никакой. Логикой занимались разработчики phpbb. Название темы всегда ведёт в тему, просто в тему, на первое сообщение. Иконка листика рядом с названием, так же как и иконка Изображение всегда ведёт к первому непрочитанному сообщению. Но если хочется можно сделать всё что угодно.

В шаблоне виевфорум название темы выглядит так:

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

<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>
{topicrow.U_VIEW_TOPIC} это ссылка, можно поменять на что угодно. Прямо над этим местом есть ссылка у листика {topicrow.U_NEWEST_POST}. Можно скомбинировать, можно заменить...
eska писал(а): 22 окт 2020, 10:25 темы с новыми сообщениями подсветить оранжевым цветом?
Открыть colours.css, найти:

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

a.forumtitle:hover, a.topictitle:hover {
	color: var(--color-link-hover);
}
и добавить после:

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

a.unread + a.topictitle {
	color: #f07e31;
}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Похожие темы