Добавляем иконки к кнопкам в сообщениях форума

Добавляем иконки к кнопкам в сообщениях форума

fa-thumbs-up - вот тут всё есть:

Не получилось. Белый квадрат теперь. icon-thumbs-up вот такой должен быть код, точнее его надо как то поменять, что бы черный пальчик был.

Код:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
Код:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
+ Ещё другие приложения могут тянуть за собой подключение FA.

А можно для работы только maxcdn.bootstrapcdn.com оставить?
 
Ну конечно можно.
 
  • Мне нравится
Реакции: mms
  • Мне нравится
Реакции: mms
Код:
<a href="{xen:link threads/reply, $thread, 'tag={$post.username}'}" class="item control XITag" data-username="{$post.username}"><i class="fa fa-user fa-large fa-fixed-width" style="padding-right:4px;"></i>{xen:phrase xi_tag}</a>
После добавления этого нужно отключить в Модификации шаблонов, модификацию шаблона post аддоном [XI] Tag User. Я верно понял?
 
Можно просто изменить существующую и всё.
 
  • Мне нравится
Реакции: mms
Включите режим отладки.
 
  • Мне нравится
Реакции: mms
После добавления этого нужно отключить в Модификации шаблонов, модификацию шаблона post аддоном [XI] Tag User. Я верно понял?
Можно и так, так будет и исходная версия, на всякий случай.=)
 
  • Мне нравится
Реакции: mms
Тогда я бы ещё рекомендовал, подключать последнюю версию.
А если уже установлен FA в стиль, то это прописывать вообще не нужно?
Я имею ввиду что у меня все работает и без этой строки.
 
Нет, не нужно. Если у Вас конечно последняя версия подключена.
 
Установка последней версии убила вообще иконки в сообщении и верхнем меню.

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

Вот с этим кодом вообще всё работает, и пальчик черный!)
 
Ну и нормально тогда. :-) Просто в новой версии, код для вывода некоторых иконок поменялся и возможно код их вызова...
 
Последнее редактирование:
Нет, не нужно. Если у Вас конечно последняя версия подключена.
Спрашивать как узнать не буду :-) Поиск по шаблонам показал что XFMG использует:
Код:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
Сейчас локализацию 3.2.1 сделаю, и вообще всё супер будет)
 
Пропадает кнопка - история
 
Так Вы смотрите, что заменяете. )) Аккуратнее и внимательнее нужно быть же. :)

Код:
<xen:if is="{$post.edit_count} && {$post.canViewHistory}"><a href="{xen:link posts/history, $post}" class="item control history ToggleTrigger"><span><i class="fa fa-history fa-l fa-fw" style="padding-right:4px;"></i></span>{xen:phrase history}</a></xen:if>
 
Последнее редактирование модератором:
История все таки не открывается... добавил все что добавлено в этой модификации в новый шаблон post 1.4.5, иконки установил medium, padding 1px.
Код:
<xen:include template="message">

    <xen:map from="$post" to="$message" />

    <xen:set var="$messageId">post-{$post.post_id}</xen:set>

    <xen:set var="$likesUrl">{xen:link posts/likes, $post}</xen:set>

    <xen:set var="$messageContentAfterTemplate"><xen:if is="{$post.attachments}"><xen:include template="attached_files" /></xen:if></xen:set>

    <xen:set var="$messageAfterTemplate">
          
        <div class="messageMeta ToggleTriggerAnchor">
            <div class="privateControls <xen:if is="@xb_message_controls_menu">hiddenResponsiveMedium hiddenResponsiveNarrow</xen:if>">
                <xen:if is="{$post.canInlineMod}"><input type="checkbox" name="posts[]" value="{$post.post_id}" class="InlineModCheck item" data-target="#post-{$post.post_id}" title="{xen:phrase select_this_post_by_x, 'name={$post.username}'}" /></xen:if>
                <xen:if is="!@xb_alt_message_layout">
                    <span class="item muted">
                        <span class="authorEnd"><xen:username user="$post" class="author" />,</span>
                        <a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="datePermalink"><xen:datetime time="$post.post_date" /></a>
                    </span>
                </xen:if>
                <xen:hook name="post_private_controls" params="{xen:array 'post={$post}'}">
                <xen:if is="{$post.canEdit}">
                    <a href="{xen:link posts/edit, $post}" class="item control edit {xen:if $xenOptions.messageInlineEdit, OverlayTrigger}"
                        data-href="{xen:link posts/edit-inline, $post}" data-overlayOptions="{&quot;fixed&quot;:false}"
                        data-messageSelector="#post-{$post.post_id}"><span><i class="icon-pencil icon-medium icon-fixed-width" style="padding-right:1px;"></i></span>{xen:phrase edit}</a>
                    <xen:require js="js/xenforo/discussion.js" />
                </xen:if>
                <xen:if is="{$post.edit_count} && {$post.canViewHistory}"><a href="{xen:link posts/history, $post}" class="item control history ToggleTrigger"><span><i class="fa fa-history fa-l fa-fw" style="padding-right:1px;"></i></span>{xen:phrase history}</a></xen:if>
                <xen:if is="{$post.canDelete}"><a href="{xen:link posts/delete, $post}" class="item control delete OverlayTrigger"><span><i class="icon-remove icon-medium icon-fixed-width" style="padding-right:1px;"></i></span>{xen:phrase delete}</a></xen:if>
                <xen:if is="{$post.canCleanSpam}"><a href="{xen:link spam-cleaner, $post}" class="item control deleteSpam OverlayTrigger"><span><i class="icon-remove-sign icon-medium icon-fixed-width" style="padding-right:1px;"></i></span>{xen:phrase spam}</a></xen:if>
                <xen:if is="{$canViewIps} AND {$post.ip_id}"><a href="{xen:link posts/ip, $post}" class="item control ip OverlayTrigger"><span><i class="icon-user icon-medium icon-fixed-width" style="padding-right:1px;"></i></span>{xen:phrase ip}</a></xen:if>
          
                <xen:if is="{$post.canWarn}">
                    <a href="{xen:link members/warn, $post, 'content_type=post', 'content_id={$post.post_id}'}" class="item control warn"><span><i class="icon-warning-sign icon-medium icon-fixed-width" style="padding-right:1px;"></i></span>{xen:phrase warn}</a>
                <xen:elseif is="{$post.warning_id} && {$canViewWarnings}" />
                    <a href="{xen:link warnings, $post}" class="OverlayTrigger item control viewWarning"><span></span>{xen:phrase view_warning}</a>
                </xen:if>
                <xen:if is="{$post.canReport}">
                    <a href="{xen:link posts/report, $post}" class="OverlayTrigger item control report" data-cacheOverlay="false"><span><i class="icon-exclamation-sign icon-medium icon-fixed-width" style="padding-right:1px;"></i></span>{xen:phrase report}</a>
                </xen:if>
          
                </xen:hook>
            </div>
            <xen:if is="@xb_message_controls_menu">
            <div class="privateControls visibleResponsiveMedium visibleResponsiveNarrow">
                            <xen:if is="{$post.canInlineMod}"><input type="checkbox" name="posts[]" value="{$post.post_id}" class="InlineModCheck item" data-target="#post-{$post.post_id}" title="{xen:phrase select_this_post_by_x, 'name={$post.username}'}" /></xen:if>
                            <xen:if is="!@xb_alt_message_layout">
                                <span class="item muted">
                                    <span class="authorEnd"><xen:username user="$post" class="author" />,</span>
                                    <a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="datePermalink"><xen:datetime time="$post.post_date" /></a>
                                </span>
                            </xen:if>
                <xen:if is="{$visitor.user_id}">
                <div class="Popup privateControlsPopup item">
                    <a href"#" rel="Menu" class="cloaked" data-closemenu="true"><span class="menuIcon">{xen:phrase menu}</span></a>
                    <div class="Menu JsOnly privateControlsLinks">
                        <div class="primaryContent menuHeader">
                                <h3>{xen:phrase controls}</h3>
                        </div>
                        <ul class="secondaryContent blockLinksList">
                            <xen:hook name="post_private_controls" params="{xen:array 'post={$post}'}">
                            <xen:if is="{$post.canEdit}">
                                <li><a href="{xen:link posts/edit, $post}" class="item control edit {xen:if $xenOptions.messageInlineEdit, OverlayTrigger}"
                                    data-href="{xen:link posts/edit-inline, $post}" data-overlayOptions="{&quot;fixed&quot;:false}"
                                    data-messageSelector="#post-{$post.post_id}"><span></span>{xen:phrase edit}</a></li>
                                <xen:require js="js/xenforo/discussion.js" />
                            </xen:if>
                            <xen:if is="{$post.edit_count} && {$post.canViewHistory}"><li><a href="{xen:link posts/history, $post}" class="item control history OverlayTrigger"><span></span>{xen:phrase history}</a></li></xen:if>
                            <xen:if is="{$post.canDelete}"><li><a href="{xen:link posts/delete, $post}" class="item control delete OverlayTrigger"><span></span>{xen:phrase delete}</a></li></xen:if>
                            <xen:if is="{$post.canCleanSpam}"><li><a href="{xen:link spam-cleaner, $post}" class="item control deleteSpam OverlayTrigger"><span></span>{xen:phrase spam}</a></li></xen:if>
                            <xen:if is="{$canViewIps} AND {$post.ip_id}"><li><a href="{xen:link posts/ip, $post}" class="item control ip OverlayTrigger"><span></span>{xen:phrase ip}</a></li></xen:if>
                      
                            <xen:if is="{$post.canWarn}">
                                <li><a href="{xen:link members/warn, $post, 'content_type=post', 'content_id={$post.post_id}'}" class="item control warn"><span></span>{xen:phrase warn}</a></li>
                            <xen:elseif is="{$post.warning_id} && {$canViewWarnings}" />
                                <li><a href="{xen:link warnings, $post}" class="OverlayTrigger item control viewWarning"><span></span>{xen:phrase view_warning}</a></li>
                            </xen:if>
                            <xen:if is="{$post.canReport}">
                                <li><a href="{xen:link posts/report, $post}" class="OverlayTrigger item control report" data-cacheOverlay="false"><span></span>{xen:phrase report}</a></li>
                            </xen:if>
                      
                            </xen:hook>
                        </ul>
                    </div>
                </div>
                </xen:if>
            </div>
            </xen:if>
      
            <div class="publicControls">
                <xen:if is="!@xb_alt_message_layout"><a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="item muted postNumber hashPermalink OverlayTrigger" data-href="{xen:link posts/permalink, $post}">#{xen:calc '{$post.position} + 1'}</a></xen:if>
                <xen:hook name="post_public_controls" params="{xen:array 'post={$post}'}">
                <xen:if is="{$post.canLike}">
                    <a href="{xen:link posts/like, $post}" class="LikeLink item control {xen:if $post.like_date, unlike, like}" data-container="#likes-post-{$post.post_id}"><span><i class="icon-thumbs-up icon-medium icon-fixed-width" style="padding-right:1px;"></i></span><span class="LikeLabel">{xen:if $post.like_date, {xen:phrase unlike}, {xen:phrase like}}</span></a>
                </xen:if>
                <xen:if is="{$canReply}">
                    <xen:if is="{$xenOptions.multiQuote}"><a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                        data-messageid="{$post.post_id}"
                        class="MultiQuoteControl JsOnly item control"
                        title="{xen:phrase toggle_multi_quote_tooltip}"><span></span><span class="symbol">{xen:phrase multiquote_add}</span></a></xen:if>
                    <a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                        data-postUrl="{xen:link posts/quote, $post}"
                        data-tip="#MQ-{$post.post_id}"
                        class="ReplyQuote item control reply"
                        title="{xen:phrase reply_quoting_this_message}"><span><i class="icon-reply icon-medium icon-fixed-width" style="padding-right:1px;"></i></span>{xen:phrase reply}</a>
                </xen:if>
                </xen:hook>
            </div>
        </div>
    </xen:set>

</xen:include>
Работает отлично.
 
Последнее редактирование:
При использовании данной модификации пропадает "цитата"

Вот мой вариант с рабочим цитированием и маленькими иконками.

Код:
<xen:include template="message">
    <xen:map from="$post" to="$message" />
    <xen:set var="$messageId">post-{$post.post_id}</xen:set>
    <xen:set var="$likesUrl">{xen:link posts/likes, $post}</xen:set>
    <xen:set var="$messageContentAfterTemplate"><xen:if is="{$post.attachments}"><xen:include template="attached_files" /></xen:if></xen:set>
    <xen:set var="$messageAfterTemplate">
           
        <div class="messageMeta">
       
            <div class="privateControls">
                <xen:if is="{$post.canInlineMod}"><input type="checkbox" name="posts[]" value="{$post.post_id}" class="InlineModCheck item" data-target="#post-{$post.post_id}" title="{xen:phrase select_this_post_by_x, 'name={$post.username}'}" /></xen:if>
                <span class="item muted">
                    <xen:username user="$post" class="author" />,
                    <a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="datePermalink"><xen:datetime time="$post.post_date" /></a>
                </span>
                <xen:hook name="post_private_controls" params="{xen:array 'post={$post}'}">
                <xen:if is="{$post.canEdit}">
                    <a href="{xen:link posts/edit, $post}" class="item control edit {xen:if $xenOptions.messageInlineEdit, OverlayTrigger}"
                        data-href="{xen:link posts/edit-inline, $post}" data-overlayOptions="{&quot;fixed&quot;:false}"
                        data-messageSelector="#post-{$post.post_id}"><span><i class="icon-pencil icon-large icon-fixed-width" style="padding-right:4px;"></i></span>{xen:phrase edit}</a>
                    <xen:require js="js/xenforo/discussion.js" />
                </xen:if>
                <xen:if is="{$post.canDelete}"><a href="{xen:link posts/delete, $post}" class="item control delete OverlayTrigger"><span><i class="icon-remove icon-large icon-fixed-width" style="padding-right:4px;"></i></span>{xen:phrase delete}</a></xen:if>
                <xen:if is="{$post.canCleanSpam}"><a href="{xen:link spam-cleaner, $post}" class="item control deleteSpam OverlayTrigger"><span><i class="icon-remove-sign icon-large icon-fixed-width" style="padding-right:4px;"></i></span>{xen:phrase spam}</a></xen:if>
                <xen:if is="{$canViewIps} AND {$post.ip_id}"><a href="{xen:link posts/ip, $post}" class="item control ip OverlayTrigger"><span><i class="icon-user icon-large icon-fixed-width" style="padding-right:4px;"></i></span>{xen:phrase ip}</a></xen:if>
           
                <xen:if is="{$post.canWarn}">
                    <a href="{xen:link members/warn, $post, 'content_type=post', 'content_id={$post.post_id}'}" class="item control warn"><span><i class="icon-warning-sign icon-large icon-fixed-width" style="padding-right:4px;"></i></span>{xen:phrase warn}</a>
                <xen:elseif is="{$post.warning_id} && {$canViewWarnings}" />
                    <a href="{xen:link warnings, $post}" class="OverlayTrigger item control viewWarning"><span></span>{xen:phrase view_warning}</a>
                </xen:if>
                <xen:if is="{$post.canReport}">
                    <a href="{xen:link posts/report, $post}" class="OverlayTrigger item control report" data-cacheOverlay="false"><span><i class="icon-exclamation-sign icon-large icon-fixed-width" style="padding-right:4px;"></i></span>{xen:phrase report}</a>
                </xen:if>
           
                </xen:hook>
            </div>
       
            <div class="publicControls">
                <a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="item muted postNumber hashPermalink OverlayTrigger" data-href="{xen:link posts/permalink, $post}">#{xen:calc '{$post.position} + 1'}</a>
                <xen:hook name="post_public_controls" params="{xen:array 'post={$post}'}">
                <xen:if is="{$post.canLike}">
                    <a href="{xen:link posts/like, $post}" class="LikeLink item control {xen:if $post.like_date, unlike, like}" data-container="#likes-post-{$post.post_id}"><span><i class="icon-thumbs-up icon-large icon-fixed-width" style="padding-right:4px;"></i></span><span class="LikeLabel">{xen:if $post.like_date, {xen:phrase unlike}, {xen:phrase like}}</span></a>
                </xen:if>
                <xen:if is="{$canReply}">
                    <xen:if is="{$xenOptions.multiQuote}"><a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                        data-messageid="{$post.post_id}"
                        class="MultiQuoteControl JsOnly item control"
                        title="{xen:phrase toggle_multi_quote_tooltip}"><span></span><span class="symbol">{xen:phrase multiquote_add}</span></a></xen:if>
                    <a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}" data-postUrl="{xen:link posts/quote, $post}" class="ReplyQuote item control reply" title="{xen:phrase reply_quoting_this_message}"><span><i class="icon-reply icon-medium icon-fixed-width" style="padding-right:4px;"></i></span>{xen:phrase reply}</a>
                </xen:if>
                </xen:hook>
            </div>
        </div>
    </xen:set>
  
</xen:include>
 
Для font-awesome 4.3.0 проверено на XF 1.4.7
Код:
<xen:include template="message">
    <xen:map from="$post" to="$message" />
    <xen:set var="$messageId">post-{$post.post_id}</xen:set>
    <xen:set var="$likesUrl">{xen:link posts/likes, $post}</xen:set>
    <xen:set var="$messageContentAfterTemplate"><xen:if is="{$post.attachments}"><xen:include template="attached_files" /></xen:if></xen:set>
    <xen:set var="$messageAfterTemplate">
          
        <div class="messageMeta">
      
            <div class="privateControls">
                <xen:if is="{$post.canInlineMod}"><input type="checkbox" name="posts[]" value="{$post.post_id}" class="InlineModCheck item" data-target="#post-{$post.post_id}" title="{xen:phrase select_this_post_by_x, 'name={$post.username}'}" /></xen:if>
                <span class="item muted">
                    <xen:username user="$post" class="author" />,
                    <a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="datePermalink"><xen:datetime time="$post.post_date" /></a>
                </span>
                <xen:hook name="post_private_controls" params="{xen:array 'post={$post}'}">
                <xen:if is="{$post.canEdit}">
                    <a href="{xen:link posts/edit, $post}" class="item control edit {xen:if $xenOptions.messageInlineEdit, OverlayTrigger}"
                        data-href="{xen:link posts/edit-inline, $post}" data-overlayOptions="{&quot;fixed&quot;:false}"
                        data-messageSelector="#post-{$post.post_id}"><span><i class="fa fa-pencil" style="padding-right:4px;"></i></span>{xen:phrase edit}</a>
                    <xen:require js="js/xenforo/discussion.js" />
                </xen:if>
                <xen:if is="{$post.canDelete}"><a href="{xen:link posts/delete, $post}" class="item control delete OverlayTrigger"><span><i class="fa fa-times " style="padding-right:4px;"></i></span>{xen:phrase delete}</a></xen:if>
                <xen:if is="{$post.canCleanSpam}"><a href="{xen:link spam-cleaner, $post}" class="item control deleteSpam OverlayTrigger"><span><i class="fa fa-times-circle-o" style="padding-right:4px;"></i></span>{xen:phrase spam}</a></xen:if>
                <xen:if is="{$canViewIps} AND {$post.ip_id}"><a href="{xen:link posts/ip, $post}" class="item control ip OverlayTrigger"><span><i class="fa fa-user" style="padding-right:4px;"></i></span>{xen:phrase ip}</a></xen:if>
          
                <xen:if is="{$post.canWarn}">
                    <a href="{xen:link members/warn, $post, 'content_type=post', 'content_id={$post.post_id}'}" class="item control warn"><span><i class="fa fa-exclamation-triangle" style="padding-right:4px;"></i></span>{xen:phrase warn}</a>
                <xen:elseif is="{$post.warning_id} && {$canViewWarnings}" />
                    <a href="{xen:link warnings, $post}" class="OverlayTrigger item control viewWarning"><span></span>{xen:phrase view_warning}</a>
                </xen:if>
                <xen:if is="{$post.canReport}">
                    <a href="{xen:link posts/report, $post}" class="OverlayTrigger item control report" data-cacheOverlay="false"><span><i class="fa-exclamation-sign" style="padding-right:4px;"></i></span>{xen:phrase report}</a>
                </xen:if>
          
                </xen:hook>
            </div>
      
            <div class="publicControls">
                <a href="{xen:link threads/post-permalink, $thread, 'post={$post}'}" title="{xen:phrase permalink}" class="item muted postNumber hashPermalink OverlayTrigger" data-href="{xen:link posts/permalink, $post}">#{xen:calc '{$post.position} + 1'}</a>
                <xen:hook name="post_public_controls" params="{xen:array 'post={$post}'}">
                <xen:if is="{$post.canLike}">
                    <a href="{xen:link posts/like, $post}" class="LikeLink item control {xen:if $post.like_date, unlike, like}" data-container="#likes-post-{$post.post_id}"><span><i class="fa fa-thumbs-up" style="padding-right:4px;"></i></span><span class="LikeLabel">{xen:if $post.like_date, {xen:phrase unlike}, {xen:phrase like}}</span></a>
                </xen:if>
                <xen:if is="{$canReply}">
                    <xen:if is="{$xenOptions.multiQuote}"><a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}"
                        data-messageid="{$post.post_id}"
                        class="MultiQuoteControl JsOnly item control"
                        title="{xen:phrase toggle_multi_quote_tooltip}"><span></span><span class="symbol">{xen:phrase multiquote_add}</span></a></xen:if>
                    <a href="{xen:link threads/reply, $thread, 'quote={$post.post_id}'}" data-postUrl="{xen:link posts/quote, $post}" class="ReplyQuote item control reply" title="{xen:phrase reply_quoting_this_message}"><span><i class="fa fa-reply" style="padding-right:4px;"></i></span>{xen:phrase reply}</a>
                </xen:if>
                </xen:hook>
            </div>
        </div>
    </xen:set>
 
</xen:include>
 
Нет иконки на (Ник в ответ) что не так? как её вывести?
 
Последнее редактирование:
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу