Follow along with the video below to see how to install our site as a web app on your home screen.
ملاحظة: This feature may not be available in some browsers.
وعليكم السلام ورحمة الله وبركاته ..
بنفس الطريقة المعمول بها الايقونات التي تظهر طبق على الايقونات غير الظاهرة
او ارفق القالب ليتم النظر فيه
<xf:macro name="user_info"
arg-user="!"
arg-fallbackName="">
<section itemscope itemtype="https://schema.org/Person" class="message-user">
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
<div class="message-avatar-wrapper">
<xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image" />
<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
</xf:if>
</div>
</div>
<div class="message-userDetails">
<h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" />
<xf:if is="$user.Profile.custom_fields.trust ==1">
<i class="fa fa-check-circle" aria-hidden="true" style="color: #026623;"></i>
</xf:if>
</h4>
<xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
</div>
<!-- this adds the Rank Badge Count-->
<xf:if is="$user.message_count >= 3000">
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 2000"/>
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 1000"/>
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"></div>
<xf:elseif is ="$user.message_count >= 500"/>
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 250"/>
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 100"/>
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 50"/>
<br>
<div class="rankBlock"><img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 10"/>
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 1"/>
<br>
<div class="rankBlock"><img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"></div>
</xf:if>
<!-- this adds the Rank Badge Count-->
<xf:if is="$user.user_id">
<xf:set var="$extras" value="{{ property('messageUserElements') }}" />
<xf:if contentcheck="true">
<div class="message-userExtras">
<xf:contentcheck>
<xf:if is="$extras.register_date">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-calendar"></i> {{ phrase('joined') }}</dt>
<dd>{{ date($user.register_date) }}</dd>
</dl>
</xf:if>
<xf:if is="$extras.message_count">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-comments"></i> {{ phrase('messages') }}</dt>
<dd>{$user.message_count|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.reaction_score">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-thumbs-up"></i> {{ phrase('reaction_score') }}</dt>
<dd>{$user.reaction_score|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-trophy"></i> {{ phrase('points') }}</dt>
<dd>{$user.trophy_points|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.age && $user.Profile.age">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-heartbeat"></i> {{ phrase('age') }}</dt>
<dd>{$user.Profile.age}</dd>
</dl>
</xf:if>
<xf:if is="$extras.location && $user.Profile.location">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-map"></i> {{ phrase('location') }}</dt>
<dd>
<xf:if is="$xf.options.geoLocationUrl">
<a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
<xf:else />
{$user.Profile.location}
</xf:if>
</dd>
</dl>
</xf:if>
<xf:if is="$extras.website && $user.Profile.website">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-globe"></i> {{ phrase('website') }}</dt>
<dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd>
</dl>
</xf:if>
<xf:if is="$extras.custom_fields">
<xf:macro template="custom_fields_macros" name="custom_fields_values"
arg-type="users"
arg-group="personal"
arg-set="{$user.Profile.custom_fields}"
arg-additionalFilters="{{ ['message'] }}"
arg-valueClass="pairs pairs--justified" />
<xf:if is="$user.canViewIdentities()">
<xf:macro template="custom_fields_macros" name="custom_fields_view"
arg-type="users"
arg-group="contact"
arg-set="{$user.Profile.custom_fields}"
arg-additionalFilters="{{ ['message'] }}"
arg-valueClass="pairs pairs--justified" />
</xf:if>
</xf:if>
</xf:contentcheck>
</div>
</xf:if>
</xf:if>
<span class="message-userArrow"></span>
</section>
</xf:macro>
<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="">
<header itemscope itemtype="https://schema.org/Person" class="message-user">
<meta itemprop="name" content="{{ $user.username ?: $fallbackName }}">
<div class="message-avatar">
<div class="message-avatar-wrapper">
<xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
<span class="message-userArrow"></span>
</header>
</xf:macro>
<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
<xf:if contentcheck="true">
<xf:css src="attachments.less" />
<section class="message-attachments">
<h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
<ul class="attachmentList">
<xf:contentcheck>
<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
<xf:macro template="attachment_macros" name="attachment_list_item"
arg-attachment="{$attachment}"
arg-canView="{$canView}" />
</xf:foreach>
</xf:contentcheck>
</ul>
</section>
</xf:if>
</xf:macro>
<xf:macro name="signature" arg-user="!">
<xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
<xf:if contentcheck="true">
<div class="Sign-Block">
<h6><b><i class="fa fa-pencil" style="color: rgb(150, 150, 150);font-size: 20px;"></i> توقيع : <span style="color:#FF2BDF"><xf:username user="$user" /></span></b></h6>
<aside class="message-signature">
<xf:contentcheck>
{{ bb_code($user.Profile.signature, 'user:signature', $user) }}
</xf:contentcheck>
</aside>
</div>
</xf:if>
</xf:if>
</xf:macro>
القالب حسب ما شفت أنه لا يحتوي على أكواد إضافة best answerd لإضافة الfontawesome لها لذلك يتوجب عليك التعديل على أحد قوالب الإضافة و إضافت الأيقونة لهاPHP:<xf:macro name="user_info" arg-user="!" arg-fallbackName=""> <section itemscope itemtype="https://schema.org/Person" class="message-user"> <div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}"> <div class="message-avatar-wrapper"> <xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image" /> <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()"> <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span> </xf:if> </div> </div> <div class="message-userDetails"> <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /> <xf:if is="$user.Profile.custom_fields.trust ==1"> <i class="fa fa-check-circle" aria-hidden="true" style="color: #026623;"></i> </xf:if> </h4> <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" /> <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" /> </div> <!-- this adds the Rank Badge Count--> <xf:if is="$user.message_count >= 3000"> <br> <div class="rankBlock"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> </div> <xf:elseif is ="$user.message_count >= 2000"/> <br> <div class="rankBlock"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> </div> <xf:elseif is ="$user.message_count >= 1000"/> <br> <div class="rankBlock"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"></div> <xf:elseif is ="$user.message_count >= 500"/> <br> <div class="rankBlock"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> </div> <xf:elseif is ="$user.message_count >= 250"/> <br> <div class="rankBlock"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> </div> <xf:elseif is ="$user.message_count >= 100"/> <br> <div class="rankBlock"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> </div> <xf:elseif is ="$user.message_count >= 50"/> <br> <div class="rankBlock"><img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> </div> <xf:elseif is ="$user.message_count >= 10"/> <br> <div class="rankBlock"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"> </div> <xf:elseif is ="$user.message_count >= 1"/> <br> <div class="rankBlock"><img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"></div> </xf:if> <!-- this adds the Rank Badge Count--> <xf:if is="$user.user_id"> <xf:set var="$extras" value="{{ property('messageUserElements') }}" /> <xf:if contentcheck="true"> <div class="message-userExtras"> <xf:contentcheck> <xf:if is="$extras.register_date"> <dl class="pairs pairs--justified"> <dt><i class="fa fa-calendar"></i> {{ phrase('joined') }}</dt> <dd>{{ date($user.register_date) }}</dd> </dl> </xf:if> <xf:if is="$extras.message_count"> <dl class="pairs pairs--justified"> <dt><i class="fa fa-comments"></i> {{ phrase('messages') }}</dt> <dd>{$user.message_count|number}</dd> </dl> </xf:if> <xf:if is="$extras.reaction_score"> <dl class="pairs pairs--justified"> <dt><i class="fa fa-thumbs-up"></i> {{ phrase('reaction_score') }}</dt> <dd>{$user.reaction_score|number}</dd> </dl> </xf:if> <xf:if is="$extras.trophy_points && $xf.options.enableTrophies"> <dl class="pairs pairs--justified"> <dt><i class="fa fa-trophy"></i> {{ phrase('points') }}</dt> <dd>{$user.trophy_points|number}</dd> </dl> </xf:if> <xf:if is="$extras.age && $user.Profile.age"> <dl class="pairs pairs--justified"> <dt><i class="fa fa-heartbeat"></i> {{ phrase('age') }}</dt> <dd>{$user.Profile.age}</dd> </dl> </xf:if> <xf:if is="$extras.location && $user.Profile.location"> <dl class="pairs pairs--justified"> <dt><i class="fa fa-map"></i> {{ phrase('location') }}</dt> <dd> <xf:if is="$xf.options.geoLocationUrl"> <a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a> <xf:else /> {$user.Profile.location} </xf:if> </dd> </dl> </xf:if> <xf:if is="$extras.website && $user.Profile.website"> <dl class="pairs pairs--justified"> <dt><i class="fa fa-globe"></i> {{ phrase('website') }}</dt> <dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd> </dl> </xf:if> <xf:if is="$extras.custom_fields"> <xf:macro template="custom_fields_macros" name="custom_fields_values" arg-type="users" arg-group="personal" arg-set="{$user.Profile.custom_fields}" arg-additionalFilters="{{ ['message'] }}" arg-valueClass="pairs pairs--justified" /> <xf:if is="$user.canViewIdentities()"> <xf:macro template="custom_fields_macros" name="custom_fields_view" arg-type="users" arg-group="contact" arg-set="{$user.Profile.custom_fields}" arg-additionalFilters="{{ ['message'] }}" arg-valueClass="pairs pairs--justified" /> </xf:if> </xf:if> </xf:contentcheck> </div> </xf:if> </xf:if> <span class="message-userArrow"></span> </section> </xf:macro> <xf:macro name="user_info_simple" arg-user="!" arg-fallbackName=""> <header itemscope itemtype="https://schema.org/Person" class="message-user"> <meta itemprop="name" content="{{ $user.username ?: $fallbackName }}"> <div class="message-avatar"> <div class="message-avatar-wrapper"> <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" /> </div> </div> <span class="message-userArrow"></span> </header> </xf:macro> <xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!"> <xf:if contentcheck="true"> <xf:css src="attachments.less" /> <section class="message-attachments"> <h4 class="block-textHeader">{{ phrase('attachments') }}</h4> <ul class="attachmentList"> <xf:contentcheck> <xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)"> <xf:macro template="attachment_macros" name="attachment_list_item" arg-attachment="{$attachment}" arg-canView="{$canView}" /> </xf:foreach> </xf:contentcheck> </ul> </section> </xf:if> </xf:macro> <xf:macro name="signature" arg-user="!"> <xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature"> <xf:if contentcheck="true"> <div class="Sign-Block"> <h6><b><i class="fa fa-pencil" style="color: rgb(150, 150, 150);font-size: 20px;"></i> توقيع : <span style="color:#FF2BDF"><xf:username user="$user" /></span></b></h6> <aside class="message-signature"> <xf:contentcheck> {{ bb_code($user.Profile.signature, 'user:signature', $user) }} </xf:contentcheck> </aside> </div> </xf:if> </xf:if> </xf:macro>
القالب حسب ما شفت أنه لا يحتوي على أكواد إضافة best answerd لإضافة الfontawesome لها لذلك يتوجب عليك التعديل على أحد قوالب الإضافة و إضافت الأيقونة لها
أما بخصوص مواقع التواصل الاجتماعي كذلك لا يحتويهم هذا القالب
<a href="{$value}"><i class="fa fa-check-circle"></i></a>
معذرة عن التأخر .. كما اخبرك @Fallag الحقول التي تم إضافتها هي حقول مخصصة .. ويتم تنسيقها إمن من خلال نفس القالب عن طريق المصمم أو من خلال CSS او تقوم بذلك من خلال ما يلي و لنطبق المثال على facebook
من خلال لوحة تحكم -- المستخدمين -- حقول الملف الشخصي -- ثم اختر الحقل الذي تود تعديل عليه -- ثم خيارات عامة -- ثم في عرض قيمة HTML ضع الكود التالي
HTML:<a href="{$value}"><i class="fa fa-check-circle"></i></a>
ثم غير ثم غير كود fontawesome بما تراه مناسب
الحقول غير موجودة عندك في قالب message_macros
لذا فأنت قمت بإضافتها من خلال لوحة تحكم المنتدى -- المستخدمين -- حقول المستخدمين .. صحيح ؟
لا يتم إضافتها مباشرة إلى القالب بل يتم ذلك من خلال حقول المستخدم المخصصة ..
طبق ما قلت لك سابقا .. فذلك سيسهل عليك الامر أكثر في التعديل ..
او انتظر الى حين عمل شرح مصور ان شاء الله ..
معذرة عن التأخر .. كما اخبرك @Fallag الحقول التي تم إضافتها هي حقول مخصصة .. ويتم تنسيقها إمن من خلال نفس القالب عن طريق المصمم أو من خلال CSS او تقوم بذلك من خلال ما يلي و لنطبق المثال على facebook
من خلال لوحة تحكم -- المستخدمين -- حقول الملف الشخصي -- ثم اختر الحقل الذي تود تعديل عليه -- ثم خيارات عامة -- ثم في عرض قيمة HTML ضع الكود التالي