المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : شرح طريقة تركيب Slide Show Pro للمنتدى



trtksa
27-05-2010, 03:42 PM
http://www.geek4arab.com/vb/imgcache/2/10040_geek4arab.com.jpg


شرح طريقة تركيب Slide Show Pro للمنتدى

http://www.geek4arab.com/vb/imgcache/2/10041_geek4arab.com.jpg


قبل البداء فى عمل تركيب السلايدر شو ولمشاهدة البرنامج شاهد السلايدر شو فى هذ المنتدى اضغط هنـــــــــــــــــــــــــــا
(http://www.alsheaa.com/forum)

http://www.geek4arab.com/vb/imgcache/2/10042_geek4arab.com.jpg
http://www.geek4arab.com/vb/images/imgcache/notfound.gif


http://www.geek4arab.com/vb/images/imgcache/notfound.gifhttp://www.geek4arab.com/vb/images/imgcache/notfound.gifhttp://www.geek4arab.com/vb/imgcache/2/10043_geek4arab.com.jpg اولا نقوم بتحميل البردوكت http://www.geek4arab.com/vb/imgcache/2/10044_geek4arab.com.jpg (http://www.alsheaa.com/my_images/Slide%20Show%20Pro.rar)



http://www.geek4arab.com/vb/imgcache/2/10045_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10046_geek4arab.com.jpg الان تابع الشرح المصور http://www.geek4arab.com/vb/imgcache/2/10047_geek4arab.com.jpg


http://www.geek4arab.com/vb/imgcache/2/10048_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10049_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10050_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10051_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10052_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10053_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10054_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10055_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10056_geek4arab.com.jpg


http://www.geek4arab.com/vb/imgcache/2/10057_geek4arab.com.jpg الان انتهينا من عملية استيراد المنتج والخطوة القادمة هى ظبط اعدادت عارض الصور http://www.geek4arab.com/vb/imgcache/2/10058_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10059_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10060_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10061_geek4arab.com.jpg


http://www.geek4arab.com/vb/imgcache/2/10062_geek4arab.com.jpg الان الخطوة الاخيرة وهى اضافة الصور والروابط وظبط اعدادات العرض http://www.geek4arab.com/vb/imgcache/2/10063_geek4arab.com.jpg


http://www.geek4arab.com/vb/imgcache/2/10064_geek4arab.com.jpg


http://www.geek4arab.com/vb/imgcache/2/10065_geek4arab.com.jpg كما تشاهد فى الصورة توجد خمس مربعات كبيرة وقبل البداء فى العمل على هذه المربعات يجب ان نعرف طريقة اضافة عناونين المواضيع والروابط داخل هذه المربعات

http://www.geek4arab.com/vb/imgcache/2/10066_geek4arab.com.jpg اعدادت المربع الاول الخاص بعناوين المواضيع

http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg الكود الخاص بالمربع الاول الخاص بعناوين المواضيع

كود المربع الاول

Title Slide show 1 | Title Slide show 2 | Title Slide show 3 | Title Slide show 4http://www.geek4arab.com/vb/imgcache/2/10068_geek4arab.com.jpg طريقة اضافة عناوني الموضيع قم بنسخ هذا الكود ولصقه فى المربع الاول
http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg قم بمسح جملة ( Title Slide show 1 ) وضع مكانها عنوان الموضوع الاول


http://www.geek4arab.com/vb/imgcache/2/10045_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10069_geek4arab.com.jpg اعدادت المربع الثانى الخاص بعناوين المواضيع نفس الاعدادت السابقة

http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg الكود الخاص بالمربع الثانى الخاص بعناوين المواضيع



Content of title 1 | Content of title 2 | | Content of title 3 | Content of title 4


http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg طريقة اضافة عناونين الموضيع قم بنسخ هذا الكود ولصقه فى المربع الثانى
http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg قم بمسح جملة ( Content of title 1 ) وضع مكانها عنوان الموضوع الاول



http://www.geek4arab.com/vb/imgcache/2/10045_geek4arab.com.jpg


http://www.geek4arab.com/vb/imgcache/2/10070_geek4arab.com.jpg اعدادت المربع الثالث الخاص باضافة روابط المواضيع

http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg الكود الخاص بالمربع الثالث الخاص بعناوين المواضيع



Content slide 1 | Content slide 2 | Content slide 3 | Content slide 4


http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg طريقة اضافة عناوني الموضيع قم بنسخ هذا الكود ولصقه فى المربع الثالث
http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg قم بمسح جملة ( Content slide 1 ) وضع مكانها عنوان رابط الموضوع الاول


http://www.geek4arab.com/vb/imgcache/2/10045_geek4arab.com.jpg



http://www.geek4arab.com/vb/imgcache/2/10071_geek4arab.com.jpg اعدادت المربع الرابع الخاص باضافة روابط المواضيع

http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg الكود الخاص بالمربع الرابع الخاص بعناوين المواضيع



Link slide show 1 | Link slide show 2 | Link slide show 3 | Link slide show 4


http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg طريقة اضافة عناوني الموضيع قم بنسخ هذا الكود ولصقه فى المربع الثالث
http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg قم بمسح جملة ( Link slide show 1 ) وضع مكانها عنوان رابط الموضوع الاول



http://www.geek4arab.com/vb/imgcache/2/10045_geek4arab.com.jpg


http://www.geek4arab.com/vb/imgcache/2/10072_geek4arab.com.jpg اعدادت المربع الرابع الخاص باضافة روابط الصورة الخاصة بالموضوع

http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg الكود الخاص بالمربع الخامس الخاص بروابط الصورة الخاصة بالموضوع



Link images slide show 1 | Link images slide show 2 | Link images slide show 3 | Link images slide show 4


http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg طريقة اضافة عناوني الموضيع قم بنسخ هذا الكود ولصقه فى المربع الخامس
http://www.geek4arab.com/vb/imgcache/2/10067_geek4arab.com.jpg قم بمسح جملة ( Link images slide show 1 ) وضع مكانها رابط الصورة الخاصة بالموضوع


الان يمكنك اكمال باقى الاعدادت بنفس الطريقة المشروحة والسلايدر يقوم بعرض اربعة مواضيع

http://www.geek4arab.com/vb/imgcache/2/10045_geek4arab.com.jpg



اعدادت وظبط مقاس العارض هذه صورة الاعدادت الافتراضية للعارض ويمكنك التعديل عليها حسب عرض منتداك



http://www.geek4arab.com/vb/imgcache/2/10073_geek4arab.com.jpg



Hight Slide - 300
Width Slide - 650
Width slide right (tab) - 250


http://www.geek4arab.com/vb/imgcache/2/10045_geek4arab.com.jpg


http://www.geek4arab.com/vb/imgcache/2/10074_geek4arab.com.jpg الان ناتى الى اختيار طريقة عرض السلايدر والاستايل الخاص به http://www.geek4arab.com/vb/imgcache/2/10075_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10073_geek4arab.com.jpg


برنامج سلايد شو يقوم بعرض الصور بأشكال وطرق مختلفة وهى عدد ثمانية نماذج للعرض وهى كا التالى


Default
FSD
JJ-Obs
JJ-Rasper
Movies
Sleek
TT
Uncut




طريقة تغير العرض

كل ما عليك فعله هو اختيار اى نظام من الانظمة الثمانية وكتابته فى هذا المربع

http://www.geek4arab.com/vb/imgcache/2/10076_geek4arab.com.jpg




ليصبح بهذه الطريقة

http://www.geek4arab.com/vb/imgcache/2/10077_geek4arab.com.jpg

الاستايلات الخاصة

http://www.geek4arab.com/vb/imgcache/2/10078_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10079_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10080_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10078_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10041_geek4arab.com.jpg

http://www.geek4arab.com/vb/imgcache/2/10081_geek4arab.com.jpg


http://www.geek4arab.com/vb/imgcache/2/10075_geek4arab.com.jpg ملاحظة يمكنك ايضا اضافة موضيع المجلة وعرض فى السلايد فى المنتدى http://www.geek4arab.com/vb/imgcache/2/10075_geek4arab.com.jpg

فى الختام لكم منى السلام تحية الاسلام
السلام عليكم ورحمة الله وبركاته

http://file7azm.info/do.php?img=807