Всплывающее описание для категорий

Hope

Premium
Сообщения
48,305
Решения
22
Реакции
71,872
Баллы
40,905
В шаблоне node_category_level_1 находим:
Код:
<div class="categoryText">
<h3 class="nodeTitle"><a href="{xen:link categories, $category}">{$category.title}</a></h3>
<xen:if is="{$category.description}"><blockquote class="nodeDescription baseHtml">{xen:raw $category.description}</blockquote></xen:if>
</div>

И заменяем на:
Код:
<div class="categoryText">
<h3 class="nodeTitle"><a href="{xen:link categories, $category}" data-description="{xen:if @nodeListDescriptionTooltips, '#nodeDescription-{$category.node_id}'}">{$category.title}</a></h3>
<xen:if is="{$category.description} AND @nodeListDescriptions">
<blockquote class="nodeDescription baseHtml" id="nodeDescription-{$category.node_id}">{xen:raw $category.description}</blockquote>
</xen:if>
</div>
 
Последнее редактирование:
Так это ведь стандартная функция, нет?
 
Нет. Описания по-умолчанию отображаются под названиями категорий. :)
 
Нет. Описания по-умолчанию отображаются под названиями категорий. :)
Правда? По моему я не менял код, сейчас посмотрел на форуме как на картинке отображается, ну или я не помню
 
Да, у меня версия 1.1.3 и описание тоже отображается справа от категории.

Хотя похоже я перепутал, ТС указал как сделать, чтобы отображалось описание категорий, а я про разделы вначале подумал. )) Невнимательность чёрт бы её побрал ))
 
  • Мне нравится
Реакции: Hope
Что то непонятное у меня в шаблоне.
Если использовать

PHP:
<div class="categoryText">
<h3 class="nodeTitle"><a href="{xen:link categories, $category}" data-description="{xen:if @nodeListDescriptionTooltips, '#nodeDescription-{$category.node_id}'}">{$category.title}</a></h3>
<xen:if is="{$category.description} AND @nodeListDescriptions">
<blockquote class="nodeDescription baseHtml" id="nodeDescription-{$category.node_id}">{xen:raw $category.description}</blockquote>
</xen:if>
</div>
То отображается как и должнО, в виде всплывающего окна. А если оставить по стандарту, то вообще ни в какую не появляется это описание... Галочки смотрел, "отображать описание" стоят... Посмотрел в CSS вроде всё тоже... только в EXTRA.CSS наворочено немеренно
UPD: нашёл в чём причина.
если нужно, отпишусь как починить
 
Последнее редактирование:
Решилось всё опытным путём.
Открываем node_list.css и ищем код /* description tooltip */
от этого места заменяем всё до /* node stats area */
вот этим кодом
HTML:
/* description tooltip */

.nodeDescriptionTip
{
    @property "nodeDescriptionTip";
    padding: 4px 10px;
    margin-top: -22px;
    line-height: 1.5;
    width: 350px;
    height: auto;
    @property "/nodeDescriptionTip";
}

    .nodeDescriptionTip .arrow
    {
        @property "nodeDescriptionTipArrow";
        border: 6px solid transparent;
        border-right-color: @tooltip.background-color;
        border-left: 1px none black;
        top: 6px;
        left: -6px;
        bottom: auto;
        @property "/nodeDescriptionTipArrow";
    }
   
    .nodeDescriptionTip.arrowBottom .arrow
    {
        top: auto;
        left: 10px;
        bottom: -6px;
        border: 6px solid transparent;
        border-top-color: @tooltip.background-color;
        border-bottom: 1px none black;
    }
   
/* main area - used for L2 categories and most other nodes */

.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo
{
    @property "primaryContent";
    background-color: @contentBackground;
    padding: 10px;
    border-bottom: 1px solid @primaryLighterStill;
    @property "/primaryContent";
   
    padding: 0;
}

/* category strip - used for L1 categories and group headers */

.nodeList .categoryStrip
{
    @property "subHeading";
    font-size: 11px;
    color: @secondaryDarker;
    background: @secondaryLighter url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 5px 10px;
    margin: 3px auto 0;
    border-top: 1px solid @secondaryLighter;
    border-bottom: 1px solid @secondaryLight;
    @property "/subHeading";
   
    @property "categoryStrip";
    padding: 5px 10px;
    margin: 0;
    border-bottom-color: @subHeading.border-bottom-color;
    border-radius: 5px;
    min-height: 6px;
    @property "/categoryStrip";
}

    .nodeList .categoryStrip .nodeTitle
    {
        @property "categoryStripTitle";
        font-size: 10pt;
        color: @secondaryDarker;
        @property "/categoryStripTitle";
    }
   
        .nodeList .categoryStrip .nodeTitle a
        {
            color: @categoryStripTitle.color;
        }

    .nodeList .categoryStrip .nodeDescription
    {
        @property "categoryStripDescription";
        font-size: 10px;
        color: @secondaryDarker;
        @property "/categoryStripDescription";
    }
   
        .nodeList .categoryStrip .nodeDescription a
        {
            color: @categoryStripDescription.color;
        }

.nodeList .node.groupNoChildren + .node.groupNoChildren .categoryStrip
{
    display: none;
}

/* node stats area */
После этого заголовки разделов будут отображаться как в дефолтовом шаблоне
Настройки шрифта, размера и цвета для заголовков и описания разделов находятся по адресу
Внешний вид --> стили --> %название шаблона% --> настройки стиля --> Список разделов/узлов --> Заголовок полосы категории и описание полосы категории.
 
ой ребят какой спойлер сверху красивый!
скажите пожалуйста какой здесь установлен)))? извините за оффтопик
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу