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

العاشق 2005 · #1 11-19-2008, 09:10 PM

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

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

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

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

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

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

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

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

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

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

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

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