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

الحالة
مغلق و غير مفتوح للمزيد من الردود.
  • بادئ الموضوع
  • الإدارة
  • #1

! ωαнαм !

رفيق ردب
إنضم
2017 - 8 - 6
المشاركات
263
النقاط
27
الإقامة
Riyadh
الموقع الالكتروني
hr7xx.net
علم الدولة
السلام عليكم ورحمة الله وبركاته ،

اليوم مع درس خفيف وبسيط واضافة جمالية على قائمة العضوية في الرئيسية

الشكل قبل التعديل


1515086244976.png

مع الشرح ، ندخل للوحة تحكم المنتدى ثم من اعلى يسار نضغط على زر ابحث ثم ننسخ اسم القالب

PHP:
account_visitor_menu
ثم نلصقه بالمكان المخصص كما بالصورة التالية ثم نضغط على الاسم الذي يظهر

1515086343033.png

كود:
ملاحظة : هذه الطريقة في البحث تعتبر من بين افضل مميزات xenforo ، لكن اذا تعذر البحث يمكن استخدام الطريقة الاعتيادية وهي البحث في القوالب بشكل دقيق
بعد ان ظهرت صفحة القالب ، نقوم بنسخ الكود التالي
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>
ثم نعود للقالب ونقوم بحذف الكود الموجود به كاملا ثم نقوم بلصق الكود السابق

1515086445087.png

ثم ننزل لاسفل ونعمل حفظ للتعديل

1515086487695.png

وهذه النتيجة النهائية بعد التعديل ، شكلها اجمل الان

1515086515085.png

ان شاء الله يكون الدرس خفيف ولذيذ ، والى اللقاء في درس اخر​
 

SUPPORT

الدعم الفني والمساعدة
إنضم
2017 - 9 - 29
المشاركات
141
النقاط
27
تعديل في القالب من الاعجابات الى التفاعلات المتلقاه ..
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/reactions') }}" class="menu-linkRow"><i class="fa fa-thumbs-up fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('reactions_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>
 

Alrajabane

^_^
وّأِحُدّ مًنُ أٌلِنُأًسُ
إنضم
2016 - 8 - 7
المشاركات
2,823
النقاط
1,795
الإقامة
السعودية
الموقع الالكتروني
hr7xx.net
علم الدولة
تحديث لنسخ ( 2.1 ) ..

4885

4886
ضع مايلي في قالب extra.less
CSS:
.p-navEl-link {
    &:before{
        font-size: 15px;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 3px;
        .m-faBase();
    }
    &[data-nav-id="home"]:before{content: '\f015';}
    &[data-nav-id="forums"]:before{content: '\f086';}
    &[data-nav-id="whatsNew"]:before{content: '\f0e7';}
    &[data-nav-id="members"]:before{content: '\f007';}
    &[data-nav-id="newPosts"]:before{content: '\f075';}
    &[data-nav-id="findThreads"]:before{content: '\f002';}
    &[data-nav-id="watched"]:before{content: '\f2f1'; }
    &[data-nav-id="searchForums"]:before{content: '\f689';}
    &[data-nav-id="markForumsRead"]:before{content: '\f5b7';}
}
.menu-linkRow{
    &:before{
        display: inline-block;
        font-size: 15px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 3px;
        .m-faBase();
    }
    &[data-nav-id="whatsNewPosts"]:before{content: '\f4ad';}
    &[data-nav-id="whatsNewProfilePosts"]:before{content: '\f4ff';}
    &[data-nav-id="whatsNewNewsFeed"]:before{content: '\f09e';}
    &[data-nav-id="latestActivity"]:before{content: '\f6a3';}
    &[data-nav-id="currentVisitors"]:before{content: '\f0c0';}
    &[data-nav-id="newProfilePosts"]:before{content: '\f4ff';}
    &[data-nav-id="searchProfilePosts"]:before{content: '\f00e';}
    &[data-nav-id="yourThreads"]:before{content: '\f4ad';}
    &[data-nav-id="contributedThreads"]:before{content: '\f4ac';}
    &[data-nav-id="unansweredThreads"]:before{content: '\f4b5';}
    &[data-nav-id="watchedThreads"]:before{content: '\f14e';}
    &[data-nav-id="watchedForums"]:before{content: '\f4ac';}
}
.menu-tabHeader .tabs-tab{
    &:before{
        display: inline-block;
        font-size: 15px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 3px;
        .m-faBase();
    }
    &[href="{{ link('account') }}"]:before{content: '\f509';}
    &[href="{{ link('account/bookmarks') }}"]:before{content: '\f02e';}
}
.menu-content .listPlain .menu-linkRow{
    &:before{
        display: inline-block;
        font-size: 15px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 3px;
        .m-faBase();
}
    &[href="{{ link('whats-new/news-feed') }}"]:before{content: '\f09e';}
    &[href*="{{ link('search/member') }}"]:before{content: '\f4b2';}
    &[href*="{{ link('account/reactions') }}"]:before{content: '\f361';}
    &[href="{{ link('account/account-details') }}"]:before{content: '\f4fe';}
    &[href="{{ link('account/security') }}"]:before{content: '\f502';}
    &[href="{{ link('account/privacy') }}"]:before{content: '\f505';}
    &[href="{{ link('account/preferences') }}"]:before{content: '\f6a3';}
    &[href="{{ link('account/signature') }}"]:before{content: '\f5b7';}
    &[href="{{ link('account/following') }}"]:before{content: '\f14e';}
    &[href="{{ link('account/ignored') }}"]:before{content: '\f4fa';}
}
[href*="{{ link('logout') }}"]:before{
        display: inline-block;
        .m-faBase();
        content: '\f011';
        font-size: 15px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 3px;
}
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.

المشاركات المتشابهة


جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة المنتدى .

أعلى أسفل