شرح برنامج Sothink DHTMLMenu لإنشاء القوائم.

[اللورد ميدو]

بسم الله الرحمن الرحيم
اعضاء وزار منتدى دردشه
السلام عليكم ورحمة الله وبركاته
في هذا الموضوع نشرح برنامج Sothink DHTMLMenu الذي يعد من أفضل برامج إنشاء قوائم جافا بشكل جميل وسهل أيضا متوافق مع الفرونت بيج .
عنوان الشركة المنتجة للبرنامج
http://www.sothink.com/
عنوان رابط تحميل النسخة .
http://www.sothink.com/download/sdmenu.zip
وايضا لابد من تحميل هذا البرنامج ليقوم بإدارج إيقونة للبرنامج داخل الفرونت بيج
http://www.sothink.com/download/FrontPg.zip
نبدأ الشرح مستعين بالله القدير :-
بعد تنصيب البرنامج وتشغيله يظهر بالشكل التالي
http://abunada15.jeeran.com/Sothink/sothink.gif

1- من هنا تستطيع أن تستعرض تمبلت بعدة أشكال جاهزة يوفرها لك البرنامج .
2- إستعراض العمل في مستصفح خاص بالبرنامج او عن طريق اكسبلورر .
3- نشر عملك مباشرة من البرنامج لموقعك ( لاتعمل بهذا الخيار ) .
نأخذ المربع الأصفر من اليسار لليمين
إنشاء زر جدد
لإنشاء خط فاصل بين الأزرار
لحذف زر او فاصل .
4- مهم وهو عندما اريد عمل تغيير لجميع الإيقونات التي انشئتها لابد من تظليل جميع الأزرة من خلال هذا الخيار .
======

http://abunada15.jeeran.com/Sothink/sothink1.gif
اظن أنها لا تحتاج شرح اكثر من الشرح الموجود على الصورة .

======

http://abunada15.jeeran.com/Sothink/sothink2.gif
من هنا تستطيع تعديل لون الخط ونوعه لتكون واجهة القائمة
وبجوارها واجهة القائمة بعد مرور الماوس على الزر .

=======

http://abunada15.jeeran.com/Sothink/sothink3.gif
مهم الألمام بهذه النافذة لإظهار القائمة بالشكل الجميل
1- هذه تختار منها إما ان تكون القائمة بشكل طولي أو افقي .
2- درجة وضوح القائمة .
3- لتكبير وتصغير مربع الزر الخاص بالكتابة .
4- لتكبير وتصغير الإطار حول مربع الكتابة .
5- لون الجدول .
6- لوضع خلفية صورة للجدول
7- لون الجدول الخارجي .
8- لإخفاء او إظهار الجدول او إخيتار دبل للجدول .
=======
http://abunada15.jeeran.com/Sothink/sothink4.gif

1- إظهار او اخفاء خلفية ظل للقائمة
2- لتكبير وتصغير الظل للقائمة .
3- لون الظل .
4- لإختيار الشكل عند مرور الماوس على الزر لإظهار القائمة . مثلا هنا اخترت إظهار القائمة المنسدلة لإسفل .
5- لإختيار الشكل عند تحرر الماوس من فوق الزر لتختفي القائمة . مثلا هنا اخترت عكس الظهور وهو لإعلى .
6- سرعة ظهور القائمة وإختفاءها .
=====

http://abunada15.jeeran.com/Sothink/sothink5.gif
1- لتوسيط الفائمة في الزر التابع لها لتعطي جمالاً اكثر للقائمة .
2- لوضع مسافة بين الزر والقائمة التي تظهر منه .

====

http://abunada15.jeeran.com/Sothink/sothink6.gif
هذا عبارة عن صور وهو يفيد ان هذا الزر تحته قائمة منسدلة . بإمكان تغيير شكل الزر ولون .

====

http://abunada15.jeeran.com/Sothink/sothink7.gif
هذه تفيد كما يؤشر السهم لوضع رابط للزر وتلميح الماوس .
بعد الإنتهاء من إنشاء القائمة لابد من إدارجها عن طريق الفرونت بيج في الصحفة .
====

http://abunada15.jeeran.com/Sothink/sothink8.gif
من خلال هذا الرز تستيطع إدارج القائمة التي قمت بتصميمها .

====

http://abunada15.jeeran.com/Sothink/sothink9.gif
بعد الضغط على الزر الموجود في الفرونت بيج تظهر هذه النافذة .

====

http://abunada15.jeeran.com/Sothink/sothink10.gif
بعد اختيار الشكل من النافذة السابقة يشتغل البرنامج فأذا اردت التتغير او الضغط كما يشير السهم لترجع للفرونت بيج .
====

http://abunada15.jeeran.com/Sothink/sothink11.gif
والان عندنا للفرونت بيج ونستعرض القائمة كما تشاهدون .

مثال تطبيقي للشرح
http://www.nadr.net/p.63.php

ارجوا ان يكون الشرح واضح وإي إستفسار اخوكم حاضر .
وسوف اضع بعد النقاط التي تساعدك على عمل قائمة جميلة .
1- لابد ان يكون حجم الخط للقائمة قبل ان يمر عليها الماوس متساوي مع الخط بعد مرور الماوس وإلا احدث شكل مرتبك للقائمة .
2- عند إدراج القائمة في الفرونت بيج لا بد من حفظ الصفحة في الفرونت بيج وإلا لن ينتقل للبرنامج .
3- اعمل إيقونة واحدة وعدل الالوان وحجم ونوع الخط ومن ثم بإمكانك نسخ هذه الإيقونة وتكرارها سواء رئيسية او فرعية .

[جميلة وشقية]

روووووووعة يا ميطوا مش بيتخاف عليك هههههههه
مشكوووووووور
تقبل مروري
غلاك جوجو ض1

[فـر1س]

مشكور اخى ع الموضوع تحياتى

[FORMAL]

شكراً جزيلاً على البرنامج والشرح يعطيك 1000 عافيه

[اللورد ميدو]

العفوا

وشكرا على مروركم

[van.hassan]

شكرااااااااااااااااااااااااااااااااااااااااااااااا اااااااااااااااااااااا

[**الزعيم**]

مشكووووووووووووووووووووووووووووور

[ملك العصابات]

الف شكر على المجهود

[ماندووو]

http://www7.0zz0.com/2008/05/25/18/731021776.gif (http://www.0zz0.com)

[الشيمــاء]

http://www.m5znk.com/uploads/images/m5znk-bbeb326f71.gif (http://www.m5znk.com)

[العبد الفقيررر]

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

مشكووووووووووور على المجهود سلمت يداك

[وٍرٍدهـْ بـًُ~ـلآ‘دى]

http://www.m5znk.com/uploads/images/m5znk-8709024719.gif

[عيون الحب]

http://img378.imageshack.us/img378/8519/23231h4ozj7uqr9lv2.gif

[همـًُ~ـس آلقلـًُ~ـوٍبً]

http://www.m5znk.com/uploads/images/m5znk-a26627f0f5.gif (http://www.m5znk.com)

http://www.m5znk.com/uploads/images/m5znk-57f9c0fc5b.gif (http://www.m5znk.com)

[الاستاذوالطلاب]

http://islamroses.com/zeenah_images/jazak.gif

[alia]

http://www.m5znk.com/uploads/images/m5znk-021aa8e35d.gif (http://www.m5znk.com)

[فراشة صغنونة]

شكررررررا على المجهووووووووود

[الحــــــب كــــــــدة]

مشكوووووووور على الموضوع والمجهوووووووود تسلم

[بسبوسة]

جزاك الله كل خير

[الحب الابدى]

بارك الله فيك يا ميددووو



تسلم ايدك

[العميد]

مشكور للمجهود تسلم ايدك

[الحب الابدى]

مشكووووووووووووووووووور يا لورد ع الموضوع

[الحب الابدى]

مشكووووووووووووووووووور يا لورد ع الموضوع


جزاك الله كل خير

[الحب الابدى]

الف الف شكر ع المجهوووووووود الكبير

[** دينا **]

http://www.m5znk.com/uploads/images/m5znk-09c8063344.gif (http://www.m5znk.com/)

[!!*يـآسـ-ــ-ــ-ــ-ـــر*!!]

http://www.m5znk.com/uploads/images/m5znk-2e4c2bca44.gif

[ضمير الحب]

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

مشكوور على المجهود

دمت بخير

[عفريتة هانم]

جميل يا ميدو

شكرا على مجهودك

جزاك الله كل خير

[@ سمسومه @]

موضوع رائع

ميرسى على مجهودك الرائع

[ميـ ْـًٍٍْـرًٍوًٍوً]

http://www.m5znk.com/uploads/images/m5znk-1b0350398a.gif (http://www.m5znk.com)

[همـًُ~ـس آلقلـًُ~ـوٍبً]

شكرآ على الطرح المتميز

جزاك الله خير جزاء

تحياتى

[الظابط أحمد مكي]

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

تسلم ايدك على المجهود الرائع المتميز

يجزيك الله خيرا على عملك الطيب

تقبل مروروى