هيلبرنت | Helpernt - [ Template] : طريقة نقل منطقة اختيار الاستايلات إلى شريط التنقل

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)

- ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)

طريقة نقل منطقة اختيار الاستايلات إلى شريط التنقل - Navigation Bar

بسم الله الرحمن الرحيم

أهلا بكم في شرح جديد وإن شاء الله يكون مفيد , شرحنا اليوم يتمثل في كيفية نقل منتقي الستايلات من أسفل المنتدى إلى شريط التنقل العلوي
المعلومات
اسم الشرح: طريقة نقل منتقي الستايلات إلى شريط التنقل
توافق الشرح: xf2.0/xf2.1
موقع مقدم الشرح: mx-blind.com
مقدم الشرح: أحمد بكر @MesterPerfect

الشرح
ندخل إلى لوحة التحكم -==> المظهر -==> القوالب -==> ثم نختار الستايل الذي نريد تعديله -==> ثم نبحث عن قالب

كود:

PAGE_CONTAINER

ونبحث داخله عن الكود التالي

كود:

        <a href="{{ link('account/alerts') }}"

                class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--alerts js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unread ? ' badgeContainer--highlighted' : '' }}"

                data-badge="{$xf.visitor.alerts_unread|number}"

                data-xf-click="menu"

                data-xf-key="{{ phrase('shortcut.alerts_menu')|for_attr }}"

                data-menu-pos-ref="< .p-navgroup"

                aria-expanded="false"

                aria-haspopup="true"

            data-xf-init="tooltip" title="{{ phrase('alerts') }}">

                <i aria-hidden="true"></i>

                <span class="p-navgroup-linkText">{{ phrase('nav_alerts') }}</span>

        </a>

ونضيف أسفله الكود التالي

كود:

                           <a href="{{ link('misc/style') }}"

                               class="p-navgroup-link p-navgroup-link--iconic"

                               data-xf-click="overlay"

                               data-xf-init="tooltip" title="{{ phrase('style_chooser')|for_attr }}" rel="nofollow">

                               <i aria-hidden="true"></i>

                               <span><xf:fa icon="fa-paint-brush" /></span>

                           </a>

[B]نتيجة العمل[/B]

قبل التعديل

https://i.imgur.com/1AhkerV.png

بعد التعديل

https://i.imgur.com/mDD3xhp.png

وبهذا ينتهي شرحنا لهذا اليوم
ونلقاكم قريبا إن شاء الله
والسَلام عليكم ورحمة الله وبركاته