سلايدر تلقائي مشابه لمدونة عرب ويب

سلايدر تلقائي مشابه لمدونة عرب ويب

يوجد الآن مشاهدة التعليقات : 41

الموضوع

اقرأ ايضًا

التعليقات

عن الكاتب

تعليمات

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

* ملاحظة السلايدر لا يدعم متصفح الفيرفوكس
شرح طريقة التركيب
1. مباشرة من التخطيط أضف أداة Html/JavaScript وضع الكود التالي بها
<style>
/* Css Slider Posts */
#featured-wrap {position: relative;height: 175px;margin: 0 auto;border-radius: 4px;}
#featured {border: 0;outline: none;position: relative;width: 890px;height: 150px;overflow: hidden;top: 10px;margin: 0 auto;}
.datex {display: none;}
#featured ul{width:9999px}
#featured ul,#featured li{list-style:none;padding:0;margin:0;overflow:hidden}
#featured li {width: 150px;display: inline-block;float: left;height: 150px;background: #fff;}
.thumb-featured {width: 130px;height: 100px;margin: 5px auto;border: 1px solid #fff;}
.thumb-featured img {display: block;width: 134px;height: 94px;border: 1px solid #ddd;padding: 2px;cursor: url(http://4.bp.blogspot.com/-qkEpq30SGqY/VFDnmVq7KGI/AAAAAAAAGig/s9v1b9t3b-w/s1600/Untitled-2.png),pointer;-moz-transition: all .3s ease 0s;}
.title-featured {text-align: center;position: relative;margin: 0 4px;font: 10px Electrolize,ge_dinar_oneregular;}
.title-featured a {color: #555;}
.title-featured h4{overflow:hidden}
.arrow {position: absolute;display: block;width: 32px;height: 32px;top: 60px;text-indent: -9999px;}
.arrow.back {left: 13px;background: transparent url(http://4.bp.blogspot.com/-tazd_K28hNA/VC1JAH9aZhI/AAAAAAAAGNM/fqwW3eGxCDI/s1600/lefthm.png)no-repeat;}
.arrow.forward {background-position: 100% 50%;right: 10px;background: transparent url(http://3.bp.blogspot.com/-pI5M9xJ7490/VC1JAZWY04I/AAAAAAAAGNQ/I4PxW6BCsTE/s1600/righthm.png)no-repeat;}
span.slideloading{text-indent:-9999px;margin:50px auto;font-family:Electrolize,ge_dinar_tworegular}
</style>
<div id='featured-wrap'>
<div id='featured'>
<span class='slideloading'>جاري التحميل ...</span>
</div>
</div>
<script src='https://ar1web-com.googlecode.com/svn/Hm/slider-iHussam.js'/>
إذا اردت وضع السلايدر بداخل القالب تابع المراحل التالية :
1. ابحث داخل القالب بإستعمال Ctrl+F عن </head>
2. ضع الكود المحدد باللون الأزرق فوقه
3. ابحث عن ]]></b:skin>
4. ضع الكود المحدد باللون الأحمر فوقه
* في هذه المرحة والأخيرة يوجد عدة أماكن لوضع الكود , ويكون إما فوق المواضيع أو تحت القائمة او في الفوتر على حسب ذوقك
5. ابحث عن content-wrapper أو عن main-wrapper أو footer-wrapper
6. ضع الكود المحدد باللون البرتقالي فوق احد الأكواد
إذا ظهرت الأسهم بشكل متقارب ففي الكود المحدد بالأحمر اسمين باللون الأخضر خاصيين بالأسهم left:13px -- right:10px عدل الرقم
ملحوظة:

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻

هناك 41 تعليقًا:

  1. شكراً اخي حسام لتلبيتك هذا الطلب

    ردحذف
    الردود
    1. العفو اخي .. بصحتك . :)

      حذف
  2. أخي السلايدر يعمل لكن لا ارى اي موضوع فيه

    ردحذف
  3. شكرا على تلبية الطلب تم التركيب بنجاح
    سؤال هل يمكن تغيير الأسهم ؟

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

      حذف
  4. سلايدر رائع من مدة وأنا بإنتظاره شكرا لك كثيرا اخ حسام وللمدونة أيضا =)D

    ردحذف
  5. أخي حتى انت عندك السلايدر شغال لكن المواضيع التي في لا نراها

    ردحذف
    الردود
    1. إذا كنت تستعمل متصفح فيرفوكس فلن يشتغل سبق وذكرتها في الموضوع

      حذف
  6. اخي الكريم كيف اتحكم بعدد المواضيع اللتي تظهر

    ردحذف
    الردود
    1. التحكم عن طريق كود جيكويري مخفي .. لذا لن يسعك التعديل عليه

      حذف
  7. وهل يمكنك توضيح حل لمشكلة التدوينات الفارغة او empty cloned وحل مشكلة التدوينات بلا صور مع ان بداخل التدوينة هنالك صورة ( ملاحظة : انا اتكلم فقط عن السلايد وليس عن المدونة كلها )

    ردحذف
    الردود
    1. !! على الصورة في التدوينة أن تكون هي الأولى .. السلايدر لن يظهر المواضيع في متصفح فيرفوكس

      حذف
  8. شكرا على السلايدر شو
    ولاكن كيف يمكن تغيير لون الخلفية

    ردحذف
    الردود
    1. داخل الكود المحدد بالأحمر ابحث عن #featured li ستجد background

      حذف
    2. شكرا أخي

      حذف
  9. جميل اخي تسلم ايدك كانت اريد التواصل معك اخي عمال ابعتلك رسايل من اتصل بنا ولا انتا هنا مش بترد ده اميلي الفيس بوك رجاء مرسلتي https://www.facebook.com/profile.php?id=100007099755996

    ردحذف
  10. رائع يا ابن بلدي

    ردحذف
  11. انا ابحث عن content-wrapper أو عن main-wrapper أو footer-wrapper لا اجدهم في القالب

    ردحذف
    الردود
    1. قد يكونو بتسميات مختلفة رابط المدونة

      حذف
  12. غير معرف11/17/2014

    ممكن متابعت مدونتي من هناا
    http://ar1-pro.blogspot.com/
    :-bd
    وشكرا

    ردحذف
  13. مدونة ولا اروع

    ردحذف
  14. كثر سلايدرات اخوي شكرا لك

    ردحذف
  15. اخي هل يمكن جعلها تظهر مواضيع تسمية معينة ؟

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

    ردحذف
  17. Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

    ردحذف
  18. شكرا لك أخي لكن الكود ليس كالمثال المشار له.

    http://i03.imgup.net/Untitled2a46b.png

    ردحذف
    الردود
    1. بل هو نفسه أخي كما في المعاينة, يجب أن تكون لديك مواضيع كافية ليقرأها

      حذف
  19. اخي اسم التدوينات في السلايدر عندي لا تضهر جيدا

    ردحذف
    الردود
    1. ممكن معاينة لو سمحت؟

      حذف
  20. لا يعمل معي أخي الكريم
    وهذه رابط مدونتي http://animebigshow.blogspot.com

    ردحذف
  21. بيقولي جاري التحميل ينفع حل؟؟؟

    ردحذف

عن الكاتب :

إرشادات

    تحميل الملفات

    نستخدم بمدونتنا مواقع مختلفة في رفع الملفات ونوفر منها إثنان:
  • موقع : Mediafire
  • موقع :file-upload
  • باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
  • تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
  • كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
  • إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
  • أين تجدنا؟

    بعيدا عن الصفحات المزورة أو المزيفة التي يحاول البعض من خلالها استغلال جهود فريق عمل عرب ويب، هذه هي حساباتنا وصفحاتنا الرسمية في الشبكات الاجتماعية، لا نمتلك سوى هذه الصفحات والحسابات وهي الوحيدة التي تتبع للمدونة : https://www.instagram.com/ar1web

    كلمة الختام

    في مدونة عرب ويب نسعى دوما جاهدين للتحسن والتقدم وليس ما تراه هو حدودنا! ونحن نقدر كثيرا زوارنا وآراؤهم فإن كان لديك أي اقتراح/نصيحة/ومضة مفيدة/نقد بناء أو ما إلى ذلك يمكنك مشاركتنا كل ما في جعبتك من خلال الإتصال بنا : istoretech3@gmail.com
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم