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

eska 11 янв 2015, 15:02 Сообщение

Можно ли в определённые места заднего фона добавить например машины газ блеклого вида, что бы как-то разбавить фон?
  • 0

eska 11 янв 2015, 15:07 Сообщение

Например вот сюда запихать значок газ, но не яркого, а тусклого оттенка.
Стиль CA_Forum - Безымянный.jpg
  • 0

CabinetAdmin 11 янв 2015, 15:57 Сообщение

Для body добавить картинку, например:

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

	background-image: url('image.jpg');
	background-position: 100% 100px;
	background-repeat: no-repeat;
Процентами выставить по месту.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 11 янв 2015, 16:58 Сообщение

Спасибо огромное, и так можно бесконечно добавлять?
  • 0

eska 11 янв 2015, 18:30 Сообщение

Помните мы с вами на главной странице форума, делали разделения категорий, то есть форумы из категории мы прилепляли друг к другу, а категории раздвигали
Стиль CA_Forum - ajhevs.jpg
Можно ли тоже самое сделать в самой теме?
Но, что бы важные, прилепленные и обычные были разъединены друг от друга (небольшой "паузой"), но в тоже время прилеплены если их несколько в своей категории? например:
3 важных темы (прилеплены друг к другу)
отступ
3 прилепленные темы (прилеплены друг к другу)
отступ
Обычные темы (прилеплены друг к другу)

Мне кажется это сложная задача...
  • 0

CabinetAdmin 11 янв 2015, 21:08 Сообщение

По категориям не будет. Может и будет, но надо сначала посмотреть по условиям.

В viewforum_body:

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

<div role="main">
заменить на

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

<div class="topicrow">
В стили, можно куда нибудь в content.css:

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

.topicrow .block-post {
	border-top: 0;
	padding-left: 20px;
	border-radius: 0;
	margin: 0;
}

.topicrow .block-post:first-of-type {
	border-top: 1px solid #eaeaea;
	border-radius: 3px 3px 0 0;
}

.topicrow .block-post:last-of-type {
	border-radius: 0 0 3px 3px;
}

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

eska 11 янв 2015, 21:29 Сообщение

Вот так очень хорошо, можно даже прилепленные темы не отделять, а можно ли как-то Важные темы покрасить в лёгкий зеленоватый оттенок?
типа того, только ещё светлее, что бы не особо в глаза бросалось, если можно, то с цветом я сам запрягусь, а вот условия буду рад видеть:) Если конечно это реально:)
  • 0

CabinetAdmin 11 янв 2015, 21:41 Сообщение

Это чуть ниже, сразу после класса block-post добавить:

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

<!-- IF topicrow.S_POST_GLOBAL --> global-announce<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF -->
В колор.кцц:

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

.global-announce {
	background-color: #fff;
}

.announce {
	background-color: #fff;
}

.sticky {
	background-color: #fff;
}
Можно для каждого типа свой цвет сделать. Тут объявления, важные и прилепленные темы.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 11 янв 2015, 21:52 Сообщение

В color.css нужно просто добавить куда-нибудь?

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

.global-announce {
	background-color: #B0C4DE;
}
Чего не получается(
  • 0

CabinetAdmin 11 янв 2015, 21:53 Сообщение

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

eska 11 янв 2015, 21:57 Сообщение

Я правильно понимаю

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

.global-announce {
	background-color: #B0C4DE;
}
Это в конец, отвечает за важные темы?
  • 0

eska 12 янв 2015, 10:16 Сообщение

Вчера попробовал установить этот мод http://cabinetadmina.ru/viewtopic.php?f ... 436#p67413
В итоге всё по слетало к едрени фени, сегодня сделал бэкап шаблонов, но есть маленький нюанс
Вот это не как не восстановить
Стиль CA_Forum - Безымянный.jpg
Вроде и тему перечитал, не нашёл ответа((
  • 0

CabinetAdmin 12 янв 2015, 15:28 Сообщение

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

eska 12 янв 2015, 16:22 Сообщение

Странно(
  • 0

eska 12 янв 2015, 17:09 Сообщение

Ну не знаю, я даже с эксплорера пробовал, тоже самое((
  • 0

Похожие темы