بادئ الموضوع تاريخ البدء
  • المشاهدات 448
  • الردود 3
الحالة
مغلق و غير مفتوح للمزيد من الردود.
offline

! ωαнαм !

طاقم الإدارة
رفيق ردب

إنضم
2017 - 8 - 6
المشاركات
292
مستوى التفاعل
58
النقاط
27
آخر نشاط
الإقامة
Riyadh
الموقع الالكتروني
🔗
علم الدولة
السلام عليكم ورحمة الله وبركاته ،

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

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


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

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

SUPPORT

خدمات الدعم الفني
طاقم الإدارة
الدعم الفني والمساعدة

إنضم
2017 - 9 - 29
المشاركات
143
مستوى التفاعل
63
النقاط
27
آخر نشاط
الإقامة
Saudi Arab
الموقع الالكتروني
🔗
علم الدولة
تعديل في القالب من الاعجابات الى التفاعلات المتلقاه ..
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>
 
offline

Alrajabane

^_^
وّأِحُدّ مًنُ أٌلِنُأًسُ

إنضم
2016 - 8 - 7
المشاركات
2,874
مستوى التفاعل
270
النقاط
1,795
آخر نشاط
الإقامة
السعودية
الموقع الالكتروني
🔗
علم الدولة
تحديث لنسخ ( 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;
}
 
offline

Alrajabane

^_^
وّأِحُدّ مًنُ أٌلِنُأًسُ

إنضم
2016 - 8 - 7
المشاركات
2,874
مستوى التفاعل
270
النقاط
1,795
آخر نشاط
الإقامة
السعودية
الموقع الالكتروني
🔗
علم الدولة
الحالة
مغلق و غير مفتوح للمزيد من الردود.

كلمة المدير

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

تواصل مع فريق العمل

  • Saudi Arabia , RD

  • 966-550412399

  • support@hr7xx.net

  • www.hr7xx.net

عن حبر نت

مجتمع عربي يهدف لنقاش العام وكذلك الترفيه والمسابقات كما يجمع المنتدى العديد من الأقسام المفيدة للمستخدم .

تابعنا على المواقع الاجتماعية


إتصل بنا

 

أعلى

خيارات الاستايل

تلوين الاقسام
خلفية المنتدى
نوع الخط
جدول المنتديات
تمديد المنتدى
فصل الأقسام
إخفاء السايدبار
حجم الخط
الصورة الرمزية
بيانات العضو
إخفاء التواقيع

إرجاع خيارات الإستايل