Расширение, позволяющее добавить на форум список последних тем.
В данной теме мы не будет разбирать вид или работоспособность расширения в том виде, в котором его задумал его автор. Здесь мы будем менять вид, сделаем вместо строк - колонки и краткое описание последнего сообщения.
В нашем примере колонок будет три, при уменьшении экрана меняться на две и в конце концов, на минимальных размерах, выстроятся в одну. Содержимое колонок не выстраиваются в одну линию, блоки будут не одинакового размера, т.е. блоки идут не слева направо, а сверху вниз. Поэтому, в зависимости от количества текста, второй блок слева может быть длинее первого и ничего не перекосится.
Выглядеть наша модификация будет так:
Для модификации нам понадобятся сами расширения.
Расширение Recent Topics можно скачать на официальном сайте phpbb здесь.
А так же расширение Topic Preview - здесь.
Если у вас не было этих расширений - ставьте оба. Если уже стоят, то сразу переходим к модификациям.
Чтобы не утомлять своими правками, что править, что удалять, сразу добавлю правки.
Скачиваем: Разархивируем оба архива. В каждом архиве по цепочке папок, как в расширении по нужному пути, лежат нужные нам файлы. Если вы используете prosilver стилем по умолчанию, то просто копируете содержимое архива в папку ext, соглашаетесь на объединение и у вас в папке
Кому интересно как это работает.
Расширение предпросмотра тем выводит содержимое через определённое условие в шаблоне, мы подменяем это условие своим и выводим уже не через всплывающее окно, а напрямую на страницу.
Цветовое оформление поправить/изменить под используемый стиль можно в стилевом файле в модификации Recent Topics.
Если стиль использует всю ширину экрана, то трёх колонок может быть мало и потребуются дополнительные стили, а так же увеличение количества выводимых тем.
В данной теме мы не будет разбирать вид или работоспособность расширения в том виде, в котором его задумал его автор. Здесь мы будем менять вид, сделаем вместо строк - колонки и краткое описание последнего сообщения.
В нашем примере колонок будет три, при уменьшении экрана меняться на две и в конце концов, на минимальных размерах, выстроятся в одну. Содержимое колонок не выстраиваются в одну линию, блоки будут не одинакового размера, т.е. блоки идут не слева направо, а сверху вниз. Поэтому, в зависимости от количества текста, второй блок слева может быть длинее первого и ничего не перекосится.
Выглядеть наша модификация будет так:
Для модификации нам понадобятся сами расширения.
Расширение Recent Topics можно скачать на официальном сайте phpbb здесь.
А так же расширение Topic Preview - здесь.
Если у вас не было этих расширений - ставьте оба. Если уже стоят, то сразу переходим к модификациям.
Чтобы не утомлять своими правками, что править, что удалять, сразу добавлю правки.
Скачиваем: Разархивируем оба архива. В каждом архиве по цепочке папок, как в расширении по нужному пути, лежат нужные нам файлы. Если вы используете prosilver стилем по умолчанию, то просто копируете содержимое архива в папку ext, соглашаетесь на объединение и у вас в папке
styles
расширения добавляется ещё одна папка prosilver
. Если вы используете другой стиль, то просто переименуйте папку на название вашего стиля.Кому интересно как это работает.
Расширение предпросмотра тем выводит содержимое через определённое условие в шаблоне, мы подменяем это условие своим и выводим уже не через всплывающее окно, а напрямую на страницу.
Цветовое оформление поправить/изменить под используемый стиль можно в стилевом файле в модификации Recent Topics.
Если стиль использует всю ширину экрана, то трёх колонок может быть мало и потребуются дополнительные стили, а так же увеличение количества выводимых тем.
Комментарии: 55
Можно хоть какой, лишь бы нравилось и читать информацию было удобно. Но я, имхо, сделал бы посветлее, например так:
rgba(165, 220, 236, .4)
, хотя бы.Есть такой класс, как раз заложил, но не стал его использовать, подумал что кому-то может быть неудобно. Класс этот называется
ca_rt-header-title-unread
и использовать его можно так:
Код: Выделить всё
.ca_rt-header-title-unread a {
color: #bc2a4d;
}
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Код: Выделить всё
<a href="{{ recent_topics.U_LAST_POST }}" title="{{ lang('GOTO_LAST_POST') }}">{{ recent_topics.LAST_POST_TIME }}</a>
{% if recent_topics.S_UNREAD_TOPIC and not S_IS_BOT %}
<a href="{{ recent_topics.U_NEWEST_POST }}" title="{{ lang('GOTO_LAST_POST') }}">
<i class="icon fa-external-link-square fa-fw icon-red icon-md" aria-hidden="true"></i>
<span class="sr-only">{{ lang('GOTO_LAST_POST') }}</span>
</a>
{% endif %}
Код: Выделить всё
{{ recent_topics.LAST_POST_TIME }}
{% if not S_IS_BOT %}
<a href="{% if recent_topics.S_UNREAD_TOPIC %}{{ recent_topics.U_NEWEST_POST }}{% else %}{{ recent_topics.U_LAST_POST }}{% endif %}" title="{{ lang('GOTO_LAST_POST') }}">
<i class="icon fa-external-link-square fa-fw {% if recent_topics.S_UNREAD_TOPIC %}icon-red{% else %}icon-lightgray{% endif %} icon-md" aria-hidden="true"></i>
<span class="sr-only">{{ lang('GOTO_LAST_POST') }}</span>
</a>
{% endif %}
Смысл модификации не создать плиточную структуру, грубо говоря как на ютубе, а в том чтобы блоки имели разную высоту и располагались в колонках независимо друг от друга. Если пытаться добиться именно одинаковой высоты, блок к блоку, то это надо использовать другой метод.
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Похожие темы
-
Здравствуйте.
Нужен простой ббкод для вставки youtube. Искал на просторах все не рабочие может у кого есть в наличии поделитесь пожалуйста.
Версия... -
Расширение позволяющее добавить рекламу на форум phpBB.
Расширение можно скачать на официальном сайте phpbb -
Расширение с правками от... -
Всем привет.
После переноса форума на VDS, отсутствует регистрация, а так же не могу зайти в админку.
Требуется настройка ispmanager, кто поможет? -
После обновления старого PHPBB форума
с версии 2 до версии 3.3.10 в меню форума появился link The team , при открытии которого выдает 404 ошибку... -
darkmode,расширение которое переключает светлый,темный режим форума.
Расширение работает и для гостей и имеет переключатель в navbar .
Недостатки:... -
Все привет, с Новым 2023 годом, здоровья и успехов во всем.
Ребят, такой вопрос, нужно было сделать форум, не стал делать чистую установку, просто...