Перемещаем статистику форума из боковой панели вниз 2015-11-13

Перемещаем статистику форума из боковой панели вниз

  1. android88
    Совместимость с XenForo:
    • XenForo 1.2
    • XenForo 1.3
    • XenForo 1.4
    GAM.jpg


    И так начнем.

    Всё содержимое шаблона forum_list заменяем на:
    Код:
    <xen:h1>{$xenOptions.boardTitle}</xen:h1>
    
    <xen:container var="$head.canonical"><link rel="canonical" href="{xen:link 'canonical:index'}" /></xen:container>
    <xen:if is="{$xenOptions.boardDescription}"><xen:container var="$head.description">
    <meta name="description" content="{$xenOptions.boardDescription}" /></xen:container></xen:if>
    <xen:container var="$head.openGraph">
    <xen:include template="open_graph_meta">
    <xen:set var="$url">{xen:link 'canonical:index'}</xen:set>
    <xen:set var="$title">{$xenOptions.boardTitle}</xen:set>
    </xen:include></xen:container>
    
    <xen:hook name="forum_list_nodes">
    <xen:if is="{$renderedNodes}"><xen:include template="node_list" /></xen:if>
    </xen:hook>
    
    <xen:sidebar>
    <xen:edithint template="sidebar.css" />
    
    <xen:hook name="forum_list_sidebar">
    
    <xen:include template="sidebar_share_page">
    <xen:set var="$url">{xen:link canonical:index}</xen:set>
    </xen:include>
    
    </xen:hook>
    </xen:sidebar>
    Открываем шаблон node_list и находим:
    Код:
    <xen:edithint template="node_category.css" />
    И ниже добавляем:
    Код:
    <xen:include template="forum_stats" />
    Сохраняем.

    Далее в списке шаблонов Вашего стиля нажимаем на "Создать новый шаблон" и создаём шаблон под названиемforum_stats, а его содержимое делаем таким:
    Код:
    <xen:require css="forum_stats.css" />
    
    <div class="borderwrapper">
    <div class="stats_block">
    <h3 class="blockhead">Статистика форума</h3>
    <div class="blockbody">
    <div class="stats_body">
    <h2 class="stats_title_left">{xen:phrase forum_statistics}</h2>
    <div class="pairsJustified" id="stats_content">
    <dl class="discussionCount"><dt>{xen:phrase discussions}:</dt>
    <dd>{xen:number $boardTotals.discussions}</dd></dl>
    <dl class="messageCount"><dt>{xen:phrase messages}:</dt>
    <dd>{xen:number $boardTotals.messages}</dd></dl>
    <dl class="memberCount"><dt>{xen:phrase members}:</dt>
    <dd>{xen:number $boardTotals.users}</dd></dl>
    <dl><dt>{xen:phrase latest_member}:</dt>
    <dd><xen:username user="$boardTotals.latestUser" /></dd></dl>
    </div>
    </div>
    
    <div class="stats_body">
    <xen:if is="!{$visitor.user_id}">
    <h3 class="stats_title_center"><b>Добро пожаловать на {$xenOptions.boardTitle}</b></h3>
    <div class="xenfans_font"><p class="importantMessage" style="line-height: 1.3em;">
    Рекомендуем Вам пройти регистрацию или авторизоваться на нашем форуме.
    <span class="xenfans_welcome"><label for="LoginControl"><a href="{xen:link login}" class="concealed">Регистрация</a></label></span> or <span class="xenfans_welcome"><label for="LoginControl"><a href="{xen:link login}" class="concealed">Авторизация</a></label></span>
    </p></div>
    <xen:else />
    <h3 class="stats_title_center">{xen:phrase staff_online_now}</h3>
    <div id="stats_content">
    <ul>
    <xen:foreach loop="$onlineUsers.records" value="$user">
    <xen:if is="{$user.is_moderator} OR {$user.is_admin} OR {$user.user_group_id} == 13 OR {$user.user_group_id} == 12">
    <li>
    <xen:username user="$user" class="Tooltip" title="{$user.username}, {xen:helper userTitle, $user}" />
    </li>
    </xen:if>
    </xen:foreach>
    </ul>
    </div>
    </xen:if>
    </div>
    
    <div class="stats_body">
    <h3 class="stats_title_right"><a href="{xen:link online}" class="Tooltip" title="{xen:phrase see_all_online_users}">{xen:phrase members_online_now}</a></h3>
    <div id="stats_content">
    <xen:if is="{$onlineUsers.records}">
    <xen:if is="{$visitor.user_id}">
    <xen:if hascontent="true">
    <h4 class="minorHeading"><a href="{xen:link account/following}">{xen:phrase people_you_follow}:</a></h4>
    <ul class="followedOnline">
    <xen:contentcheck>
    <xen:foreach loop="$onlineUsers.records" value="$user">
    <xen:if is="{$user.followed}">
    <li title="{$user.username}" class="Tooltip"><xen:avatar user="$user" size="s" img="true" class="_plainImage" /></li>
    </xen:if>
    </xen:foreach>
    </xen:contentcheck>
    </ul>
    <h4 class="minorHeading"><a href="{xen:link members}">{xen:phrase members}:</a></h4>
    </xen:if>
    </xen:if>
    <ol class="listInline">
    <xen:foreach loop="$onlineUsers.records" value="$user" i="$i">
    <xen:if is="{$i} <= {$onlineUsers.limit}">
    <li>
    <xen:if is="{$user.user_id}">
    <a href="{xen:link members, $user}"
    class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
    <xen:else />
    {xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
    </xen:if>
    </li>
    </xen:if>
    </xen:foreach>
    <xen:if is="{$onlineUsers.recordsUnseen}">
    <li class="moreLink">... <a href="{xen:link online}" title="{xen:phrase see_all_visitors}">{xen:phrase and_x_more, 'count={xen:number $onlineUsers.recordsUnseen}'}</a></li>
    </xen:if>
    </ol>
    </xen:if>
    {xen:phrase online_now_x_members_y_guests_z, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}'}
    </div>
    </div>
    
    </div>
    </div>
    </div>
    Сохраняем.

    И опять нажимаем на "Создать новый шаблон", называем его forum_stats.css, а его содержимое должно быть таким:
    Код:
    .borderwrapper {
    overflow: hidden;
    border: 1px solid @primaryLighter;
    border-radius: 10px;
    padding: 5px;
    }
    .stats_block {
    display: block;
    margin: 5px;
    }
    .blockhead {
    background: url('путь_до_изображения/newbtn_middle.png') repeat-x @dimmedTextColor;
    border: 1px solid #606060;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 5px 2px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    }
    .blockbody {
    background: url('путь_до_изображения/grey_down.png') repeat-x bottom;
    border: 1px solid #C4C4C4;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    }
    #stats_content { font-size:11px; padding: 5px 10px; }
    .xenfans_font { font-size: 10px }
    .stats_body { width: 33.3%; float: left; }
    
    .stats_title_left, .stats_title_center, .stats_title_right{
    background: url('путь_до_изображения/newbtn_middle.png') repeat-x #E9E9E9;
    border-bottom: 1px solid #E0E0E0;
    color: @dimmedTextColor;
    text-align:center;
    margin: 0px;
    font-size: 11px;
    padding: 3px 10px;
    }
    .xenfans_welcome {
    padding: 1px 4px 2px;
    border: 1px solid @primaryLight;
    border-radius: 3px;
    background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
    text-align: center;
    font: 10px verdana,sans-serif;
    color: @primaryMedium;
    outline: 0;
    }
    Не забудьте загрузить прикрепленные к этому сообщению изображения к себе на FTP,
    и прописать путь в коде до них.


    Будут вопросы задавайте попробуем их решить!
Поделиться этой страницей в