محمد مسلم

طاقم الإدارة
إنضم
28 أبريل 2010
المشاركات
2,209
الإعجابات
294
النقاط
90
الإقامة
المغرب
الموقع الالكتروني
#1
السلام عليكم ورحمة الله وبركاته ،

أهلا وسهلا بكل رواد ورائدات رهيف الاحساس الطيبين ، مع سلسلة دروس xenforo ، اليوم نقدم لكم شرح كيفية تركيب ايقونات fontawsome الرائعة ، والتي تضفي جمالية خاصة على المنتدى ،

شكل قائمة ملف العضوية قبل التعديل

fontawsome-xf-2.0.12-1.png

أولا ندخل الى لوحة تحكم المنتدى وبعدها من اعلى يسار اللوحة نضغط على أيقونة البحث ثم نضع اسم القالب المراد التعديل عليه ثم نضغط Enter

اسم القالب :

PHP:
account_visitor_menu
fontawsome-xf-2.0.12-2.png

فيظهر لنا اسم القالب في البحث نضغط عليه كما بالصورة أعلى ، فيظهر لنا محتوى القالب نقوم باخذ نسخة منه تحسبا لاي مشكلة ..

ملاحظة : لا تنسى اختيار الستايل الذي تود التعديل عليه.

fontawsome-xf-2.0.12-3.png



ثم نقوم بلصق الكود التالي

PHP:
<div class="menu-row menu-row--highlighted">
    <xf:macro name="visitor_panel_row" />
</div>

<xf:macro name="visitor_panel_row">
    <div class="contentRow">
        <div class="contentRow-figure">
            <xf:avatar user="{$xf.visitor}" size="m" href="" notooltip="true" update="{{ link('account/avatar', $xf.visitor) }}" />
        </div>
        <div class="contentRow-main">
            <h3 class="contentRow-header"><xf:username user="$xf.visitor" rich="true" notooltip="true" /></h3>
            <div class="contentRow-lesser">
                <xf:usertitle user="$xf.visitor" />
            </div>



            <div class="contentRow-minor">
                <!--[XF:stats_pairs:above_messages]-->
                <dl class="pairs pairs--justified fauxBlockLink">
                    <dt><i class="fa fa-comments fa-large fa-fixed-width" style="padding-right:6px;"></i>{{ phrase('messages') }}</dt>
                    <dd>
                        <a href="{{ link('search/member', null, {'user_id': $xf.visitor.user_id}) }}" class="fauxBlockLink-linkRow u-concealed">
                            {$xf.visitor.message_count|number}
                        </a>
                    </dd>
                </dl>
                <!--[XF:stats_pairs:above_likes]-->
                <dl class="pairs pairs--justified fauxBlockLink">
                    <dt><i class="fa fa-thumbs-up fa-large fa-fixed-width" style="padding-right:6px;"></i>{{ phrase('likes') }}</dt>
                    <dd>
                        <a href="{{ link('account/likes') }}" class="fauxBlockLink-linkRow u-concealed">
                            {$xf.visitor.like_count|number}
                        </a>
                    </dd>
                </dl>
                <!--[XF:stats_pairs:above_points]-->
                <xf:if is="$xf.options.enableTrophies">
                    <dl class="pairs pairs--justified fauxBlockLink">
                        <dt><i class="fa fa-trophy fa-large fa-fixed-width" style="padding-right:6px;"></i>{{ phrase('trophy_points') }}</dt>
                        <dd>
                            <a href="{{ link('members/trophies', $xf.visitor) }}" data-xf-click="overlay" class="fauxBlockLink-linkRow u-concealed">
                                {$xf.visitor.trophy_points|number}
                            </a>
                        </dd>
                    </dl>
                </xf:if>
            </div>
        </div>
    </div>
</xf:macro>

<!--[XF:menu_separator:below_visitor_panel]-->
<hr class="menu-separator menu-separator--hard" />

<ul class="listPlain listColumns listColumns--narrow listColumns--together">
    <!--[XF:content_links:top]-->
    <li><a href="{{ link('whats-new/news-feed') }}" class="menu-linkRow"><i class="fa fa-rss-square fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('news_feed') }}</a></li>
    <li><a href="{{ link('search/member', null, {'user_id': $xf.visitor.user_id}) }}" class="menu-linkRow"><i class="fa fa-comment fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('your_content') }}</a></li>
    <li><a href="{{ link('account/likes') }}" class="menu-linkRow"><i class="fa fa-thumbs-up fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('likes_received') }}</a></li>
    <!--[XF:content_links:bottom]-->
</ul>

<!--[XF:menu_separator:below_content_links]-->
<hr class="menu-separator" />

<ul class="listPlain listColumns listColumns--narrow listColumns--together">
    <!--[XF:account_links:top]-->
    <li><a href="{{ link('account/account-details') }}" class="menu-linkRow"><i class="fa fa-user fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('account_details') }}</a></li>
    <li><a href="{{ link('account/security') }}" class="menu-linkRow"><i class="fa fa-key fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('password_and_security') }}</a></li>
    <li><a href="{{ link('account/privacy') }}" class="menu-linkRow"><i class="fa fa-lock fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('privacy') }}</a></li>
    <li><a href="{{ link('account/preferences') }}" class="menu-linkRow"><i class="fa fa-cogs fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('preferences') }}</a></li>
    <li><a href="{{ link('account/signature') }}" class="menu-linkRow"><i class="fa fa-pencil fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('signature') }}</a></li>
    <xf:if is="$xf.app.userUpgradeCount">
        <li><a href="{{ link('account/upgrades') }}" class="menu-linkRow"><i class="fa fa-shopping-cart fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('account_upgrades') }}</a></li>
    </xf:if>
    <xf:if is="$xf.app.connectedAccountCount">
        <li><a href="{{ link('account/connected-accounts') }}" class="menu-linkRow"><i class="fa fa-users fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('connected_accounts') }}</a></li>
    </xf:if>
    <li><a href="{{ link('account/following') }}" class="menu-linkRow"><i class="fa fa-user-plus fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('following') }}</a></li>
    <li><a href="{{ link('account/ignored') }}" class="menu-linkRow"><i class="fa fa-user-times fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('ignoring') }}</a></li>
    <!--[XF:account_links:bottom]-->
</ul>

<!--[XF:menu_separator:below_account_links]-->
<hr class="menu-separator" />

<a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="menu-linkRow"><i class="fa fa-key fa-large fa-fixed-width" style="padding-right:6px;"></i>{{ phrase('log_out') }}</a>

<xf:if is="$xf.visitor.canPostOnProfile()">
    <xf:form action="{{ link('members/post', $xf.visitor) }}" ajax="true" data-redirect="off" data-reset-complete="true" class="menu-footer">
        <xf:textarea name="message" rows="1" autosize="true"
            maxlength="{$xf.options.profilePostMaxLength}"
            placeholder="{{ phrase('update_your_status...') }}"
            data-xf-init="focus-trigger user-mentioner" data-display="< :next" />
        <div class="u-hidden u-hidden--transition u-inputSpacer">
            <xf:button type="submit" class="button--primary"><i class="fa fa-comment fa-large fa-fixed-width" style="padding-right:6px;"></i>{{ phrase('post_verb') }}</xf:button>
        </div>
    </xf:form>
</xf:if>
ثم ننزل لاسفل ونعمل حفظ

fontawsome-xf-2.0.12-5.png



وهذه النتيجة بعد التعديل .. أراه أجمل الان :love:

fontawsome-xf-2.0.12-4.png


الى اللقاء مع درس جديد باذن الله
:) ودمت سالمين :giggle:
 
التعديل الأخير:

سالمة

طاقم الإدارة
إنضم
12 فبراير 2015
المشاركات
20,458
الإعجابات
280
النقاط
90
#2
1545234860224.jpeg


علآ مقدآرك
قلمكـ النآبض ينقش آلتمييز
سلمت وسلم لنآ قلمكـ الذي يحوى حبر آلتمييز وآلابدآع
فشكرآ لكـ بحجم آلمدى

تحياتى
 

قم بإنشاء حساب أو تسجيل الدخول للتعليق.

يجب أن تكون عضوًا حتى تتمكن من إضافة تعليق

إنشاء حساب

قم بعمل حساب جديد بالمنتدى. فهو سهل!

تسجيل الدخول

هل لديك حساب ؟ سجل دخولك من هنا.

أعلى