السلام عليكم ورحمة الله وبركاته
من البداية ونحن نحاول ان نعمل على تطوير الويب العربى مهما كان ولا برمجية ودرسنا اليوم اكثر من رااااااااااااااائع وهو استبدال القائمة تغطى صفحة الموقع و الخاصة باللغات المنتدى الى ايقونات اعلام.
[ اسم الكود ] : استبدال قائمة اختيار اللغة الافتراضية الى أعلام الدول
[ وصف الكود ] :استخدام ايقونات لاعلام الدول عند الضغط على الايقونة تغيير اللغه طبقا للغه علم الدولة
[ يتوافق مع اي اصدار ] : كل اصدارات الزين فورو وصولا الى xenforo 1.5.9
[ موقع مقدم الشرح ] :هيلبرنت
التركيب
قبل البدء فى الشرح علينا مشاهدة ما هو المقصود بالتغيير اللغه وماهى القائمة التى تحتوى على اللغات شاهدو معى الصوره القادمة
هذه هو الشكل المعتاد دعونا نرى ماتم تطويره
تابعو معى الصور
1- هندخل لوحة التحكم المنتدى منها للمظهر >>>>> البحث فى القوالب >>>>>> ستظهر لنا هذه الصفحة كما بالصوره
فى خانه البحث اكتب
كود:
footer
الان انسخ محتويات القالب بالكامل ثم ابحث عن
كود:
<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">{$visitorL anguage.title}</a></dd> </xen:if> </dl> </xen:if>
كما تشاهدو
استبدله بالكود ده
كود:
<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>
ثم اعد القالب مره ثانيا واحفظ العمل
الان اذهب الى مجلد الاستايل اللى فى المجلد الرئيسيى للمنتدى ونضيف مجلد جديد اسمه falgs ويكون على هذا المسار
xenforo >> styles >> default >> flags
سنقوم بوضع صور اللغات اللى هيدعمها المنتدى
1- طبعا هنا اختار اللغه العربيه وتم الاشار اليها من خلال علم مصر
(يمكنكم تغييرها الى اعلام بلدكم)
2- بالنسبة للغه الانجليزية اهتارو علم امريكا بريطانىكما تريدو
وهذا موقع اللى اخذت منه الاعلام
https://www.iconfinder.com/icons/748...g_icon#size=16
النتيجة
الصور الخااااصة بالشرح مع الاعلام تم ضغطها ورفعها ستجدوها هنا
الى هنا انتهى الدرس ياشباب وفقكم الله
مواقع النشر (المفضلة)