Стиль CA_Forum

Альтернативный взгляд на стилизацию phpBB.

Если у вас завалялся стиль для форумов на phpBB3, созданный вашими руками, и вы не прочь им поделиться, бесплатно или за вознаграждение, то этот раздел специально для вас.
Аватара пользователя
CabinetAdmin

Стиль CA_Forum

CabinetAdmin 25 окт 2014, 14:19 Сообщение

Стиль CA_Forum для форумов на phpBB3.
Изображение


Как обычно, стиль созданный на базе prosilver, на HTML5. Стиль является адаптивным для всех современных браузеров.
Стиль представляет собой двухколоночный макет. Боковая колонка имеет фиксированную ширину, центральная колонка резиновая. При достижении установленной минимальной ширины экрана, боковая колонка меняет свою ширину на меньшую, и отображается в виде иконок.

Есть предустановленные моды, такие как функции из быстрого ответа. При нажатии кнопки "Комментировать" в форму ответа будет вставлено имя автора поста. Так же в форме быстрого ответа будут кнопки для вставки смайлов и небольшое количество ббкодов. Так же в стиле присутствует подсветка синтаксиса программного кода.

Развернуть Скриншоты


Небольшие дополнения.
При установке стиля на форум в нашей системе требуется небольшая допилка. Чтобы форма ответа отображалась правильно, нужно заменить содержимое шаблона posting_editor.html на сервере на содержимое этого же шаблона из архива.
Дополнение ббкодов в форме быстрого ответа делается вручную в шаблоне quickreply_editor.html, по образцу уже установленных ббкодов. Либо автоматизируется путём добавления перед закрывающим дивом:

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

<!-- BEGIN custom_tags -->
<a class="bbcode_button bbcode_{custom_tags.BBCODE_HELPLINE}" name="addbbcode{custom_tags.BBCODE_ID}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}">{custom_tags.BBCODE_TAG}</a>
<!-- END custom_tags -->

Где имя этого ббкода является частью класса, для добавление к нему иконки - bbcode_{custom_tags.BBCODE_HELPLINE}.
Сами иконки добавляются в файле forms.css перед:

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

/* Input field styles ---------------------------------------- */

По образцу уже установленных иконок.

Посмотреть стиль можно пока на нашем форуме. Ссылка имеется в разделе Работа форума.

Стиль не похож на обычные стили на phpbb. И для редактирования стиля нужно обладать хотя бы базовыми знаниями html и css. Это так же относится и к дополнению в стиле дополнительных блоков и тп. Так как по инструкциям они имеют стандартную структуру шаблонов чистого (в нашем случае) prosilver.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

GoDFaTHeR

Re: Стиль CA_Forum

GoDFaTHeR 25 окт 2014, 18:05 Сообщение

Скрытый текст. Вы не состоите в группах, которым доступен этот текст.
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

Аватара пользователя
eska

Re: Стиль CA_Forum

eska 28 окт 2014, 16:44 Сообщение

Как видно, блоки не раздвигаются от кол-ва подфорумов, можно это как-то исправить?Изображение
Форум технической поддержки ГАЗ - http://gaz-autoclub.ru
СПб клуб автолюбителей Chery amulet - http://cheryspbclub.luckbb.ru/index.php

Аватара пользователя
CabinetAdmin

Re: Стиль CA_Forum

CabinetAdmin 28 окт 2014, 16:56 Сообщение

Подфорумы в столбик...
В файле content.css найти:

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

.block-post header h3 a:hover {color: #666;}

и добавить после:

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

.block-post footer {
overflow: hidden;
}
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
eska

Re: Стиль CA_Forum

eska 28 окт 2014, 17:01 Сообщение

CabinetAdmin, Спасибо, всё отлично работает!
Можно ли иконки поставить к форумам, те, что у меня были на газ клубе?
Форум технической поддержки ГАЗ - http://gaz-autoclub.ru
СПб клуб автолюбителей Chery amulet - http://cheryspbclub.luckbb.ru/index.php

Аватара пользователя
CabinetAdmin

Re: Стиль CA_Forum

CabinetAdmin 28 окт 2014, 17:14 Сообщение

Можно. Но теряется весь смысл дизайна.

В файле forumlist_body.html найти:

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

<article class="block-post<!-- IF forumrow.S_UNREAD_FORUM --> unread<!-- ENDIF -->">

и заменить на:

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

<article class="block-post<!-- IF forumrow.S_UNREAD_FORUM --> unread<!-- ENDIF -->" style="background: url({forumrow.FORUM_FOLDER_IMG_SRC}) no-repeat 10px 50% #fff;">

В файле common.css найти .forabg { и добавить перед:

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

.forum_cat_list .block-post {
padding-left: 45px;
}


45px отступ слева.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
eska

Re: Стиль CA_Forum

eska 28 окт 2014, 17:16 Сообщение

У вас же на презентации, были иконки, вроде и смотрится хорошо:)
Форум технической поддержки ГАЗ - http://gaz-autoclub.ru
СПб клуб автолюбителей Chery amulet - http://cheryspbclub.luckbb.ru/index.php

Аватара пользователя
CabinetAdmin

Re: Стиль CA_Forum

CabinetAdmin 28 окт 2014, 17:24 Сообщение

Там изображения форума. Значок форума добавляемый при редактировании форума. У каждого форума своя картинка.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
eska

Re: Стиль CA_Forum

eska 28 окт 2014, 17:25 Сообщение

» 1 минуту назад писал(а):и добавить перед:

Это не совсем понял... нужно добавить то, что ниже, перед .forabg { или как?
Форум технической поддержки ГАЗ - http://gaz-autoclub.ru
СПб клуб автолюбителей Chery amulet - http://cheryspbclub.luckbb.ru/index.php

Аватара пользователя
eska

Re: Стиль CA_Forum

eska 28 окт 2014, 17:27 Сообщение

CabinetAdmin, Я просто хотел для всех форумов поставить иконку ГАЗ, есть сообщения, нет сообщений
Форум технической поддержки ГАЗ - http://gaz-autoclub.ru
СПб клуб автолюбителей Chery amulet - http://cheryspbclub.luckbb.ru/index.php

Аватара пользователя
eska

Re: Стиль CA_Forum

eska 28 окт 2014, 17:36 Сообщение

Можно сделать на примере ваших иконок, например объединить эту:
Изображение и эту
Изображение

И получится что то виде того, что и у вас и поставить для каждого форума такую иконку, должно получится не плохо
Форум технической поддержки ГАЗ - http://gaz-autoclub.ru
СПб клуб автолюбителей Chery amulet - http://cheryspbclub.luckbb.ru/index.php

Аватара пользователя
OJIeG

Re: Стиль CA_Forum

OJIeG 28 окт 2014, 17:39 Сообщение

А у этого стиля могильный вид есть? Если есть можно посмотреть ?

Аватара пользователя
CabinetAdmin

Re: Стиль CA_Forum

CabinetAdmin 28 окт 2014, 17:40 Сообщение

eska » 10 минут назад писал(а):Это не совсем понял...

Перед. Между предыдущим стилем и следующим, тем который нашли.

eska » 9 минут назад писал(а):есть сообщения, нет сообщений

При новых сообщениях, названия форумов подчёркиваются красной чертой.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
eska

Re: Стиль CA_Forum

eska 28 окт 2014, 17:48 Сообщение

Сделал предыдущие правки, только иконка не появилась((
Изображение
Форум технической поддержки ГАЗ - http://gaz-autoclub.ru
СПб клуб автолюбителей Chery amulet - http://cheryspbclub.luckbb.ru/index.php

Аватара пользователя
CabinetAdmin

Re: Стиль CA_Forum

CabinetAdmin 28 окт 2014, 17:49 Сообщение

eska » 3 минуты назад писал(а):например объединить

В принципе можно попробовать, код отвечающий за добавляемую картинку:

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

<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->

Можно попробовать заменить на:

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

<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image" style="background: url('{forumrow.FORUM_FOLDER_IMG_SRC}') no-repeat 0 0;">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->


В стилях к .forum-image { добавить padding: 6px;.

Изображения
Изображение Изображение
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «Стили phpBB3»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя