Скрытие экспортируемого контента поста в топике
Если вы хотите, чтобы что-либо (описания, превью-картинка или иконки и надписи) отображались только на странице списка тем, но НЕ отображались в тексте сообщения, вы можете легко скрыть любой блок через CSS:

.post-content .tl-descr {display: none;} /* скрывает блок с описанием НАД картинкой */
.post-content .tl-details {display: none;} /* скрывает блок с описанием ПОД картинкой */
.post-content .tl-pic {display: none;} /* скрывает превью картинки */
.post-content .tl-icon {display: none;} /* скрывает иконки */

Удалите ненужные вам строчки и вставьте это в свой стиль или html-верх внутри тегов <style></style>

Таким образом блоки не будут отображаться в контенте поста, то есть вы можете делать, например, "скрытые" обложки для тем, которые не видны пользователям в сообщении, но отображаются в списке тем.

Также помните, что порядок расположения тегов в посте НЕ влияет на страницу списка тем.
Блоки, которые экспортируют контент в список тем, в самом топике могут отображаться в любом нужном вам порядке: хоть в начале, хоть в конце, хоть в середине.
Например, вам не нужно вставлять блок tl-descr НАД картинкой, чтобы в списке тем он отображался там же. Вы можете начать с картинки и вставить описание под ней или даже в самом конце сообщения.

Если вы используете аджакс - поставьте следующий скрипт в html-низ.

Код:

<!-- Убираем аджакс в первом посте (Ультимативный список тем) -->
<script>
if (loadForumdForums === 1) {
var found = false;
$('#pun-crumbs1 .crumbs a[href*="/viewforum.php?"]').each(function() {
  var href = $(this).attr('href');
  var forumIdMatch = href.match(/\/viewforum\.php\?id=(\d+)/);
  if (forumIdMatch && loadForumdId.includes(parseInt(forumIdMatch[1]))) {found = true;return false;}
});
if (found) {$('.topicpost .pl-edit').removeClass('edit-ajax');}
} else {$('.topicpost .pl-edit').removeClass('edit-ajax');}
</script>

Он убирает аджакс-редактирование в первом посте, таким образом при попытке редактировать его вы будете перекинуты на отдельную страницу, где инструментарий будет отображаться.
Редактирование остальных постов этот скрипт не трогает. А также он не трогает первые посты в форумах, где отключен скрипт (если вы включили опцию, чтобы скрипт работал только в заданном списке форумов).

Настройка инструментария

В форме ответа находится следующий HTML-код:

<div id="forumd-form" class="hide">
  <h5>Теги для экспорта контента в список тем</h5>
  <div class="tags picture"><label>Превью картинки темы</label></div>
  <div class="tags descr"><label>Краткое описание (НАД картинкой)</label></div>
  <div class="tags details"><label>Подробное описание (ПОД картинкой)</label></div>
  <div class="tags icons"><label>Иконка темы (или надпись)</label></div>
  <div class="tags classes">
    <label>Экстра классы (для стилизации темы)</label>
    <i>Внутрь блока класса можно вставлять иконки (альтернатива предыдущему пункту).</i>
  </div>
</div>

Кнопки будут отображаться внутри блоков tags.
Заголовки помещены в тег <label> - вы можете поменять их на свои или удалить, если они вам не нужны.
Вы можете вставлять свои заголовки, дополнения и пояснения как внутрь этих блоков, так и между ними в формате html - они будут отображаться в инструментарии.

Если вам НЕ нужен какой-либо из блоков, достаточно просто удалить его из HTML кода.

Далее идет скрипт, который отвечает за вставку кнопок в блоки, где каждый "комплект" тегов вставляется в свой блок:
var tagPictureData - вставляет кнопки в блок picture
var tagDescrData - вставляет кнопки в блок descr
var tagDetailsData - вставляет кнопки в блок details
var tagIconsData - вставляет кнопки в блок icons
var tagClassesData - вставляет кнопки в блок classes

Вставка кнопок осуществляется следующим образом:

var tagPictureData = [
  { name: 'название кнопки', code: 'начало бб-тега,конец бб-тега' },
  { name: 'название кнопки', code: 'начало бб-тега,конец бб-тега' }
];

В конце каждой строчки надо ставить запятую после фигурной скобки: },
В конце ПОСЛЕДНЕЙ строчки запятую ставить НЕЛЬЗЯ.

В качестве названия кнопки можно вставлять не только текст, но и html, например:
<img src="http://forumupload.ru/uploads/001c/05/8a/2/89399.png"> - вставит картинку

Далее вставляется бб-код, который будет вставлен в форму ответа по клику на кнопку:

начало бб-тега,конец бб-тега

Там, где стоит запятая будет помещен курсор для вставки контента.

Например:

Код:

[block="tl-descr"]введите описание темы,[/block]

Если вам не нужна вторая часть бб-кода (то есть вы хотите, чтобы курсор был перемещен в конец тега), ставьте код следующим образом:

ваш бб-тег,

Например:

Код:

[block="tl-icon"][img]http://forumupload.ru/uploads/001c/05/8a/2/89399.png[/img][/block],

Без запятой в строке тега скрипт НЕ работает.

Отображение дополнительных иконок тем
В скрипте есть обширные опции установки кастомной иконки для темы:

Код:

var iconForumdPlace = 0;
// 0 - новый блок под названием (оптимально для позиционирования в нестандартной верстке)
// 1 - новый блок рядом со стандартной иконкой (оптимально для доп.иконок при табличной верстке)
// 2 - внутри блока стандартной иконки (оптимально для доп. мини-иконок или замены стандартной иконки)
// 3 - перед заголовком (оптимально для мини-иконок и надписей)
// 4 - после заголовка (оптимально для мини-иконок и надписей)
// 5 - в блок картинки (не отображаются если нет картинки, оптимально для доп. иконок и надписей)

Зачем это нужно? Для создания стиля отображения иконки - таким образом будет проще верстать страницу списка тем в зависимости от того, какого эффекта вы хотите добиться.

---

ВНИМАНИЕ! Если вам нужна помощь по созданию дизайна для иконок, вы можете обратиться за помощью в раздел бесплатной техподдержки или заказать верстку страницы тем.

---

Настройка и описание	Пример отображения	Пример кода стиля
0 - новый блок под названием Создается новый блок <div class="forumd-icon"></div> под названием топика. Эта опция оптимальна для нестандартной верстки, и.к. позволяет через позиционирование перемещать иконку в любые места строки топика, не затрагивая при этом описания. Также эта опция может использоваться не как иконка, а как дополнительные надписи под названием тем по аналогии с описаниями.		с таким кодом можно создавать абсолютно любые стили, все зависи от вашей фантазии
1 - новый блок рядом со стандартной иконкой Рядом со станадартной иконкой <div class="icon"></div> появляется блок кастомной иконки. Эта опция оптимальна, если вы хотите, чтобы дополнительные иконки вставали рядом со стандартной или рядом с заголовком топика.		Код: /* Иконка рядом со стандартной */ #pun .punbb .main .tcl {padding-left: 55px; position: relative;} #pun .punbb div.icon {position: absolute; left: 10px; top: 10px; margin: 0;} #pun .punbb td div.tclcon {margin-left: 0;} .forumd-tr .forumd-icon p {display: none;} .forumd-tr .forumd-icon div p {display: inline;} .forumd-tr .forumd-icon div, .forumd-tr .forumd-icon img {width: 24px; height: 24px;} #pun .punbb .main .forumd-tr .tcl {padding-left: 10px;} #pun .punbb .forumd-tr div.icon {margin: -8px 8px 3px 0; position: unset;} .forumd-tr .forumd-icon div {margin: -2px 8px 3px 0;} .forumd-tr .forumd-icon div {float: left;} .forumd-tr .forumd-topic {margin: 14px 0 0;}
2 - внутри блока стандартной иконки Помещает блок иконки ВНУТРИ блока станадартной иконки <div class="icon"></div>. Эта опция оптимальна, если вы хотите, чтобы кастомные иконки как-то взаимодействовали со стандартной. Например, можно заменять стандартную иконку своей или можно сделать кастомные иконки в виде дополнительной мини-иконки поверх стандартной.		Код: /* Своя иконка ВМЕСТО стандартной */ #pun .punbb .main .tcl {padding-left: 55px; position: relative;} #pun .punbb div.icon {position: absolute; left: 10px; top: 10px; margin: 0;} #pun .punbb td div.tclcon {margin-left: 0;} .punbb .forumd-tr div.icon {background: none !important;} .punbb .forumd-tr .tcl .icon .forumd-icon, .forumd-tr .tcl .icon .forumd-icon img { width: auto; height: auto; max-width: 36px; max-height: 36px; }
		Код: /* Мини-иконка темы НА стандартной */ #pun .punbb .main .tcl {padding-left: 55px; position: relative;} #pun .punbb div.icon {position: absolute; left: 10px; top: 10px; margin: 0;} #pun .punbb td div.tclcon {margin-left: 0;} .forumd-tr .tcl .icon .forumd-icon, .forumd-tr .tcl .icon .forumd-icon img {width: 16px; height: 16px;} .forumd-tr .tcl .icon .forumd-icon {position: absolute; left: 0; top: 0; overflow: hidden;}
3 - перед заголовком Помещает иконку в НАЧАЛО блока <div class="tclcon"></div>, где назодится заголовок темы. В отличие от предыдущих вариантов, иконка находится не в блоке, а внутри <span class="forumd-icon"></span>. Эта опция позволит вам отображать иконки или надписи как инлайн-элементы ПЕРЕД заголовком темы.		Код: /* Иконка перед заголовком */ #pun .punbb .main .tcl {padding-left: 55px; position: relative;} #pun .punbb div.icon {position: absolute; left: 10px; top: 10px; margin: 0;} #pun .punbb td div.tclcon {margin-left: 0;} .forumd-tr .tcl .forumd-icon div {display: inline;} .forumd-tr.tcl .forumd-icon img {width: 20px; height: 20px; margin-right: 5px; position: relative; top: 5px;} .forumd-tr .tclcon, .forumd-tr .forumd-icon p {line-height: 20px;}
4 - после заголовка Помещает иконку в КОНЕЦ блока <div class="tclcon"></div>, где назодится заголовок темы. В отличие от предыдущих вариантов, иконка находится не в блоке, а внутри <span class="forumd-icon"></span>. Эта опция позволит вам отображать иконки или надписи как инлайн-элементы ПОСЛЕ заголовка темы.		Код: /* Иконка после заголовка */ #pun .punbb .main .tcl {padding-left: 55px; position: relative;} #pun .punbb div.icon {position: absolute; left: 10px; top: 10px; margin: 0;} #pun .punbb td div.tclcon {margin-left: 0;} .forumd-tr .tcl .forumd-icon div {display: inline;} .forumd-tr .tcl .forumd-icon img {width: 20px; height: 20px; margin-left: 5px; position: relative; top: 5px;} .forumd-tr .tcl .forumd-icon p {margin-left: 5px;} .forumd-tr .tclcon, .forumd-tr .forumd-icon p {line-height: 20px;}
5 - в блок картинки Помещает иконку ВНУТРИ блока картинки <div class="forumd-pic"></div>, который появляется при наличии превью картинки топика. Если у темы НЕТ превью картинки (импортированной или картинки по умолчанию), то иконка добавляться не будет. Эта опция позволит позиционировать иконки, надписи и прочий контент внутри блока картинки.		Код: /* Иконки и надписи блоке картинки */ #pun .punbb .main .tcl {padding-left: 55px; position: relative;} #pun .punbb div.icon {position: absolute; left: 10px; top: 10px; margin: 0;} #pun .punbb td div.tclcon {margin-left: 0;} .forumd-pic {position: relative;} .forumd-pic .forumd-icon .sign { position: absolute; padding: 6px 50px; display: inline-block; background: #326d42; transform: rotate(-40deg); text-transform: uppercase; font-weight: bold; color: #fff; left: -55px; max-width: 130px; text-align: center; font-size: 11px; top: 30px; font-family: 'Times New Roman'; letter-spacing: 2px; } .forumd-pic .forumd-icon img { width: 40px; height: 40px; position: absolute; right: 5px; top: 5px; display: block; padding: 5px; background: #fff; border-radius: 50%; }

ДЕМО

Экстра-классы - это опцииональная возможность для кастомной настройки дизайна ВСЕЙ строки конкретного топика и, соответственно, любых ее внутренних элементов.

Секрет добавления экстра-класса очень прост - это делается через тег иконки.
Обычно мы вставляем иконку в такой тег:

Код:

[block="tl-icon"]тут, например, картинка или надпись[/block]

Но если вы вставите внутрь этого блока дополнительный блок с своим классом, то этот класс будет добавлен в строку таблицы в списке тем. Пример:

Код:

[block="tl-icon"][block="class5"]тут, например, картинка или надпись[/block][/block]

Этот код добавит class5 к строке топика:

Вы также можете добавить сразу несколько классов:

Код:

[block="tl-icon"][block="class1 class2 class3"]тут, например, картинка или надпись[/block][/block]

ВЕСЬ список классов будет добавлен к строке топика.

Также вставка самой иконки или надписи НЕ ОБЯЗАТЕЛЬНА! вы можете вставить просто пустой блок, чтобы вам добавился экстра-класс, но не вставлялось никакой иконки:

Код:

[block="tl-icon"][block="class1"][/block][/block]

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

ВНИМАНИЕ! Если вам нужна помощь по созданию дизайна для топиков с экстра-классами, вы можете обратиться за помощью в раздел бесплатной техподдержки или заказать верстку страницы тем.