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

eska 23 окт 2020, 09:56 Сообщение

CabinetAdmin писал(а): 22 окт 2020, 17:09 В шаблоне виевфорум название темы выглядит так:
У меня она такая

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

<!-- IF topicrow.U_VIEW_TOPIC --><a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a><!-- ELSE -->{topicrow.TOPIC_TITLE}<!-- ENDIF -->
  • 0

eska 23 окт 2020, 09:58 Сообщение

CabinetAdmin писал(а): 22 окт 2020, 17:09 так же как и иконка всегда ведёт к первому непрочитанному сообщению.
Листик кликабельный, иконка нет. :unknown
  • 0

CabinetAdmin 23 окт 2020, 16:44 Сообщение

eska писал(а): 23 окт 2020, 09:56У меня она такая
Она везде такая, первая часть это ссылка, вторая просто название. Я показал только ссылку.
eska писал(а): 23 окт 2020, 09:58иконка нет
Открывайте content.css и ищите:

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

dl a.row-item-link {						/* topic row icon links */
	display: block;
	width: 35px;
	height: 35px;
	padding: 0;
	position: absolute;
	top: 22px;
	left: 0;
	margin-left: 16px;
}
по умолчанию это 164 строка.

Можно ещё посмотреть в шаблоне виевфорум:

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

<!-- IF topicrow.S_UNREAD_TOPIC and not S_IS_BOT --><a href="{topicrow.U_NEWEST_POST}" class="row-item-link"></a><!-- ENDIF -->

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

eska 23 окт 2020, 16:54 Сообщение

CabinetAdmin писал(а): 23 окт 2020, 16:44 Открывайте content.css и ищите:
CabinetAdmin писал(а): 23 окт 2020, 16:44 Можно ещё посмотреть в шаблоне виевфорум:
Странно, но у меня есть и то и другое) может какое-то расширение блокирует работу иконки...
  • 0

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

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

CabinetAdmin 01 фев 2021, 19:42 Сообщение

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

bennybernaerBernaer Benny 12 дек 2022, 01:57 Сообщение

Я только что установил красивый стиль титана. Но я вижу, что кнопки сообщений находятся внизу, как их переместить вверх? Как это стандартно в prosilver? У меня также есть небольшая проблема с чатом cbb. Значок «Я и развернуть» находится слева над именем, а в prosilver — справа. Как исправить обе вещи? Извините, я использую Google Transalete, я сам из Бельгии. Заранее спасибо!
  • 0

CabinetAdmin 13 дек 2022, 19:59 Сообщение

Здравствуйте. Прошу прощения за долгий ответ.

Откройте файл buttons.css, найдите:

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

.has-profile .post-buttons {
	float: none;
	position: absolute;
	margin: 0;
	right: 0;
	bottom: 0;
}
и замените bottom: 0; на top: 4px;

Там же найдите:

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

.hasjs .postbody .post-buttons {
	max-width: 80%;
}
и замените 80% на 40%.

Далее откройте content.css, найдите:

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

.postbody {
	padding: 0 0 40px;
и замените 40px на 10px.


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

bennybernaerBernaer Benny 13 дек 2022, 21:17 Сообщение

Благодарю вас! Я только вижу, что он всегда отображается в отзывчивом режиме. Можно ли также показать все кнопки на большом экране?

Thank you! I only see that it is always shown in responsive. Is it also possible to show all buttons on a larger screen?
I have placed all css changes in a custom css file. This makes updating the style easier later on.
Titanium. Тёмный стиль для phpBB 3.3 - Naamloos.png
Titanium. Тёмный стиль для phpBB 3.3 - Naamloos.png (2.64 КБ) 345 просмотров
  • 0

CabinetAdmin 14 дек 2022, 17:12 Сообщение

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

bennybernaerBernaer Benny 14 дек 2022, 18:47 Сообщение

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

.hasjs .postbody .post-buttons {
	max-width: 50%;
}

К сожалению, это не дает никакого результата
  • 0

CabinetAdmin 14 дек 2022, 20:40 Сообщение

Возможно сворачивание происходит из-за дополнений, потому что на чистом форуме без дополнительных кнопок такого результата нет.

Было ли такое при положении кнопок в нижнем положении?

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

bennybernaerBernaer Benny 14 дек 2022, 20:55 Сообщение

Когда кнопки были нажаты, этого не было. Я пришлю вам ссылку на форум + мои данные для входа.

У меня был еще один вопрос (извините)

Я сделал подфорумы в столбцах в стиле по умолчанию. Это работает в стиле по умолчанию. Но здесь они не размещены в столбцах.

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

                                <div style="clear: both;"></div>
                                <br /><strong>{forumrow.L_SUBFORUM_STR}{L_COLON}</strong>

                                	<div class="sub-forumlist">
                                		<!-- BEGIN subforum -->
                                    	<li>
                                        <a href="{forumrow.subforum.U_SUBFORUM}" class="subforum<!-- IF forumrow.subforum.S_UNREAD --> unread<!-- ELSE --> read<!-- ENDIF -->" title="<!-- IF forumrow.subforum.S_UNREAD -->{L_UNREAD_POSTS}<!-- ELSE -->{L_NO_UNREAD_POSTS}<!-- ENDIF -->">
                                        <i class="icon notification_unread <!-- IF forumrow.subforum.IS_LINK -->fa-external-link<!-- ELSEIF forumrow.subforum.S_UNREAD -->fa-circle<!-- ELSE -->fa-circle-o<!-- ENDIF --> fa-fw icon-md" aria-hidden="true"></i> {forumrow.subforum.SUBFORUM_NAME}
                                    </a>
                                    </li>
                                	<!-- END subforum -->
                                	</div>
                                <!-- EVENT forumlist_body_subforums_after -->
						<!-- ENDIF -->

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

.subforum  {
  font-size: 13px;
}

.sub-forumlist ul {
	float: left;
	list-style-type: none;
	margin-left: 20px !important;
}

.sub-forumlist li {
	line-height: 1.5em;
}
  • 0

CabinetAdmin 15 дек 2022, 16:21 Сообщение

Код который вы привели неправильный. Отсутствуют необходимые теги

Код из последней версии стиля:

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

							<!-- BEGIN subforum -->
								<!-- EVENT forumlist_body_subforum_link_prepend --><a href="{forumrow.subforum.U_SUBFORUM}" class="subforum<!-- IF forumrow.subforum.S_UNREAD --> unread<!-- ELSE --> read<!-- ENDIF -->" title="<!-- IF forumrow.subforum.S_UNREAD -->{L_UNREAD_POSTS}<!-- ELSE -->{L_NO_UNREAD_POSTS}<!-- ENDIF -->">
									<i class="icon <!-- IF forumrow.subforum.IS_LINK -->fa-external-link<!-- ELSE -->fa-file-o<!-- ENDIF --> fa-fw <!-- IF forumrow.subforum.S_UNREAD --> icon-red<!-- ELSE --> icon-blue<!-- ENDIF --> icon-md" aria-hidden="true"></i>{forumrow.subforum.SUBFORUM_NAME}</a><!-- IF not forumrow.subforum.S_LAST_ROW -->{L_COMMA_SEPARATOR}<!-- ENDIF --><!-- EVENT forumlist_body_subforum_link_append -->
							<!-- END subforum -->
заменить на:

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

							<ul class="sub-forumlist">
							<!-- BEGIN subforum -->
								<li>
								<!-- EVENT forumlist_body_subforum_link_prepend --><a href="{forumrow.subforum.U_SUBFORUM}" class="subforum<!-- IF forumrow.subforum.S_UNREAD --> unread<!-- ELSE --> read<!-- ENDIF -->" title="<!-- IF forumrow.subforum.S_UNREAD -->{L_UNREAD_POSTS}<!-- ELSE -->{L_NO_UNREAD_POSTS}<!-- ENDIF -->">
									<i class="icon <!-- IF forumrow.subforum.IS_LINK -->fa-external-link<!-- ELSE -->fa-file-o<!-- ENDIF --> fa-fw <!-- IF forumrow.subforum.S_UNREAD --> icon-red<!-- ELSE --> icon-blue<!-- ENDIF --> icon-md" aria-hidden="true"></i>{forumrow.subforum.SUBFORUM_NAME}</a><!-- IF not forumrow.subforum.S_LAST_ROW -->{L_COMMA_SEPARATOR}<!-- ENDIF --><!-- EVENT forumlist_body_subforum_link_append -->
								</li>
							<!-- END subforum -->
							</ul>

Стили. Первый вариант:

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

.sub-forumlist {
	list-style-type: none;
	margin-left: 20px !important;
}

.sub-forumlist li {
	line-height: 1.5em;
}
Второй вариант (подойдёт для форумов с большим количеством подфорумов):

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

.sub-forumlist {
	list-style-type: none;
	margin-left: 20px !important;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 20px);
}

.sub-forumlist li {
	line-height: 1.5em;
	padding-right: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: calc(33.333% - 10px);
}

@media (max-width: 768px) {
	.sub-forumlist li {
		width: calc(50% - 10px);
	}
}
@media (max-width: 425px) {
	.sub-forumlist li {
		width: calc(100% - 10px);
	}
}
В данном виде колонок с подфорумами будет 3 - width: calc(33.333% - 10px);, если нужно четыре, то заменить 33.333% на 25%, если две то на 50%.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

bennybernaerBernaer Benny 15 дек 2022, 19:15 Сообщение

Благодарю вас! Если я все еще смогу сделать кнопки в почтовом теле правильно, я буду счастливым человеком.

Я хотел бы поддержать ваш проект, но возможно ли это через PayPal?
  • 0

Похожие темы