Аватара пользователя 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, 18:37 Сообщение

Сорри, появились но как описание,Ю а можно реализовать как я показал на скриншоте?
  • 0

CabinetAdmin 11 фев 2015, 19:13 Сообщение

Чтобы надпись была напротив иконки?

Можно перед:

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

<!-- IF forumrow.FORUM_IMAGE -->
Добавить:

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

<!-- IF forumrow.CLICKS --><span class="redirect">{L_REDIRECTS}: {forumrow.CLICKS}</span><!-- ENDIF -->
В тему:

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

.redirect {
	float: right;
}
Плюс по месту, шрифты, размер и тд...
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 26 фев 2015, 08:23 Сообщение

Вот что меня тревожит, когда звходишь в папку входящих ЛС писем, не видно что уже прочитано, а что новое:
Стиль CA_Forum - caforum.jpg
Это можно как-то исправить?
  • 0

CabinetAdmin 26 фев 2015, 10:01 Сообщение

А стоит? Если ты уже настроился переходить на новую версию?
eska писал(а): Это можно как-то исправить?
Не знаю, надо смотреть есть ли условия. В оригинале наличие новых сообщений выводится картинкой. Картинка прописана просто в шаблоне {messagerow.FOLDER_IMG_SRC}, без всяких условий.


зы. Попробуй добавить в ucp_pm_viewfolder к class="block-post":

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

<!-- IF messagerow.S_PM_UNREAD --> unread-pm<!-- ENDIF -->
Ну и в тему, куда нибудь:

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

.unread-pm {
	/* Какой нибудь код */
}
Код можно взять с .unread h3 a {, тот что в links.css.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 26 фев 2015, 11:57 Сообщение

CabinetAdmin писал(а): А стоит? Если ты уже настроился переходить на новую версию?
Есть некоторые условия, которые пока меня останавливают (в прошлой теме)
  • 0

eska 26 фев 2015, 20:17 Сообщение

Стиль CA_Forum - Screenshot_2015-02-26-20-14-01.jpeg
Не как е могу избавится от одного не прочитанного лс сообщения. Все папки подчистил. Кэш тоже. Может что посоветуете?
В профиле показывает как одно входящее, но папка вся пустая.
  • 0

CabinetAdmin 26 фев 2015, 20:46 Сообщение

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

eska 26 фев 2015, 21:26 Сообщение

В том то и дело, что папка была не забита, но глюк произошёл, может есть способ её очистить от этого сообщения?
  • 0

CabinetAdmin 26 фев 2015, 22:55 Сообщение

Первым делом можно попробовать всё синхронизовать.

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

eska 27 фев 2015, 07:31 Сообщение

Буду экспериментировать.
  • 0

eska 03 мар 2015, 22:10 Сообщение

Есть несколько вопросов по overal_footer
Если поглядеть на моёс форуме ГАЗ клуба, то видно что, майл счётчик упал куда-то вниз, вот кусок кода:

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

<!-- begin of Top100 code -->

<a href="http://top100.rambler.ru/navi/2894089/">
<img src="http://counter.rambler.ru/top100.cnt?2894089" alt="Rambler's Top100" border="0" />
</a>

<!-- end of Top100 code -->
		</div>
	</div>

	<!-- IF not S_IS_BOT --><div class="clear">{RUN_CRON_TASK}</div><!-- ENDIF -->
	<span class="goup"><a href="#phpbb" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></span>

<!-- Rating@Mail.ru counter -->
<script type="text/javascript">
var _tmr = _tmr || [];
_tmr.push({id: "2254009", type: "pageView", start: (new Date()).getTime()});
(function (d, w) {
   var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true;
   ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js";
   var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
   if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
})(document, window);
</script><noscript><div style="position:absolute;left:-10000px;">
<img src="//top-fwz1.mail.ru/counter?id=2254009;js=na" style="border:0;" height="1" width="1" alt="Рейтинг@Mail.ru" />
</div></noscript>
<!-- //Rating@Mail.ru counter -->

<!-- Rating@Mail.ru logo -->
<a href="http://top.mail.ru/jump?from=2254009">
<img src="//top-fwz1.mail.ru/counter?id=2254009;t=295;l=1" 
style="border:0;" height="31" width="38" alt="Рейтинг@Mail.ru" /></a>
<!-- //Rating@Mail.ru logo -->
</footer>

<!-- INCLUDE scripts_footer.html -->

</body>
</html>
Не подскажите где ошибка?
И ещё, почему в начале футера стоит это:

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

</section>
</section>
Оно нужно и какую роль оно играет?
  • 0

CabinetAdmin 04 мар 2015, 08:53 Сообщение

eska писал(а): И ещё, почему в начале футера стоит это
Как зачем? Закрывающие теги, в хедере открываются, в футере закрываются.

А вообще, для подобной информации в футере есть специальное место, у тебя там сейчас style ca_forum написано.
eska писал(а): майл счётчик упал куда-то вниз
Может потому, что ты добавил его в самый низ? Добавь его после <!-- end of Top100 code -->, будет рядом.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 04 мар 2015, 09:57 Сообщение

CabinetAdmin писал(а): в хедере открываются, в футере закрываются.
Дак он открывается и закрывается в футере
  • 0

eska 04 мар 2015, 10:01 Сообщение

CabinetAdmin писал(а): Может потому, что ты добавил его в самый низ?
Ошибку понял, исправился:)
  • 0

Похожие темы