كود:
<br />
<xen:require css="footer_stats.css" />
<div class="borderwrapper">
<div class="stats_body">
<h3 class="stats_title_right"><a href="online/" class="Tooltip" title="مشاهدة كل المتواجدون">{xen:phrase online_now_x_members_y_guests_z, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}'}</a></h3>
<div id="stats_content">
<xen:if is="{$onlineUsers.records}">
<div class="forumhomestatboxuno">
<div>
<a href="{xen:link online, '', 'type=registered'}" title="{xen:phrase see_all_online_users}">المتواجدون الان</a>: {xen:number $onlineUsers.total} ( الاعضاء {xen:number $onlineUsers.members} و الزوار {xen:number {xen:calc '{$onlineUsers.guests} + {$onlineUsers.robots}'}} )
</div>
<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>
</div>
</xen:if>
<div class="states">
إحصائيات هيلبرنت
</div>
<div id="board_stats" class="breadBoxstatic">
<ul class="ipsType_small ipsList_inline">
<span class="fa fa-bars forumhomestatIcon"></span> {xen:phrase discussions} :<span class="value">{xen:number $boardTotals.discussions}</span> |
<span class="fa fa-comments forumhomestatIcon"></span> {xen:phrase messages} :<span class="value">{xen:number $boardTotals.messages}</span> |
<span class="fa fa-users forumhomestatIcon"></span> {xen:phrase members_count} :<span class="value">{xen:number $boardTotals.users}</span>
<div class="newestmember"><span class="fa fa-user forumhomestatIcon"></span> {xen:phrase latest_member} :<span class="value"><xen:username user="$boardTotals.latestUser" /></a></span></div>
</ul>
<ul>
<li>
<span style="font-weight: bold; color: red;">الادارة</span></a> |
<span style="font-weight: bold; color: green;">المشرفين</span> |
<span style="color: violet; font-weight: bold;">المشرفات</span> |
<span style="color: black; font-weight: bold;">الاعضاء</span>
</li>
</ul>
</div>
</div>
</div>
</div>
كما بالصوره.
كود:
.forumhomestatboxuno {
background-color: #FEFEFE;
color: #6A6A6A;
border: 1px solid #BADC98;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(186, 220, 152);
border-bottom: 1px dotted #BADC98;
border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
padding: 8px;
margin: 5px 0px 0px 0px;
font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: lighter;
}
#board_stats ul {
text-align: left;
background-color: #FEFEFE;
color: #6A6A6A;
border: 1px solid #BADC98;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(186, 220, 152);
border-top: 0px;
border-radius: 0px 0px 3px 3px;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
padding: 8px;
margin: 0px 0px 0px 0px;
font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: lighter;
}
#board_stats li {
font: normal 11px tahoma,helvetica,arial,sans-serif;
margin-right: 20px;
}
.states {
background: none repeat scroll 0% 0% #FFF;
font-family: "Droid Arabic Kufi";
font-size: 12px;
padding: 8px;
margin: 0px 0px 0px 0px;
border-right: 1px solid #BADC98;
border-left: 1px solid #BADC98;
border-bottom: 1px dotted #BADC98;
}
.forumhomestatIcon {
color: #4e81a4;
font-size: 15px !important;
text-align: center;
}
.newestmember {
float: right;
}
#board_stats .value {
color: #222222;
display: inline-block;
font-weight: bold;
margin-right: 3px;
padding: 3px 7px;
text-shadow: 0 0 0 transparent, 0 1px 0 rgba(255, 255, 255, 0.6);
}
.borderwrapper {
overflow: hidden;
background-color: #D5E9C0;
color: #557E2C;
border: 1px solid #BADC98;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 8px;
margin: 0px;
margin-left: 0px;
font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
}
.stats_body {
width: 100%;
float: left;
}
.stats_title_left, .stats_title_center, .stats_title_right {
overflow: hidden;
color:rgb(100,100,100);
font-family: "Droid Arabic Kufi";
text-align: left;
margin: 0px;
font-size: 11px;
font-weight: bold;
padding: 2px;
}
#stats_content {
font: normal 11px tahoma,helvetica,arial,sans-serif;
font-size: 11px;
padding: 0;
}
.breadBoxstatic
{
@property "breadBox";
overflow: hidden;
zoom: 1;
clear: both;
box-sizing: border-box;
@property "/breadBox";
}
5 - من لوحة التحكم >> المظهر >> العبارات >> انشاء عباره جديدة كما بالصوره