شرح تصميم زر يضىء عند مرور الفأرة عليه بالفرونت بيج
السلام عليكم و رحمة الله و بركاته
اقدم لكم الدرس الرابع من دورة احتراف الفرونت بيج
و هو كيفية تصميم زر يضىء عند مرور الفأرة عليه
تطبيق على الشرح: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
رد مع اقتباس
المشاركة الأصلية كتبت بواسطة M.R Hassan 
