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

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

كيف الحال اخواني ان شاء الله تكونون بخير

تحياتي للجميع

تلبية لطلب الأخ
motaz
كيف يتم عمل قائمة منسدلة تظهر عند مرور الماوس


وراح استخدم اللير في عمل القوائم

في البداية نقوم بعمل قائمة بالفوتوشوب
وأي كانت القائمة

الآن في برنامج الدريم ويفر
نقوم بعمل ثلاث ليرات كما في الصورة التالية






نقوم الآن بوضع رؤوس القوائم في الليرات الثلاثة








نقوم بتسمة القوائم الثلاثة كما في الصورة التالية

يعني كل قائمة يجب أن تأخذ اسم معين
مثلا الأخبار راح نسميهة news1





الآن اسفل كل قائمة نقوم برسم لير
ونضع تحت كل لير القائمة الخاصة به






لاحظ قمنا بتسمة القوائم
يعني كل قائمة يجب أن تأخذ نفس اسم رأس القائمة
مثلا news1
وتحتها news2

وهكذا مع بقية القوائم



الآن سوف أختار رأس قائمة الأخبار (news1)
واذهب الى بهيفرز
ونضغط على
show hide Elements





الآن نقوم بإظهار (news2)
ونقوم بإخفاء القوائم التي تنتهي برقم 2
اي إننا سوف نقوم باخفاء القوائم الأخرى واظهار فقط قائمة الاخبار





الآن نختار الحدث عند مرور الماوس
on mouse over





نكرر ذلك على بقية القوائم الأخرى


الآن نقوم باخفاء القوائم الثانية يعني اللي تنتهي برقم 2

من AP Elements





الآن قم بحفظ الصفحة واستعرضها في المتصفح






الآن ستلاحظ عند مرور الماوس على احد القوائم سوف تظهر القائمة كاملة
وكذلك في كل القوائم ولكن آخر قائمة سوف تظل ظاهرة ولا تختفي

لذلك سوف نقوم بعمل لير حول القوائم كلها







الآن نذهب الى
show hide Elements

ونقوم بإظهار اللير اللي عملناه
ونخفي جميع الليرات التي تنتهي برقم 2



والحدث
on mouse over



الى هنا انتهى الدرس
وهاية اضافة
اذا تحبون تسوهة يعني بكيفكم
نعود الى القوائم التي تنتهي برقم 2
نضيف لها حدث آخر
وهو اخفاء القائمة بعد النقر على اي جزء من القائمة

سوف أقوم بتحديد قائمة نيوز 2 news2
واقوم باخفاءها



ونضع الحد
عند النقر



انتهى كل شيء

واذا كنت تستخدم
نسخة cs3
فهناك قوائم جاهزة
وأيضا توجد فلاتر كثيرة جاهزة
والفلاتر جميلة جدا

:::::::::::::::


اتمنى ان أكون قد وفقت في الشرح

واي خطوة ما فاهميهة اخبروني بها

تحياتي للجميع