الويب العربي - حركة غريبة في القائمة الرئيسية لم أجد لها حلاً

الويب العربي (http://www.arabwebtalk.com/index.php)

- مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)

- - حركة غريبة في القائمة الرئيسية لم أجد لها حلاً (http://www.arabwebtalk.com/showthread.php?t=107810)

حركة غريبة في القائمة الرئيسية لم أجد لها حلاً

السلام عليكم

قمت بالغاء القائمة الرئيسية وتم انشاء قائمة بديلة ليسهل علي ادراج المسميات واللينكات للصفحات الداخلية
وذلك نظراً لأن الموقع يعمل باللغة الانجليزية

الشاهد إني عندما أردت عمل قائمة منسدلة لأحد اللينكات لاحظت ان القائمة المنسدلة تظهر باتجاه اليسار !! وهذا مناسب لو كان الموقع باللغة العربية

ولكنه غير مناسب عندما يعمل الموقع باللغة الانجليزية

مثال في الصورة التالية شاهد القائمة قبل الضغط على اللينك ( ولاحظ انه تم نقلها لجهة اليسار لن الموقع كماذكرت يعرض محتوياته باللغة الانجليزية ) :

وفي هذه الصورة القائمة بعد الضغط على أحد اللينكات

وتلاحظون القائمة المنسدلة انتقلت وفتحت جهة اليسار وانا اريدها تفتح جهة اليمين لاحظ :

أرجو التكرم بالرد مشكورين

ولكم وافر التحية والتقدير

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

إن كانت القائمة الحالية تستخدم ملف style.css
فيجب التعديل على كلاس menu بتغيير اتجاه الاقسام المنسدلة من
rtl
:
ltr

وان كانت القائمة المستخدمة تم تنسيقها يدويا بالفرونت بيج
فيمكنك التأكد من إضافة الأمر باللون الاحمر بوسم القائمة

<ul dir="ltr">

أطيب تحية

عطفاً على كلام الاخت هبة ..... اذا لم يكن الحل أعلاه ما تريده .... اعمل التالي :
افتح ملف style.css و ابحث عن الكلاس التالي :

كود:



#menu li ul {

        position: absolute;

        left: -145px; /*Set 1px less than menu width */

        top: 0;

        display: block;

}

و احذف اشارة السالب على الرقم 145 ليصبح موجباً كالتالي :-

كود:



#menu li ul {

        position: absolute;

        left:145px; /*Set 1px less than menu width */

        top: 0;

        display: block;

}

الآن , لتغيير اتجاه السهم ونقله الى اليمين ليتناسب مع اللغة و الاتجاه .... ابحث عن الكلاس التالي :-

كود:



/* Icon Styles */

#menu ul a.submenu { background: #FAFAFA url('r_arrow.gif') no-repeat left; }

#menu ul a.submenu:hover {background:#005F9F url('r_arrow.gif') no-repeat left;}

و غير الكلمات left الاخيرتين في الكلاسين أعلاه و استبدلهما بright ليصبح الكود كالتالي :-

كود:



/* Icon Styles */

#menu ul a.submenu { background: #FAFAFA url('r_arrow.gif') no-repeat right; }

#menu ul a.submenu:hover {background:#005F9F url('r_arrow.gif') no-repeat right;}

و الملف المرفق هو تعديل للسهم في القائمة ليشير الى اليمين بدلاً من اليسار , فقط استبدله بالملف r_arrow.gif في مجلد images في الستايل ...