Изменяем иконки для закреплённых и закрытых тем

Hope · 19 Окт 2013

Пользователь Hope разместил новый ресурс:

Изменяем иконки для закреплённых и закрытых тем - Изменяем иконки для закреплённых и закрытых тем.

Код:
Посмотреть вложение 7754

В шаблоне PAGE_CONTAINER находим:

Код:

<head>

И ниже добавляем:

Код:

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

В шаблоне thread_list_item находим:

Код:

<xen:if is="!{$thread.discussion_open}">{xen:phrase locked}</xen:if> <xen:if is="{$thread.sticky}"><span class="sticky" title="{xen:phrase...

Узнать больше об этом ресурсе...

kda · 14 Янв 2015

У меня такой вопрос возник, а как приделать туда же глаз, или он из навигационнных FA подцепляется?

Mirovinger · 15 Янв 2015

Шаблон thread_list_item.
Найти.

Код:

<xen:if is="{$thread.thread_is_watched} OR {$thread.forum_is_watched}"><span class="watched" title="{xen:phrase watched}">{xen:phrase watched}</span></xen:if>

И заменить.

Код:

<xen:if is="{$thread.thread_is_watched} OR {$thread.forum_is_watched}"><span class="icon-eye-open icon-fixed-width"></span></xen:if>

Это под FA 3.2.1.

kda · 15 Янв 2015

Вот новый код:

Код:

<xen:if is="!{$thread.discussion_open}"><span class="fa fa-lock fa-lg"></span></xen:if>

Код:

<xen:if is="{$thread.sticky}"><span class="fa fa-thumb-tack fa-lg"></span></xen:if>

Код:

<xen:if is="{$thread.thread_is_watched} OR {$thread.forum_is_watched}"><span class="fa fa-eye fa-lg"></span></xen:if>

Skaiman · 15 Янв 2015

kda написал(а):
Вот новый код:

Код:

<xen:if is="!{$thread.discussion_open}"></xen:if>

Код:

<xen:if is="{$thread.sticky}"></xen:if>

Код:

<xen:if is="{$thread.thread_is_watched} OR {$thread.forum_is_watched}"></xen:if>

Не будет так работать, иконку видно не будет.

Во первых надо указывать не размер иконки fa-lg:

Код:

<span class="fa fa-lock fa-lg"></span>

А зафиксировать ее ширину в группе fa-fw:

Код:

<span class="fa fa-lock fa-lw"></span>

Во вторых, иконка должна иметь класс float: right для выравнивания справа.

В третьих, научись уже пользоваться правой кнопкой мыши :-) если Mirovinger не посчитал нужным делиться, я тоже не могу лезть вперед батьки :-)

kda · 15 Янв 2015

Skaiman, по умолчанию и так есть float: right

Код:

.discussionListItem .iconKey span
        {
            @property "dicussionListIcon";
            margin-left: 5px;
            text-indent: -10000em;
            float: right;
            background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat 10000px 0;
            width: 16px;
            height: 16px;
            @property "/dicussionListIcon";
        }

C fixed width тоже все понятно, упустил из внимания параметр fa-fw, сейчас все исправил, но все равно не работает

Или я все же не то делаю?

Я только увидел, что тут добавили свой tag span_xfifa

Код:

span_xfifa.fa {
    float: right
}

Я уже запутался, про изменение css никто не говорил в инструкции по добавлению этих иконок, а изменения в шаблоне ничего не дают.

К тому же здесь вырезали всплывающий текст
{xen:phrase locked}
А зачем?

Skaiman, куда это зафигачить, в Extra.css ?

Skaiman · 15 Янв 2015

Лан

Код:

<span_xfifa class="fa fa-lock fa-fw"></span_xfifa>

а в EXTRA.css

Код:

span_xfifa.fa {
    float: right
}

Мануал старый для ранней версии ФА

kda · 15 Янв 2015

Осилил наконец
Для приведения всего в порядок надо сделать вот такие изменения
Добавляем в Extra.css

Код:

span_fa.fa {
    float: right;
}

В шаблоне thread_list_item находим

Код:

<xen:if is="{$thread.isModerated}"><span class="moderated" title="{xen:phrase moderated}">{xen:phrase moderated}</span></xen:if>
<xen:if is="!{$thread.discussion_open}"><span class="locked" title="{xen:phrase locked}">{xen:phrase locked}</span></xen:if>
<xen:if is="{$thread.sticky}"><span class="sticky" title="{xen:phrase sticky}">{xen:phrase sticky}</span></xen:if>
<xen:if is="{$thread.isRedirect}"><span class="redirect" title="{xen:phrase redirect}">{xen:phrase redirect}</span></xen:if>
<xen:if is="{$thread.thread_is_watched} OR {$thread.forum_is_watched}"><span class="watched" title="{xen:phrase watched}">{xen:phrase watched}</span></xen:if>

Меняем на это

Код:

<xen:if is="{$thread.isModerated}"><span_fa class="fa fa-graduation-cap fa-fw" title="{xen:phrase moderated}"></span_fa></xen:if>
<xen:if is="!{$thread.discussion_open}"><span_fa class="fa fa-lock fa-fw" title="{xen:phrase locked}"></span_fa></xen:if>
<xen:if is="{$thread.sticky}"><span_fa class="fa fa-thumb-tack fa-fw" title="{xen:phrase sticky}"></span_fa></xen:if>
<xen:if is="{$thread.isRedirect}"><span_fa class="fa fa-paper-plane fa-fw" title="{xen:phrase redirect}"></span_fa></xen:if>
<xen:if is="{$thread.thread_is_watched} OR {$thread.forum_is_watched}"><span_fa class="fa fa-eye fa-fw" title="{xen:phrase watched}"></span_fa></xen:if>

Далее в шаблоне thread_list_item_deleted находим

Код:

<xen:if is="{$thread.discussion_state} == 'moderated'"><span class="moderated" title="{xen:phrase moderated}">{xen:phrase moderated}</span></xen:if>
<xen:if is="!{$thread.discussion_open}"><span class="locked" title="{xen:phrase locked}">{xen:phrase locked}</span></xen:if>
<xen:if is="{$thread.sticky}"><span class="sticky" title="{xen:phrase sticky}">{xen:phrase sticky}</span></xen:if>
<xen:if is="{$thread.discussion_type} == 'redirect'"><span class="redirect" title="{xen:phrase redirect}">{xen:phrase redirect}</span></xen:if>

Меняем на это

Код:

<xen:if is="{$thread.discussion_state} == 'moderated'"><span_fa class="fa fa-graduation-cap fa-fw" title="{xen:phrase moderated}"></span_fa></xen:if>
<xen:if is="!{$thread.discussion_open}"><span_fa class="fa fa-lock fa-fw" title="{xen:phrase locked}"></span_fa></xen:if>
<xen:if is="{$thread.sticky}"><span_fa class="fa fa-thumb-tack fa-fw" title="{xen:phrase sticky}"></span_fa></xen:if>
<xen:if is="{$thread.discussion_type} == 'redirect'"><span_fa class="fa fa-paper-plane fa-fw" title="{xen:phrase redirect}"></span_fa></xen:if>

Далее приводим в порядок Alerts в теме

Добавляем span_fav в Extra.css, без этого иконки сбиваются в кучу без отступов

Код:

span_fav.fa {
    float: right;
    margin-left: 5px;
    padding-top: 3px;
    font-size: 16px;
}

идем в шаблон thread_view и находим там

Код:

                <xen:if is="{$thread.discussion_state} == 'deleted'">
                    <dd class="deletedAlert">
                        <span class="icon Tooltip" title="{xen:phrase deleted}" data-tipclass="iconTip"></span>
                            {xen:phrase removed_from_public_view}</dd>
                <xen:elseif is="{$thread.discussion_state} == 'moderated'" />
                    <dd class="moderatedAlert">
                        <span class="icon Tooltip" title="{xen:phrase awaiting_moderation}" data-tipclass="iconTip"></span>
                            {xen:phrase awaiting_moderation_before_being_displayed_publicly}</dd>
                </xen:if>

                <xen:if is="!{$thread.discussion_open}">
                    <dd class="lockedAlert">
                        <span class="icon Tooltip" title="{xen:phrase locked}" data-tipclass="iconTip"></span>
                            {xen:phrase not_open_for_further_replies}</dd>
                </xen:if>

Меняем на это

Код:

                <xen:if is="{$thread.discussion_state} == 'deleted'">
                    <dd class="deletedAlert">
                        <span_fav class="fa fa-trash fa-lg Tooltip" title="{xen:phrase deleted}" data-tipclass="iconTip"></span_fav>
                            {xen:phrase removed_from_public_view}</dd>
                <xen:elseif is="{$thread.discussion_state} == 'moderated'" />
                    <dd class="moderatedAlert">
                        <span_fav class="fa fa-graduation-cap fa-lg Tooltip" title="{xen:phrase awaiting_moderation}" data-tipclass="iconTip"></span_fav>
                            {xen:phrase awaiting_moderation_before_being_displayed_publicly}</dd>
                </xen:if>

                <xen:if is="!{$thread.discussion_open}">
                    <dd class="lockedAlert">
                        <span_fav class="fa fa-lock fa-lg Tooltip" title="{xen:phrase locked}" data-tipclass="iconTip"></span_fav>
                            {xen:phrase not_open_for_further_replies}</dd>
                </xen:if>

Изменяем иконки для закреплённых и закрытых тем

Hope

kda

Mirovinger

kda

Skaiman

kda

Skaiman

kda

Похожие темы

Мы ценим вашу конфиденциальность