شرح تصميم زر يضىء عند مرور الفأرة عليه بالفرونت بيج

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

اقدم لكم الدرس الرابع من دورة احتراف الفرونت بيج
و هو كيفية تصميم زر يضىء عند مرور الفأرة عليه
تطبيق على الشرح:www.albasha.info/methal/1
ارجو ان تستفيدوا
بسم الله الرحمن الرحيم فلنبدأ الدرس:

اولاً افتح برنامج الفرونت بيج
ثم اضغط على هذا الزر


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



فتكون التيجة كالتالى:



ثم نذهب الى قائمة view و تظهر لنا قائمة نختار منها toolbars و تظهر قائمة اخرى نختار منها DHTML Effects كما بالصورة:



ثم تظهر لنا الشريط التالى فنقوم بالضغط مرة واحدة فى الجدول الذى قمنا بعمله و نختار من القائمة التى فى اقصى اليسار بالشريط mouse over ثم ننتقل للقائمة الى على يمينها و نختار منها formatting ثم ننتقل الى القائمة التى على يمينها و نختار منها choose border:



فتظهر لنا النافذة التالية و نذهب الى القائمة style و نختار منها outset :



ثم نختار القائمة shading التى باعلى النافذة فتظهر لنا الشاشة التاليى و نختار منها لون الخلفية الذى تريده ان يظهر عندما تمر الفأرة على الجدول كما بالصورة:



ثم نضغط على ok و نسجل الصفحة فى المكان الذى تريده بجهازك ثم افقتحها بمتصفحك (ملحوظة يجب ان يكون متصفحك يدعم عرض ال javascript) و شاهد النتيجة ثم مرر الفأرة على الجدول فستجد ان لونه يتغير عند مرور الفأرة كما يمكنك ان تجعله يظهر صورة فاستكشف فى هذه الخاصية و ستعلم كيف باذن الله
تطبيق:
www.albasha.info/methal/1

اسف على التقصير
واى استفسار انا حاضر

ملحوظة يمنع النقل بدون ذكر المصدر و هو :
http://www.albasha.info/design/viewtopic.php?p=276#276