Добавляем Font Awesome иконки под кнопку скачивания ресурсов

Используем font-awesome вместо стандартных вкладок

  1. Next
    Совместимость с XenForo:
    • XenForo 1.5
    В шаблоне resource_view_header находим следующий код

    Код:
    <xen:elseif is="!{$resource.is_fileless}" />
                    <li><label class="downloadButton {xen:if '!{$resource.canDownload}', downloadDisabled}">
                        <a href="{xen:link resources/download, $resource, 'version={$resource.current_version_id}'}" class="inner">
                            <xen:if is="{$resource.canDownload}">{xen:phrase download_now}<xen:else />{xen:phrase download_not_available}</xen:if>
                            <xen:if is="{$resource.download_url}">
                                <small class="minorText">{xen:phrase via_external_site}</small>
                            <xen:else />
                                <small class="minorText">{xen:number $resource.attachment.file_size, 'size'} .{$resource.attachment.extension}</small>
                            </xen:if>
                        </a>
                    </label></li>
                </xen:if>

    Заменить на:
    Код:
        <xen:elseif is="!{$resource.is_fileless}" />
                        <li><label class="downloadButton {xen:if '!{$resource.canDownload}', downloadDisabled}">
                            <a href="{xen:link resources/download, $resource, 'version={$resource.current_version_id}'}" class="inner">
                                <xen:if is="{$resource.canDownload}">{xen:phrase download_now}<xen:else />{xen:phrase download_not_available}</xen:if>
                                <xen:if is="{$resource.download_url}">
                                    <small class="minorText">{xen:phrase via_external_site}</small>
                                <xen:else />
                                    <small class="minorText">{xen:number $resource.attachment.file_size, 'size'} .{$resource.attachment.extension}</small>
                                </xen:if>
                            </a>
                        <!-- tabs next to download button start -->
                            <div style="margin-top: 5px;">
                                <a href="{xen:link resources, $resource}"><i class="fa fa-info-circle fa-lg fa-fw Tooltip" title="{xen:phrase overview}"></i></a>
                                <xen:if is="{$resource.showExtraInfoTab}">
                                        <a href="{xen:link resources/extra, $resource}"><i class="fa fa-lightbulb-o fa-lg fa-fw Tooltip" title="{xen:phrase extra_info}"></i></a>
                                </xen:if>
                                <xen:if is="{$resource.customFieldTabs}">
                                    <xen:foreach loop="{$resource.customFieldTabs}" value="$fieldId">
                                            <a href="{xen:link resources/field, $resource, 'field={$fieldId}'}"><i class="<xen:if is="{$resource.customFields.faq}">fa fa-question-circle</xen:if> fa-lg fa-fw Tooltip" title="{xen:helper resourceFieldTitle, $fieldId}"></i></a>
                                    </xen:foreach>
                                </xen:if>             
                                <xen:if is="{$resource.update_count} or {$resourceUpdateCount}">
                                    <a href="{xen:link resources/updates, $resource}"><i class="fa fa-line-chart fa-lg fa-fw Tooltip" title="{xen:phrase updates} ({xen:number $resourceUpdateCount})"></i></a>
                                </xen:if>
                                <xen:if is="{$resource.review_count} or {$resourceReviewCount}">
                                    <a href="{xen:link resources/reviews, $resource}"><i class="fa fa-star fa-lg fa-fw Tooltip" title="{xen:phrase reviews} ({$resourceReviewCount})"></i></a>
                                </xen:if>
                                <xen:if is="!{$resource.isFilelessNoExternal}">
                                    <a href="{xen:link resources/history, $resource}"><i class="fa fa-list-ol fa-lg fa-fw Tooltip" title="{xen:phrase version_history}"></i></a>
                                </xen:if>
                                <xen:if is="{$thread}">
                                    <a href="{xen:link threads, $thread}"><i class="fa fa-comments fa-lg fa-fw Tooltip" title="{xen:phrase discussion}"></i></a>
                                </xen:if>
                                <xen:if is="!{$resource.is_fileless} AND {$resource.cost} AND {$resource.user_id} == {$visitor.user_id}">
                                    <a href="{xen:link resources/buyers, $resource}">{xen:phrase bdpaygate_buyers}</a>
                                </xen:if>
                            </div>
                        <!-- tabs next to download button end -->
                        </label></li>
                    </xen:if>
    
    
    Результат будет таким

    xen1.gif
Поделиться этой страницей в