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

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

Hope

Premium
Сообщения
48,318
Решения
22
Реакции
71,959
Баллы
40,905
Пользователь Hope разместил новый ресурс:

Добавляем иконки к кнопкам в сообщениях форума (версия 2013-06-17) - Иконки к кнопкам в сообщениях форума.



В шаблоне PAGE_CONTAINER находим:
Код:
<head>


И ниже добавляем:
Код:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">


Всё содержимое шаблона post заменяем на:
Код:
<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,...

Узнать больше об этом ресурсе...
 
И ниже добавляем:
Код:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
Считаю не правильным подходом подгружать css с другого сайта :) Рекомендую скачать этот font-awesome.css себе на хостинг. Посмотрите по какому адресу там сохраняются картинки, перекачайте их к себе, подправьте css файл и тогда всё будет по феншую :)
 
Считаю не правильным подходом подгружать css с другого сайта :) Рекомендую скачать этот font-awesome.css себе на хостинг. Посмотрите по какому адресу там сохраняются картинки, перекачайте их к себе, подправьте css файл и тогда всё будет по феншую :)
Да, да, тоже хотел об этом сказать. Только обновления для плагина при этом надо выключить, чтобы обратно все не переправил. Если там конечно бывают обновления.
 
Это каждый для себя сам решит. :) Кто-то не хочет грузить напрямую со своего ресурса.
 
Конечно каждый решает для себя сам. Однако нет ничего плохого, чтобы обратить внимание пользователей на особенность модификации, которая работает через сторонний ресурс. Чтобы принимать решение, надо обладать информацией о тех или иных вариантах, надо знать какие-то базовые вещи. Многие пользователи, только начинающие осваивать HTML не знают что и как читается, просто пользуются готовыми рецептами. Для них, я думаю, стоит объяснять и разжевывать элементарные вещи. Когда разберутся, погуглят инфу на эту тему, пусть принимают свое взвешенное решение.
 
Многие пользователи, только начинающие осваивать HTML не знают что и как читается, просто пользуются готовыми рецептами.
Ну тогда и напишите, как правильно нужно прописать путь до css, если тянуть его со своего сервера. :) А то, что Вы говорите, от этого понятнее не стало. :)
 
Hope подскажи как поставить иконку если у меня установлен плагин репутации? bdreputashion
 
Даже без понятия. Плагина установленного не имею.
 
Для ник в ответ можно добавить? [XI] Tag User
 
Последнее редактирование:
Код:
<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>
 
  • Мне нравится
Реакции: mms
Сделал по инструкции, но все немного съезжает вверх и иконки какие то большие.

Безымянный13241255555.png

Как поправить?
 
Чем-то перебивает у Вас по ходу... Возможно подключено несколько FA.
 
Иконки и правда большие, их размер зависит от шрифта используемого в стиле или как то по другому редактируется?
 
fa-large - можно заменить на fa-medium например
 
Код:
<!DOCTYPE html><xen:set var="$isResponsive" value="{xen:if '@enableResponsive AND !{$noResponsive}', 1, 0}" />
<html id="XenForo" lang="{$visitorLanguage.language_code}" dir="{$visitorLanguage.text_direction}" class="Public NoJs {xen:if {$visitor.user_id}, 'LoggedIn', 'LoggedOut'} {xen:if {$sidebar}, 'Sidebar', 'NoSidebar'} {xen:if $hasAutoDeferred, RunDeferred} {xen:if $isResponsive, Responsive, NoResponsive}" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<xen:hook name="page_container_head">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <xen:if is="{$isResponsive}">
        <meta name="viewport" content="width=device-width, initial-scale=1" />
    </xen:if>
    <xen:if is="{$requestPaths.fullBasePath}">
        <base href="{$requestPaths.fullBasePath}" />
        <script><xen:comment>/* Chrome bug and for Google cache */</xen:comment>
            var _b = document.getElementsByTagName('base')[0], _bH = "{xen:jsescape $requestPaths.fullBasePath}";
            if (_b && _b.href != _bH) _b.href = _bH;
        </script>
    </xen:if>

    <title><xen:if is="{$title}">{xen:raw $title} | {$xenOptions.boardTitle}<xen:else />{$xenOptions.boardTitle}</xen:if></title>
   
    <noscript><style>.JsOnly, .jsOnly { display: none !important; }</style></noscript>
    <link rel="stylesheet" href="css.php?css=xenforo,form,public&amp;style={xen:urlencode $_styleId}&amp;dir={$visitorLanguage.text_direction}&amp;d={$visitorStyle.last_modified_date}" />
    <!--XenForo_Require:CSS-->
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">   
    {xen:helper ignoredCss, {$visitor.ignoredUsers}}

    <xen:include template="google_analytics" />
    <xen:include template="page_container_js_head" />
   
    <link rel="apple-touch-icon" href="{xen:helper fullurl, @ogLogoPath, 1}" />
    <link rel="alternate" type="application/rss+xml" title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}" href="{xen:link forums/-/index.rss}" />
    <xen:if is="{$pageDescription.content} AND !{$pageDescription.skipmeta} AND !{$head.description}"><meta name="description" content="{xen:string wordTrim, {xen:helper stripHtml, {xen:raw $pageDescription.content}}, 200}" /></xen:if>
    <xen:if is="{$head}"><xen:foreach loop="$head" value="$headElement">{xen:raw $headElement}</xen:foreach></xen:if>
</xen:hook>
<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
</head>

<body{xen:if {$bodyClasses}, ' class="{$bodyClasses}"'}>
<xen:hook name="body">

<xen:if is="{$visitor.is_moderator} || {$visitor.is_admin}">
    <xen:include template="moderator_bar" />
<xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" />
    <xen:include template="login_bar" />
</xen:if>

<div id="headerMover">
    <div id="headerProxy"></div>

<div id="content" class="{$contentTemplate}">
    <div class="pageWidth">
        <div class="pageContent">
            <!-- main content area -->
           
            <xen:hook name="page_container_content_top" />
           
            <xen:if is="{$sidebar}">
                <div class="mainContainer">
                    <div class="mainContent"></xen:if>
                       
                        <xen:include template="ad_above_top_breadcrumb" />
                       
                        <xen:hook name="page_container_breadcrumb_top">
                        <div class="breadBoxTop {xen:if $topctrl, withTopCtrl}">
                            <xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
                            <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
                        </div>
                        </xen:hook>
                       
                        <xen:include template="ad_below_top_breadcrumb" />
                   
                        <!--[if lt IE 8]>
                            <p class="importantMessage">{xen:phrase you_are_using_out_of_date_browser_upgrade}</p>
                        <![endif]-->

                        <xen:hook name="page_container_notices">
                        <xen:include template="notices" />                       
                        </xen:hook>
                       
                        <xen:hook name="page_container_content_title_bar">
                        <xen:if is="!{$noH1}">                       
                            <!-- h1 title, description -->
                            <div class="titleBar">
                                {xen:raw $beforeH1}
                                <h1><xen:if
                                    is="{$h1}">{xen:raw $h1}<xen:elseif
                                    is="{$title}" />{xen:raw $title}<xen:else
                                    />{$xenOptions.boardTitle}</xen:if></h1>
                               
                                <xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if>
                            </div>
                        </xen:if>
                        </xen:hook>
                       
                        <xen:include template="ad_above_content" />
                       
                        <!-- main template -->
                        {xen:raw $contents}
                       
                        <xen:include template="ad_below_content" />
                       
                        <xen:if is="!{$visitor.user_id} && !{$hideLoginBar}">
                            <!-- login form, to be moved to the upper drop-down -->
                            <xen:include template="login_bar_form" />
                        </xen:if>
                       
                    <xen:if is="{$sidebar}"></div>
                </div>
               
                <!-- sidebar -->
                <aside>
                    <div class="sidebar">
                        <xen:hook name="page_container_sidebar">
                        <xen:include template="ad_sidebar_top" />
                        <xen:if is="!{$noVisitorPanel}"><xen:include template="sidebar_visitor_panel" /></xen:if>
                        {xen:raw $sidebar}
                        <xen:include template="ad_sidebar_bottom" />
                        </xen:hook>
                    </div>
                </aside>
            </xen:if>
           
            <xen:hook name="page_container_breadcrumb_bottom">           
            <div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
            </xen:hook>
                       
            <xen:include template="ad_below_bottom_breadcrumb" />
                       
        </div>
    </div>
</div>

<header>
    <xen:include template="header" />
    <xen:edithint template="navigation" />
    <xen:edithint template="search_bar" />
</header>

</div>

<footer>
    <xen:include template="footer" />
</footer>

<xen:include template="page_container_js_body" />

<xen:if is="{$isIndexPage} AND {$canSearch}">
<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "{xen:jsescape {xen:link canonical:index}}",
    "potentialAction": {
        "@type": "SearchAction",
        "target": "{xen:jsescape {xen:link canonical:search/search}}{xen:if $xenOptions.useFriendlyUrls, '?', '&'}keywords={search_keywords}",
        "query-input": "required name=search_keywords"
    }
}
</script>
</xen:if>

</xen:hook>
</body>
</html>
 
Код:
<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.
 
Как нету? Оо. Посмотрите лучше.
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу