| هيلبرنت |
05-05-2016 02:56 PM |
قالب معلومات العضو لسكريبت xenforo
1 مرفق
السلام عليكم ورحمة الله وبركاته
اليوم ساقدم لكم قالب معلومات العضو مثل المستخدم هنا
شرح التركيب
لوحة التحكم اللغات والاستايلات القوالب ابحث عن القالب ( EXTRA.css )
ضع الكود التالي في القالب
كود:
.messageUserBlock .arrow{ display:none !important; }
.discussionListItem .stats dl{ border: 0 !important; }
.subForumsPopup a{ padding: 0px 15px; }
.userText { text-align: center; }
.ribbon { font-size: 10px; margin: -5px -5px -2px; text-align: center; }
.ribbon li
{
border-radius: 3px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
box-shadow: 0px 1px 3px rgba(0,0,0, 0.25);
padding: 1px;
position: relative;
margin-bottom: 5px;
}
.ribbon li:last-child { margin-bottom: 0px; }
.ribbon li div { position: absolute; top: -4px; width: 4px; height: 4px; }
.ribbon li .right { border-top-right-radius: 3px; right: -1px; }
.ribbon li .left { border-top-left-radius: 3px; left: -1px; }
.ribbonStaff
{
background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
border: 1px solid @primaryLight;
color: @contentBackground;
}
.ribbonStaff div { background-color: @primaryLight; }
.extraUserInfo .pairsInline
{
margin: -2px 0 5px 6px;
padding: 2px 0 3px 0;
border-bottom: 1px dashed @primaryLight;
/*border-radius: 5px;
background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
*/text-align: center;
font: 11px Tahoma, verdana,sans-serif;
text-decoration: none;
color: @primaryMedium;
text-shadow: 1px 1px 0px #fff;
outline: 0;
}
ثم احفظ القالب
الخطوه الثانية
كود:
<xen:require css="message_user_info.css" />
<div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">
<div class="messageUserBlock">
<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" /></h3>
<ul class="ribbon">
<li class="ribbonStaff">
<div class="left"></div>
<div class="right"></div>
<xen:if hascontent="true"><em class="userTitle" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user}</xen:contentcheck></em></xen:if>
</li>
</ul>
<!-- slot: message_user_info_text -->
</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" />
<!-- slot: message_user_info_avatar -->
</div>
</xen:hook>
<xen:if is="!{$isQuickReply}">
<xen:if hascontent="true">
<div class="extraUserInfo">
<xen:contentcheck>
<xen:hook name="message_user_info_extra" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<xen:if is="@messageShowRegisterDate">
<dl class="pairsInline">
<dd>{xen:phrase member_since}:
{xen:date $user.register_date}</dd>
</dl>
</xen:if>
<xen:if is="@messageShowMessageCount">
<dl class="pairsInline">
<dd>{xen:phrase message_count}:
<a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed">{xen:number $user.message_count}</a></dd>
</dl>
</xen:if>
<xen:if is="@messageShowTotalLikes">
<dl class="pairsInline">
<dd>{xen:phrase likes_received}:
{xen:number $user.like_count}</dd>
</dl>
</xen:if>
<xen:if is="@messageShowTrophyPoints">
<dl class="pairsInline">
<dd>{xen:phrase trophy_points}:
<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="pairsInline">
<dd itemprop="gender">{xen:phrase gender}:
<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="pairsInline">
<dd itemprop="role">{xen:phrase occupation}:
{xen:string censor, $user.occupation}</dd>
</dl>
</xen:if>
<xen:if is="@messageShowLocation AND {$user.location}">
<dl class="pairsInline">
<dd>{xen:phrase location}:
<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="pairsInline">
<dd>{xen:phrase home_page}:
<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}">
<xen:if hascontent="true">
<dl class="pairsInline 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>
الشكل النهائى
ثم حفظ و مبروك عليكم القالب
كود:
http://www.xf-ar.com/resources/39/
|
