درس دريم ويفر عمل القوائم عن طريق اللير
درس دريم ويفر عمل القوائم عن طريق اللير
درس دريم ويفر عمل القوائم عن طريق اللير

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

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

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

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

كيف يتم عمل قائمة منسدلة تظهر عند مرور الماوس

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

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

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

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

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

يعني كل قائمة يجب أن تأخذ اسم معين
مثلا الأخبار راح نسميهة 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
فهناك قوائم جاهزة
وأيضا توجد فلاتر كثيرة جاهزة
والفلاتر جميلة جدا

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