هيلبرنت | Helpernt - طريقة استبدال قائمة اختيار اللغة الافتراضية الى أعلام الدول لمنتديات الزين فورو

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

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

طريقة استبدال قائمة اختيار اللغة الافتراضية الى أعلام الدول لمنتديات الزين فورو - xenforo

السلام عليكم ورحمة الله وبركاته

من البداية ونحن نحاول ان نعمل على تطوير الويب العربى مهما كان ولا برمجية ودرسنا اليوم اكثر من رااااااااااااااائع وهو استبدال القائمة تغطى صفحة الموقع و الخاصة باللغات المنتدى الى ايقونات اعلام.
[ اسم الكود ] : استبدال قائمة اختيار اللغة الافتراضية الى أعلام الدول
[ وصف الكود ] :استخدام ايقونات لاعلام الدول عند الضغط على الايقونة تغيير اللغه طبقا للغه علم الدولة
[ يتوافق مع اي اصدار ] : كل اصدارات الزين فورو وصولا الى xenforo 1.5.9

التركيب
قبل البدء فى الشرح علينا مشاهدة ما هو المقصود بالتغيير اللغه وماهى القائمة التى تحتوى على اللغات شاهدو معى الصوره القادمة

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

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

https://i.imgur.com/539iQkY.png

- فى خانه البحث اكتب

كود:

footer

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

- الان انسخ محتويات القالب بالكامل ثم ابحث عن

كود:

<xen:if is="{$canChangeLanguage}">

                    <dt>{xen:phrase language}</dt>

                    <dd><a href="{xen:link 'misc/language', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase language_chooser}" rel="nofollow">{$visitorLanguage.title}</a></dd>

                </xen:if>

            </dl>

            </xen:if>

- كما تشاهدو

https://i.imgur.com/11CAift.png

استبدله بالكود ده

كود:

                <xen:if is="{$canChangeLanguage}">

  <dd><a href="{xen:link 'misc/language', '', 'language_id=1', '_xfToken={$visitor.csrf_token_page}', 'redirect={$redirect}'}"><img src="styles/default/flags/en.png" border="0" title="English" /></a></dd>

  <dd><a href="{xen:link 'misc/language', '', 'language_id=2', '_xfToken={$visitor.csrf_token_page}', 'redirect={$redirect}'}"><img src="styles/default/flags/ar.png" border="0" title="arabic" /></a></dd>

                </xen:if>

            </dl>

            </xen:if>

- ثم اعد القالب مره ثانيا واحفظ العمل

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

- الان اذهب الى مجلد الاستايل اللى فى المجلد الرئيسيى للمنتدى ونضيف مجلد جديد اسمه falgs ويكون على هذا المسار xenforo >> styles >> default >> flags

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

سنقوم بوضع صور اللغات اللى هيدعمها المنتدى
1- طبعا هنا اختار اللغه العربيه وتم الاشار اليها من خلال علم مصر
(يمكنكم تغييرها الى اعلام بلدكم)
2- بالنسبة للغه الانجليزية اهتارو علم امريكا بريطانىكما تريدو
وهذا موقع اللى اخذت منه الاعلام https://www.iconfinder.com/icons/748...g_icon#size=16

النتيجة

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

الى هنا انتهى الدرس ياشباب وفقكم الله