abo-karim
09-06-2016, 09:33 PM
السلام عليكم ورحمة الله وبركاته
من البداية ونحن نحاول ان نعمل على تطوير الويب العربى مهما كان ولا برمجية ودرسنا اليوم اكثر من رااااااااااااااائع وهو استبدال القائمة تغطى صفحة الموقع و الخاصة باللغات المنتدى الى ايقونات اعلام.
[ اسم الكود ] : استبدال قائمة اختيار اللغة الافتراضية الى أعلام الدول
[ وصف الكود ] :استخدام ايقونات لاعلام الدول عند الضغط على الايقونة تغيير اللغه طبقا للغه علم الدولة
[ يتوافق مع اي اصدار ] : كل اصدارات الزين فورو وصولا الى 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/748011/egypt_flag_icon#size=16
النتيجة
https://i.imgur.com/znzwqWQ.png
الى هنا انتهى الدرس ياشباب وفقكم الله
من البداية ونحن نحاول ان نعمل على تطوير الويب العربى مهما كان ولا برمجية ودرسنا اليوم اكثر من رااااااااااااااائع وهو استبدال القائمة تغطى صفحة الموقع و الخاصة باللغات المنتدى الى ايقونات اعلام.
[ اسم الكود ] : استبدال قائمة اختيار اللغة الافتراضية الى أعلام الدول
[ وصف الكود ] :استخدام ايقونات لاعلام الدول عند الضغط على الايقونة تغيير اللغه طبقا للغه علم الدولة
[ يتوافق مع اي اصدار ] : كل اصدارات الزين فورو وصولا الى 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/748011/egypt_flag_icon#size=16
النتيجة
https://i.imgur.com/znzwqWQ.png
الى هنا انتهى الدرس ياشباب وفقكم الله