أهلا أصدقائي .. في هذا البرنامج التعليمي الخاص بمكتبة OwlCarousel.js والذي هو عبارة عن سلسلة من الدروس المبسطة التي سبق وشرحنا في السلسلة الأولة الخاصة بالإصدار 1.3.3 المواضيع التالية:

1. -سلسلة دروس مكتبة OwlCarousel.js الإصدار 1.3.3
2. -الدرس الأول // مكتبة OwlCarousel.js الإصدار [1.3.3] تتيح لك إنشاء شريط تمرير دائري رائع الاستجابة.
3. -الدرس الثاني // تركيب سلايدر شو تلقائي featured-slider بإستخدام مكتبة OwlCarousel-js الإصدار [1.3.3]
4. -الدرس الثالث // تركيب أداة مقالات ذات صلة related article بإستخدام مكتبة OwlCarousel-js الإصدار [1.3.3]
5. -الدرس الرابع // تركيب سلايدر مستعرض مواضيع ديناميكي Dynamic Slider بإستخدام مكتبة OwlCarousel-js الإصدار [1.3.3]

عليك مراجعتها حتى تتوسع عندك المدارك حول هذا المكون بصفة عامة وخصوصا الدرس الأول .

مزيد من المعلومات »

+

هل سبق لك أن حاولت إدراج شفرة إعلان جافا سكريبت مباشرة في نموذج Blogger الخاص بك ولن ينجح؟ حسنًا ، لا تقلق فلطالما كانت هذه مشكلة كبيرة بالنسبة إلى مؤلفي المدونات الذين يستخدمون Google Blogger والذين يتطلعون إلى تحقيق الدخل من موقعهم نظرًا لأن شفرة الإعلان كلها تحتوي على جافا سكريبت. كانت المشكلة في الماضي هي أن مستخدمي Blogger يريدون المزيد من التحكم في مكان تكرار ظهور شفرة الإعلان (عادةً ما تكون AdSense) ومدى تكرار ذلك.

مزيد من المعلومات »

+

أهلا .. في دروس قد مرت معنا حول ميزة التمرير السلس لصفحات المواقع بشكل عام كنا قدمنا عدة مكتبات وبطرق مختلفة واليوم كذلك سنقدم SmoothScroll for websites v1.4.6 هذا السكريبت لايحتاج إلى تعديل سهل التركيب وطبعا خالي من مشكلة lage ..مع العلم أن هذه الميزة (التأثير السلس أو البطيء للصفحة) متوفرة إفتراضيا في الإصدارات الجديدة لمتصفح فاير فوكس و لن يظهر هذا التغيير بشكل فوري لمُستخدمي كروم، حيث تحتاج الشركة لفترة كي تختبر التقنية وتقوم بطرحها في أحد الإصدارات القادمة من المتصفح .

مزيد من المعلومات »

+

أهلا أصدقائي .. تكملة مع برنامجنا التعليمي مزايا مكتبة OwlCarousel.js ..ما سنقوم به في الدرس الرابع تركيب سلايدر ديناميكي Dynamic Slider بإستخدام مكتبة OwlCarousel-js .
في كل تدوينة نعرضها بهذا الخصوص غالبا ما كنا ننوه على وجوب مراجعة الدرس الأول حول تثبيت المكتبة في القالب وهو الدرس الأول // مكتبة OwlCarousel.js تتيح لك إنشاء شريط تمرير دائري رائع الاستجابة لكن في هذا الموضوع سنقوم بشرح طريقة التثبيت لمكتبة OwlCarousel.js مع تركيب الإضافة التى نريد تطبيق عنصر الإنزلاق أو التمرير الدائري عليها وذلك لسبب أن كود ترتيب المعلمات الخاص بالمكتبة سيكون مدمج مع سكريبت الإضافة التي سنقوم بتركيبها.

ماهي الإضافة التي سنقوم بتركيبها؟

بالنسبة للإضافة سلايدر ديناميكي هي نفس فكرة مستعرض مواضيع رئيسي إلا أنها أكثر تخصيص من حيث محتوى العرض إذ يتيح لك السكريبت :

1. مزايا مستعرض Dynamic Slider
2. عرض آخر المشاركات Recent post
3. عرض مواضيع عشوائية Random post
4. عرض مشاركة العلامة [مواضيع حسب قسم معين] Label post
5. التحكم في عدد المواضيع المراد عرضها
6. تحكم كامل من صفحة التخطيط
7. عرض كماليات محتوى التدوينة [الكاتب],[التاريخ],[التسمية],[].
8. متوفر بشكلين رائعين

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

مزيد من المعلومات »

+

أهلا أصدقائي .. تكملة مع موضوعنا الشيق عن مزايا مكتبة OwlCarousel.js ..ما سنقوم به في الدرس الثالث تركيب أداة مواضيع ذات صلة related article بإستخدام مكتبة OwlCarousel-js .
لكن كالعادة وجب التنويه قبل أن تكمل الموضوع فأنت مجبور على مراجعة الدرس الأول حول تثبيت المكتبة في القالب من هنا الدرس الأول // مكتبة OwlCarousel.js تتيح لك إنشاء شريط تمرير دائري رائع الاستجابة ذلك لأننا لن نعيد شرح طريقة التثبيت لمكتبة OwlCarousel.js..ما سنقوم به هو فقط تركيب الإضافة التى نريد تطبيق عنصر الإنزلاق أو التمرير الدائري عليها.

بالنسبة للإضافة مواضيع ذات صلة التي سنقوم بشرح طريقة تركيبها في القالب معروفة ويكاد لاتخلو منها مدونة أو موقع وذلك لأهميتها رأينا أن نطبق عليها خاصية الإنزلاق أو التمرير الدائري بإستخدام مكتبة OwlCarousel-js لتبدو أكثر إحترافية ... فتابع معي الدرس.

مزيد من المعلومات »

+