|
   |
| مجتمع uCoz العربي للدعم والمساعدة » اصحاب المواقع والويب ماسترز » اكواد وحلول HTML » slider show جديد مع الشرح (سلايدر رائع لعرض الصور براوبط وغيرها) |
| slider show جديد مع الشرح |
السلام عليكم
اريد ان اعرض عليكم هذا السكربت السلايدر الرائع والذى الكثير يتمنوه في مدوناتهم ومواقعهم لرؤية السكربت يمكن مشاهدته عبر الموقع http://www.lmasat.tk السكربت جميل وليس كما يعتقد البعض انه كودhtml فقط اتمنى ان اسرد عليكم طريقة تركيبة اولا: مكون من كود html ثانيا: مجلد به ملفين اسمه js يحتوي على ملفين هما jquery.1.3.2.min jquery-ui.min ثالثا: مجلد باسم images يحتوي على الصور الصغيرة والكبيرة للسكربت ربعا: ملفين يتعلقا بتنسيق السلايدر ويحتويان على اكواد وامتداد الملف xml الشرح اولا : اذهب الى ادارة الملفات وانشيء مجلدا اسمه images ثم انشيء داخله ايضا مجلد وسمه content_slider قم بتحميل ملفات الصور المرفقة في الملف نفسه والتي قمت بتحميلها من الملف المضغوط ثانيا: نخرج للخلف الى ادارة الملفات وحمل الملف slider_style وكذلك حمل الملف style ثالثا :انشيء مجلد في دارة الملفات باسم js وحمل به الملفين jquery.1.3.2.min jquery-ui.min رابعا:نخرج من ادارة الملفات ونتوجه الى محرر الصفحة وثم التحكم بصفحات الموقع ونذهب الى الصفحة الرئيسية وننسخ الكود الموجود في ملف index ونضعه باي مكان في الصفحة الرئيسية وليكن في اعلى الصفحة بهذا انتهينا من وضع السلايدر في موقعنا لتعديل الصور والكلام الموجود يجب الانتباه الى حجم الصور ويمكن استخدام الفوتوشوب بحيت تكون الصور الكبيرة متساوية والصور الصغيرة ايضا متساوية حجم الصور الكبيرة 580-250 بكسل حجم الصور الصغيرة 80-50 بكسل لتحميل الملفات المرفقة تحميل المرفقات  وشكرا لكم وانا على استعداد لاي سؤال مشاركة حٌررت بواسطة allart1608 - الثلاثاء, 17.07.2012, 19:21
|
السلام عليكم
اخي solon - رفع الملفات واقصد الملفين الذين بداخل المجلد js - انشاء مجلد اسمه images ورفع الصور اليه ايضا بداخله مجلد اخر اسمهcontent_slider -رفع الملفين الاخرين ذو الامتداد xml الى الموقع نفسه ********** تلك الخطوات الاولى ****************** اما الان والاهم انتقل للمجلد images تم ادخل على المجلد content_slider سترى به صور عددها 8 صور منها كبيرة وصغيرة قم بتعديل الصور دون تغيير مقاسها والذي قلت انه حجم الصور الكبيرة 580-250 بكسل حجم الصور الصغيرة 80-50 بكسل ايضا لا تقم بتغيير اسم الصور فقط غير الصورة دون المساس باسمها طبعا لو عملت ذلك خارج الموقع وعدلت الصور بواسطة الفوتوشوب يكون ذلك افضل طبعا الصورة التي لا تريدها احذفها وضع الصورة الاخرى اما اذا غيرت الاسماء فسوف تضطر الى تغيير الاسماء ايضا في الصفحة الرئيسية اي في الكود index الذي قمت بعمل نسخ ولصق ووضعته في الصفحة الرئيسية للموقع *********************************** هذا كل شيء اتمنى ان اكون قد وفقت في شرحي allart@live.com ممكن مراسلتني على الايميل لو اطلت في الرد عليك علما انني املك الكثير الكثير من القوالب templates الجديدة والمتطورة وكذلك slider show الحديث وملفات فلاش توضع في header اعلى الموقع تمت الإضافة (23.07.2012, 02:35) Quote (allart1608) السلام عليكم اخي solon - رفع الملفات واقصد الملفين الذين بداخل المجلد js - انشاء مجلد اسمه images ورفع الصور اليه ايضا بداخله مجلد اخر اسمهcontent_slider -رفع الملفين الاخرين ذو الامتداد css الى الموقع نفسه ********** تلك الخطوات الاولى ****************** تمت الإضافة (23.07.2012, 02:37) Quote (allart1608) السلام عليكم اخي solon - رفع الملفات واقصد الملفين الذين بداخل المجلد js - انشاء مجلد اسمه images ورفع الصور اليه ايضا بداخله مجلد اخر اسمهcontent_slider -رفع الملفين الاخرين ذو الامتداد css الى الموقع نفسه ********** تلك الخطوات الاولى ****************** |
ملف index
موجود في المرفقات اذا كنت لا تملك الفرونت بيج بامكانك فتح الملف index ومن تم اضغط بزر الفارة اليمين على اي مكان فارغ في الصفحة التي ظهرت معك واختار عرض مصدر الصفحة سيظهر لك الكود انسخه والصقه في الصفحة الرئيسية للموقع |
| |||
| |||