1. المٌقدمة الأولي :دورة إختبار ثغرات حقن قواعد البيانات SQLI الإحترافية لعام 2017 عام 2018
    تٌعد ثغرات حقن قواعد البينات الثغرة رقم واحد فى العالم والمصنفة تحت بند الإخطر
    والفريق التابع له بإختراق أكبر المواقع الصهيونية قرائة الموضوع
  2. المٌقدمة الثانية : دورة إختبار ثغرات حقن قواعد البيانات SQLI الإحترافية لعام 2017 عام 2018
    في هذه المٌثقدمة الثانية والأخيرة سوف نتعرف على قواعد علم حقن قواعد البيانات
    حتى يتثنى لنا علم يٌساعدنا على القيام بعمليات الحقن بالطرق الصحيحه قرائة الموضوع
  3. دورة كشف دمج والتلغيم حصريا على أرض عراق تيم(2017)
    بعد ماقمت بعمل دورة الكشف دمج والتلغيم وستكملت الدوره وتحتوي على 12 درس
    كانت دروس حصريا على عراق تيم وشرح واضح جدا ومفهوم الى المبتدأ والى المبدع قرائة الموضوع

حصري ولأول مرة على iq-team شرح عمل سلايدر على كيفك، وبكل الإمكانيات التي تريدها

الموضوع في 'لغة الأنماط القياسية css' بواسطة Mr_Design, بتاريخ ‏9 يناير 2013.

كاتب الموضوع : Mr_Design المشاهدات : 2,019 الردود : 5 ‏9 يناير 2013
  1. غير متصل

    Mr_Design
    rank
    Developer

    عضو منذ:
    ‏5 أكتوبر 2011
    عدد المشاركات:
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    الإقامة:

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

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

    الكثير منا لديه أفكار جديدة، وأفكار حصرية، يقف على تلك الأفكار لعدم وجود الإمكانيات التي تساعده في تطبيق تلك الأفكار ...

    صادفني العديد من أصدقائي، أنهم يحتاجون للسلايدر صور، أو سلايدر أخبار، او او او ... ولديهم فكرة ونظرة وتصميم معيّن ولكن امكانياتهم، أو الـ plugins الموجودة لا تفي بالغرض لما في خاطرهم تطبيقه.


    اليوم الدرس سهل وخفيف ولكن فائدته أكثر مما تتصوروا، فقط التركيز قليلا.

    ملاحظة: يوجد فيديو شرح للتطبيق.

    نتيجة العمل وأكواد العمل في هذا الدرس من خلال الرابط التالي:

    Slides lesson 1 - Traidnt - jsFiddle



    :: نبدأ على بركة الله عز وجل ::


    الملفات المطلوبة للعمل
    HTML Page : وهي الصفحة الرئيسية التي تحتوي على كود html.
    CSS : كود css خاص بالتنسيق سنقوم بكتابته.
    Jquery : ملف مكتبة الجي كويري.
    SlidesJS : ملف مكتبة سلايدر Slidesjs.

    الآن نقوم بإنشاء div ويجب أن يكون اسمه slide
    ملاحظة: يجب أن يكون اسمه slide.

    div.slide : هو عبارة عن العنصر الموجود في السلايدر، وهو العنصر المتحرك، أي كلما زدنا عنصر اسمه slide كلما زادت لدينا عناصر السلايدر.

    في هذا العنصر slide نقوم بإضافة أي محتوى نريده وبالتنسيق المراد، وبدون التقيد بأي شيء نهائيا​

    كما نلاحظ في الصورة السابقة، أنه في الـ slide قمت بإضافة ما أريد، كما يمكنكم إضافة كل ما يخطر ببالكم بما تحمل الكلمة من معنى.

    طبعا بعد تنسيق ما بداخل الـ slide بالكامل، هناك خصائص css يجب على العنصر slide أن يحصل عليها، وتكون هذه الخصائص هي width + height.

    أي بمعنى أنه على الأقل يجب أن يكون الكود كالتالي:​

    كود PHP:
    .slide{    width500px;    height250px;}

    كما يمكن أن يحصل على خصائص أضافية مهما نريد.

    الآن لتركيب مكتبة الـ slidesjs سنقوم بعمل بعض الأمور البسيطة ونضيف كم كود.

    الآن نضيف div ويجب أن يكون اسمه slides_container وهذا سيكون حاوي للـ slide كما بالصورة التالية:

    [​IMG]

    الآن العنصر slides_container يجب أن يأخذ خصائص ولا يمكن تغييرها نهائيا:

    كود PHP:
    .slides_container{    width/* عرض حسب التصميم، ويكون نفس عرض العنصر المتحرك */;    positionrelative;    overflowhidden;    displaynone;}

    الآن وصلنا لنتيجة جيدة، ولكن هناك بعض العناصر التي ستكون عشوائية وخارجية، مثل (زر السابق، وزر التالي، والأرقام...)

    لحل هذه المشكلة نقوم بإنشاء div نسميه كما نريد، دون التقيد باسم معيّن، قمت أنا بتسميته slides ليصبح بالشكل التالي:


    [​IMG]




    الآن من خصائص الـعنصر slides يجب أن يأخذ خاصية ولا يمكن نهائيا أن يعمل السلايدر إلا بها، كالشكل التالي:​

    كود PHP:
    .slides{    directionltr;}

    والـ slide يأخذ عكس الخاصية:​

    كود PHP:
    .slide{    directionrtl;}

    الآن نضع كود الـ js الخاص بالـ slidesjs، ويكون كالتالي:​

    كود PHP:
    $(function(){        $(".slides").slides();    });

    طبعا نضع اسم العنصر الذي يحوي جميع الأكواد والذي قمت أنا بتمسيته slides

    الآن سنرى الكود النهائي أصبح بالشكل التالي تماما:




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



    الفيديو :


    [YOUTUBE]7_tCYX8oREs[/YOUTUBE]


    الدرس منقول للآمانه


    )5:"​
     


    جاري تحميل الصفحة...
  2. غير متصل

    X444X TEAM
    rank
    Developer

    عضو منذ:
    ‏30 يوليو 2012
    عدد المشاركات:
    الإعجابات المتلقاة:
    4
    نقاط الجائزة:

    رد: حصري ولأول مرة على iq-team شرح عمل سلايدر على كيفك، وبكل الإمكانيات التي تريدها



    بارك الله فيك شرح وافي وكافي ​
     


  3. غير متصل

    كونكورد
    rank
    Developer

    عضو منذ:
    ‏25 يناير 2013
    عدد المشاركات:
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:

    رد: حصري ولأول مرة على iq-team شرح عمل سلايدر على كيفك، وبكل الإمكانيات التي تريدها

    يعطَيك ألَف عاَفيه آخَي ..​
     


  4. غير متصل

    Тĥẻ GỌ∂FДТн€Ř
    DeveloPer Plus

    عضو منذ:
    ‏15 يوليو 2012
    عدد المشاركات:
    الإعجابات المتلقاة:
    9
    نقاط الجائزة:
    الإقامة:

    رد: حصري ولأول مرة على iq-team شرح عمل سلايدر على كيفك، وبكل الإمكانيات التي تريدها

    مبدع بدون شك ... جزاك المولى خير الجزاء​
     


  5. غير متصل

    آرْ بْيْ جْيْ ڪْرْڪْوْڪْ
    DeveloPer Plus

    عضو منذ:
    ‏24 أغسطس 2015
    عدد المشاركات:
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:

    رد: حصري ولأول مرة على iq-team شرح عمل سلايدر على كيفك، وبكل الإمكانيات التي تريدها

    مبدع+استمر
     


  6. غير متصل

    SerAno
    rank
    Developer

    عضو منذ:
    ‏19 ديسمبر 2014
    عدد المشاركات:
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:

    رد: حصري ولأول مرة على iq-team شرح عمل سلايدر على كيفك، وبكل الإمكانيات التي تريدها

    شكرا يعطيك العافيه
     


مشاركة هذه الصفحة

جاري تحميل الصفحة...