abo-karim |
10-05-2017 09:55 PM |
قالب معلومات العضو Message User Info برعاية معهد هيلبرنت
1 مرفق
السلام عليكم ورحمة الله وبركاته هذا هو الموضوع ليس الموضوع الاول لقالب معلومات العضو انما طرح الكثير هنا فى معهد هيلبرنت او فى مواقع اخرى ولان المواقع تنقل من بعضها دون البحث عن اصل المعلومة او القيام بتجربتها يكتشف الزائر او العضو بان احيانا وليس دائما توجد اخطاء واليوم هذا القالب ياتى ليصحح اخطاء القالب اللى تم وضعه هنا قالب معلومات العضو المميز Message User Info
صوره حية من القالب بعد التجربه
توافق القالب
القالب تم اختباره على الجيل الاول وبالاخص الاصدار XF1.5.0 الى XF1.5.14
الشرح وخطوات العمل
فى حال اذا كان استايلك لايدعم مكتبة الخطوط فافعل تلك الخطوات
1- ادخل الى لوحة التحكم الخاصة بك >>> ثم المظهر >>> ثم البحث فى القوالب >> ابحث عن هذا القالب PAGE_CONTAINER
2- ابحث بداخله عن <head>
3- قم بلصق هذا الكود بعده مباشره
كود:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
الخطوات الاساسية للى مركبين استايل هيلبرنت او استايل Flat Awesome
الاستايلات تجدوهنا هنا 1- ادخل الى لوحة التحكم الخاصة بك >>> ثم المظهر >>> ثم البحث فى القوالب >> ابحث عن هذا القالب message_user_info
2- قم باستبدال القالب بالكامل وضع هذا بدلا منه
كود:
<xen:require css="message_user_info.css" />
<div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">
<div class="messageUserBlock {xen:if $user.isOnline, online}">
<xen:if is="!{$isQuickReply}">
<xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<h3 class="userText">
<xen:username user="$user" itemprop="name" rich="true" />
<xen:if hascontent="true"><em class="userTitle" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user, 1, 1}</xen:contentcheck></em></xen:if>
{xen:helper userBanner, $user, 'wrapped'}
<!-- slot: message_user_info_text -->
</h3>
</xen:hook>
</xen:if>
<xen:hook name="message_user_info_avatar" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<div class="avatarHolder">
<span class="helper"></span>
<xen:avatar user="$user" size="m" img="true" />
<xen:if is="{$user.isOnline}"><span class="Tooltip onlineMarker" title="{xen:phrase online_now}" data-offsetX="-22" data-offsetY="-8"></span></xen:if>
<!-- slot: message_user_info_avatar -->
</div>
</xen:hook>
<xen:if is="!{$isQuickReply}">
<xen:if hascontent="true">
<div class="xbBoxedFA">
<dl class="pairsJustifield xbMessages">
<dt><i class="fa fa-comments fa-fw Tooltip" title="{xen:phrase messages}" data-offsetx="-6" data-offsety="0"></i></dt>
<dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></dd>
</dl>
<dl class="pairsJustifield xbLikes">
<dt><i class="fa fa-thumbs-up fa-fw Tooltip" title="{xen:phrase likes_received}" data-offsetx="-6" data-offsety="0"></i></dt>
<dd>{xen:number $user.like_count}</dd>
</dl>
<dl class="pairsJustifield xbTrophyPoints">
<dt><i class="fa fa-trophy fa-fw Tooltip" title="{xen:phrase trophy_points}" data-offsetx="-6" data-offsety="0"></i></dt>
<dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
</dl>
</div>
<div class="extraUserInfo">
<xen:contentcheck>
<xen:hook name="message_user_info_extra" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<xen:if is="@messageShowRegisterDate AND {$user.user_id}">
<dl class="pairsJustified">
<dt>{xen:phrase joined}:</dt>
<dd>{xen:date $user.register_date}</dd>
</dl>
</xen:if>
<xen:if is="@messageShowMessageCount AND {$user.user_id}">
<dl class="pairsJustified">
<dt>{xen:phrase messages}:</dt>
<dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></dd>
</dl>
</xen:if>
<xen:if is="@messageShowTotalLikes AND {$user.user_id}">
<dl class="pairsJustified">
<dt>{xen:phrase likes_received}:</dt>
<dd>{xen:number $user.like_count}</dd>
</dl>
</xen:if>
<xen:if is="@messageShowTrophyPoints AND {$user.user_id} AND {$xenOptions.enableTrophies}">
<dl class="pairsJustified">
<dt>{xen:phrase trophy_points}:</dt>
<dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
</dl>
</xen:if>
<xen:if is="@messageShowGender AND {$user.gender}">
<dl class="pairsJustified">
<dt>{xen:phrase gender}:</dt>
<dd><xen:if is="{$user.gender} == 'male'">{xen:phrase male}<xen:else />{xen:phrase female}</xen:if></dd>
</dl>
</xen:if>
<xen:if is="@messageShowOccupation AND {$user.occupation}">
<dl class="pairsJustified">
<dt>{xen:phrase occupation}:</dt>
<dd itemprop="role">{xen:string censor, $user.occupation}</dd>
</dl>
</xen:if>
<xen:if is="@messageShowLocation AND {$user.location}">
<dl class="pairsJustified">
<dt>{xen:phrase location}:</dt>
<dd><a href="{xen:link 'misc/location-info', '', 'location={xen:string censor, $user.location, '-'}'}" target="_blank" rel="nofollow" itemprop="address" class="concealed">{xen:string censor, $user.location}</a></dd>
</dl>
</xen:if>
<xen:if is="@messageShowHomepage AND {$user.homepage}">
<dl class="pairsJustified">
<dt>{xen:phrase home_page}:</dt>
<dd><a href="{xen:string censor, $user.homepage, '-'}" rel="nofollow" target="_blank" itemprop="url">{xen:string censor, $user.homepage}</a></dd>
</dl>
</xen:if>
</xen:hook>
<xen:if is="@messageShowCustomFields AND {$user.customFields}">
<xen:hook name="message_user_info_custom_fields" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<xen:foreach loop="$userFieldsInfo" key="$fieldId" value="$fieldInfo">
<xen:if is="{$fieldInfo.viewable_message} AND ({$fieldInfo.display_group} != 'contact' OR {$user.allow_view_identities} == 'everyone' OR ({$user.allow_view_identities} == 'members' AND {$visitor.user_id}))">
<xen:if hascontent="true">
<dl class="pairsJustified userField_{$fieldId}">
<dt>{xen:helper userFieldTitle, $fieldId}:</dt>
<dd><xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck></dd>
</dl>
</xen:if>
</xen:if>
</xen:foreach>
</xen:hook>
</xen:if>
</xen:contentcheck>
</div>
</xen:if>
</xen:if>
<span class="arrow"><span></span></span>
</div>
</div>
3- قم الان بحفظ القالب
4- ادخل الى لوحة التحكم الخاصة بك >>> ثم المظهر >>> ثم البحث فى القوالب >> ابحث عن هذا القالب Extra.css
7- قم بلصق هدا الكود
كود:
.messageUserBlock .xbBoxedFA{
font-size: 15px;
color: rgb(106, 106, 106);
background-color: rgb(242, 242, 242);
margin: 0px 10px 5px;
border: 1px solid rgb(204, 204, 204);
border-radius: 2px;
box-shadow: inset 0px 1px 0px 0px #fff;
overflow: hidden;
}
.messageUserBlock .xbBoxedFA .xbMessages,
.messageUserBlock .xbBoxedFA .xbLikes,
.messageUserBlock .xbBoxedFA .xbTrophyPoints
{
font-size: 14px;
margin: 2px 0px;
float: left;
display: inline-block;
box-sizing: border-box;
min-width: 33%;
}
.messageUserBlock .xbBoxedFA .xbMessages dt,
.messageUserBlock .xbBoxedFA .xbLikes dt,
.messageUserBlock .xbBoxedFA .xbTrophyPoints dt
{
font-size: 16px;
color: rgb(126, 126, 126);
margin-right: 0px;
float: none;
text-align: center;
width: auto;
}
.extraUserInfo .pairsJustifield dt, .extraUserInfo .pairsJustifield dd
{
float: none;
width: auto;
text-align: center;
margin-right: 0px;
}
.pairsJustifield dt
{
float: left;
max-width: 100%;
margin-right: 5px;
}
.messageUserBlock .xbBoxedFA .xbMessages dd,
.messageUserBlock .xbBoxedFA .xbLikes dd,
.messageUserBlock .xbBoxedFA .xbTrophyPoints dd
{
margin-right: 0px;
float: none;
text-align: center;
width: auto;
}
.extraUserInfo .pairsJustifield dt,
.extraUserInfo .pairsJustifield dd
{
float: none;
width: auto;
text-align: center;
margin-right: 0px;
}
.pairsJustifield dd
{
float: right;
text-align: right;
max-width: 100%;
}
8- قم الان بحفظ العمل ومبروك عليك,
*مواضيع نهمك حتى تحصل على نفس شكل القالب
اقتباس:
ساهم فى نشر الموضوع من خلال ردك عليه
|
|