Аватара пользователя 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

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

OJIeG » 9 минут назад писал(а):А у этого стиля могильный вид есть?
Стиль адаптивный. На мобильном он будет выглядеть, ну почти как мобильный.
eska » менее минуты назад писал(а):только иконка не появилась
Должна появиться. :unknown Может кэш?
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

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

CabinetAdmin писал(а):
OJIeG » 9 минут назад писал(а):А у этого стиля могильный вид есть?
Стиль адаптивный. На мобильном он будет выглядеть, ну почти как мобильный.
А можно ссылку на стиль ?
  • 0

CabinetAdmin 28 окт 2014, 18:08 Сообщение

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

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

А ясно спасибо
  • 0

eska 28 окт 2014, 20:12 Сообщение

CabinetAdmin
Правки сделал, изменений нет!
Изображения нужно куда-то добавлять?
  • 0

CabinetAdmin 28 окт 2014, 21:27 Сообщение

Те два изображения в папку imageset. И заменить их в "Наборы рисунков" или в файле imageset.cfg:

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

img_forum_link = forum_link.gif*27*27
img_forum_read = forum_read.gif*27*27
img_forum_read_locked = forum_read_locked.gif*27*27
img_forum_read_subforum = forum_read_subforum.gif*27*27
img_forum_unread = forum_unread.gif*27*27
img_forum_unread_locked = forum_unread_locked.gif*27*27
img_forum_unread_subforum = forum_unread_subforum.gif*27*27
Плюс, нужно добавить к каждому форуму картинку, иначе не будет показываться.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 28 окт 2014, 21:37 Сообщение

Кстати странная вещь, при нажатии набор рисунков в этом стиле, высвечивается вот это:
Изображение
С остальным попробую разобраться, хотя не очень понимаю(((
CabinetAdmin » 7 минут назад писал(а):Те два изображения в папку imageset
Это положил, с остальным буду разбираться
  • 0

eska 28 окт 2014, 21:52 Сообщение

CabinetAdmin » 21 минуту назад писал(а):И заменить их
CabinetAdmin » 21 минуту назад писал(а):в файле imageset.cfg:

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

img_forum_link = forum_link.gif*27*27
img_forum_read = forum_read.gif*27*27
img_forum_read_locked = forum_read_locked.gif*27*27
img_forum_read_subforum = forum_read_subforum.gif*27*27
img_forum_unread = forum_unread.gif*27*27
img_forum_unread_locked = forum_unread_locked.gif*27*27
img_forum_unread_subforum = forum_unread_subforum.gif*27*27
Но у меня есть уже такое...
Или нужно на что-то другое заменить?
  • 0

eska 28 окт 2014, 21:54 Сообщение

CabinetAdmin » 24 минуты назад писал(а):Плюс, нужно добавить к каждому форуму картинку, иначе не будет показываться.
Каким образом?
  • 0

CabinetAdmin 29 окт 2014, 16:00 Сообщение

eska » Вчера, 23:52 писал(а):Но у меня есть уже такое...
Или нужно на что-то другое заменить?
Наборы изображений обычно меняются либо в админке, либо в файле imageset.cfg, в указанном мною месте. Потом обновляется набор и чистится кеш. Я предпочитаю менять в imageset.cfg.


Такс... Давайте по новому. Ты хочешь заменить стандартные изображения Изображение? Они показывают наличие новых сообщений, наличие подфорумов и тп. Заменить на такие:
Изображение Изображение
И что бы внутри них были такие картинки Изображение? Но не показывающие наличие новых сообщений и тп.?

Если так, то как я описывал выше.
Можно просто скопировать эти два изображения в папку imageset, в файле imageset.cfg:

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

img_forum_link = forum_link.gif*27*27
img_forum_read = forum_read.gif*27*27
img_forum_read_locked = forum_read_locked.gif*27*27
img_forum_read_subforum = forum_read_subforum.gif*27*27
img_forum_unread = forum_unread.gif*27*27
img_forum_unread_locked = forum_unread_locked.gif*27*27
img_forum_unread_subforum = forum_unread_subforum.gif*27*27
заменить те части, что после равно на новое имя изображения и его размеры. Если имя картинок forum-unread-2.png и forum-read-2.png, то вроде такого:

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

img_forum_link = forum-read-2.png*65*65
img_forum_read = forum-read-2.png*65*65
img_forum_read_locked = forum-read-2.png*65*65
img_forum_read_subforum = forum-read-2.png*65*65
img_forum_unread = forum-unread-2.png*65*65
img_forum_unread_locked = forum-unread-2.png*65*65
img_forum_unread_subforum = forum-unread-2.png*65*65
Ну и после добавить к форумам изображение газовского значка:
Изображение

Так можно к каждому форуму поставить разные значки, главное чтобы они были все одно размера.
А если не охота, то установить для всех форумов одно изображение, вместо:

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

<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
сделать:

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

<span class="forum-image" style="background: url('{forumrow.FORUM_FOLDER_IMG_SRC}') no-repeat 0 0;"><img src="{T_THEME_PATH}/images/gaz.png" alt="" /></span>
eska писал(а):высвечивается вот это
Чего-то не захотело у меня такое показывать :(
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 29 окт 2014, 16:20 Сообщение

Подскажи пожалуйста, не как не могу поставить значёк, выдаёт ошибку:
Изображение
На скринште показано, адрес и сама картинка.
Вот результат:
Изображение
Изображение
И всё тут(((( как быть-то...
  • 0

eska 29 окт 2014, 16:43 Сообщение

Если ввести в адресной строке: [hide]http://gaz-autoclub.ru/styles/ca_forum/ ... f_new1.png[/hide] то всё отображается, вставляешь туда и фиг, ошибку показывает((
  • 0

CabinetAdmin 29 окт 2014, 17:12 Сообщение

eska » 24 минуты назад писал(а):Если ввести в адресной строке
Тут путь в theme/images/, а выше на скриншоте imageset/. Попробовать указать тот путь что в theme/images/.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 29 окт 2014, 17:18 Сообщение

CabinetAdmin
Я после залил в theme/images и всё равно не пашет, при том, что по ссылке открывается иконка! Что за ерунда! :oops:
  • 0

CabinetAdmin 29 окт 2014, 18:40 Сообщение

Дык, по ссылке адрес иконки начиная с пути http://gaz-autoclub.ru, а на скриншоте с domains/. Адрес должен быть относительно корневой папки phpBB, начиная с styles/ca_forum/...
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Похожие темы