Страница 1 из 22

Стиль CA_Forum

Добавлено: 25 окт 2014, 14:19
CabinetAdmin
Стиль 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.

Re: Стиль CA_Forum

Добавлено: 25 окт 2014, 18:05
GoDFaTHeR
Вы не состоите в группах, которым доступен этот текст.

Re: Стиль CA_Forum

Добавлено: 28 окт 2014, 16:44
eska
Как видно, блоки не раздвигаются от кол-ва подфорумов, можно это как-то исправить?Изображение

Re: Стиль CA_Forum

Добавлено: 28 окт 2014, 16:56
CabinetAdmin
Подфорумы в столбик...
В файле content.css найти:

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

.block-post header h3 a:hover {color: #666;}
и добавить после:

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

.block-post footer {
overflow: hidden;
}

Re: Стиль CA_Forum

Добавлено: 28 окт 2014, 17:01
eska
CabinetAdmin, Спасибо, всё отлично работает!
Можно ли иконки поставить к форумам, те, что у меня были на газ клубе?

Re: Стиль CA_Forum

Добавлено: 28 окт 2014, 17:14
CabinetAdmin
Можно. Но теряется весь смысл дизайна.

В файле 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 отступ слева.

Re: Стиль CA_Forum

Добавлено: 28 окт 2014, 17:16
eska
У вас же на презентации, были иконки, вроде и смотрится хорошо:)

Re: Стиль CA_Forum

Добавлено: 28 окт 2014, 17:24
CabinetAdmin
Там изображения форума. Значок форума добавляемый при редактировании форума. У каждого форума своя картинка.

Re: Стиль CA_Forum

Добавлено: 28 окт 2014, 17:25
eska
» 1 минуту назад писал(а):и добавить перед:
Это не совсем понял... нужно добавить то, что ниже, перед .forabg { или как?

Re: Стиль CA_Forum

Добавлено: 28 окт 2014, 17:27
eska
CabinetAdmin, Я просто хотел для всех форумов поставить иконку ГАЗ, есть сообщения, нет сообщений

Re: Стиль CA_Forum

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

И получится что то виде того, что и у вас и поставить для каждого форума такую иконку, должно получится не плохо

Re: Стиль CA_Forum

Добавлено: 28 окт 2014, 17:39
OJIeG
А у этого стиля могильный вид есть? Если есть можно посмотреть ?

Re: Стиль CA_Forum

Добавлено: 28 окт 2014, 17:40
CabinetAdmin
eska » 10 минут назад писал(а):Это не совсем понял...
Перед. Между предыдущим стилем и следующим, тем который нашли.
eska » 9 минут назад писал(а):есть сообщения, нет сообщений
При новых сообщениях, названия форумов подчёркиваются красной чертой.

Re: Стиль CA_Forum

Добавлено: 28 окт 2014, 17:48
eska
Сделал предыдущие правки, только иконка не появилась((
Изображение

Re: Стиль CA_Forum

Добавлено: 28 окт 2014, 17:49
CabinetAdmin
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;.

Изображения
Изображение Изображение