Аватара пользователя CabinetAdmin 25 окт 2014, 14:19

Стиль CA_Forum

Стиль 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.
Комментарии: 328

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

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

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

Как видно, блоки не раздвигаются от кол-ва подфорумов, можно это как-то исправить?Изображение
  • 0

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

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

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

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

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

.block-post footer {
overflow: hidden;
}
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

CabinetAdmin, Спасибо, всё отлично работает!
Можно ли иконки поставить к форумам, те, что у меня были на газ клубе?
  • 0

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 отступ слева.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

У вас же на презентации, были иконки, вроде и смотрится хорошо:)
  • 0

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

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

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

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

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

CabinetAdmin, Я просто хотел для всех форумов поставить иконку ГАЗ, есть сообщения, нет сообщений
  • 0

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

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

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

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

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

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

eska » 10 минут назад писал(а):Это не совсем понял...
Перед. Между предыдущим стилем и следующим, тем который нашли.
eska » 9 минут назад писал(а):есть сообщения, нет сообщений
При новых сообщениях, названия форумов подчёркиваются красной чертой.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

Сделал предыдущие правки, только иконка не появилась((
Изображение
  • 0

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;.

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

Похожие темы