الموضوع
اقرأ ايضًا
التعليقات
عن الكاتب
تعليمات
من طلبات الأعضاء المتكررة سلايدر المستعمل بالمدونة حاليا ، وكما وعدتكم .. بطرحه فسأقدمه لكم في هاته التدوينة الخاصة به ، من مميزات السلايدر خفيف شكل جميل يتوافق مع جميع القوالب بدون إستثناء ومن سلبياته أنه لا يشتغل على متصفح فيرفوكس ، طريقة عمل السلايدر هي بجلب احدث التدوينات متكونة من 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiArB6MtuSaHlkZnhQYbdooPNA7ZxjNBNLR8Na-J-nst5CMmfprwxBm-hEsU2KlIxhW8SrHU_M1wCiOQMXIdr52GtcbFMvxv7P_oEje06s1PATF-7wEnntv07jyf6OCqmX_ybFPuuFyCkM/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfxXMplWn5gq7kRYWgbYUuPN9ufysXcARHDn-lFKq4OKpI7HTrZ1KDOMmkYK96megDdmBi3Sj66tWwdTE38xcNoyAk9HlxeqsVVzPB28EzojxQB-dDX6aZl1q_XdWdsGFTTocdpESMengN/s1600/lefthm.png)no-repeat;}
.arrow.forward {background-position: 100% 50%;right: 10px;background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtT5Pznh0XqXOSrFjhp3GjOn7izSveXy2IK6_Kfm0nEt1TLFT6pQmriGlZJmEGeNJpJBu0TTe2APe6RIuqbjHvTc82nL-98bZ2phFlNXOuUovkPUF2DhgPKMrdrSMJFfnoPJr2GQcVNNdg/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-wrapper6. ضع الكود المحدد باللون البرتقالي فوق احد الأكواد
إذا ظهرت الأسهم بشكل متقارب ففي الكود المحدد بالأحمر اسمين باللون الأخضر خاصيين بالأسهم left:13px -- right:10px عدل الرقم
ملحوظة:
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻
إرشادات
- موقع : Mediafire
- موقع :file-upload
- باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
- تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
- كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
- إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
تحميل الملفات
أين تجدنا؟
كلمة الختام
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم
شكراً اخي حسام لتلبيتك هذا الطلب
ردحذفالعفو اخي .. بصحتك . :)
حذفأخي السلايدر يعمل لكن لا ارى اي موضوع فيه
ردحذفكيف !!! رابط مدونتك
حذفشكرا على تلبية الطلب تم التركيب بنجاح
ردحذفسؤال هل يمكن تغيير الأسهم ؟
نعم يمكنك ستجد ايقونات الأسهم بداخل الكود المحدد باللون الأحمر
حذفسلايدر رائع من مدة وأنا بإنتظاره شكرا لك كثيرا اخ حسام وللمدونة أيضا =)D
ردحذف:) اهلا بمرورك
حذفأخي حتى انت عندك السلايدر شغال لكن المواضيع التي في لا نراها
ردحذفإذا كنت تستعمل متصفح فيرفوكس فلن يشتغل سبق وذكرتها في الموضوع
حذفاخي الكريم كيف اتحكم بعدد المواضيع اللتي تظهر
ردحذفالتحكم عن طريق كود جيكويري مخفي .. لذا لن يسعك التعديل عليه
حذفوهل يمكنك توضيح حل لمشكلة التدوينات الفارغة او empty cloned وحل مشكلة التدوينات بلا صور مع ان بداخل التدوينة هنالك صورة ( ملاحظة : انا اتكلم فقط عن السلايد وليس عن المدونة كلها )
ردحذف!! على الصورة في التدوينة أن تكون هي الأولى .. السلايدر لن يظهر المواضيع في متصفح فيرفوكس
حذفشكرا على السلايدر شو
ردحذفولاكن كيف يمكن تغيير لون الخلفية
داخل الكود المحدد بالأحمر ابحث عن #featured li ستجد background
حذفشكرا أخي
حذفجميل اخي تسلم ايدك كانت اريد التواصل معك اخي عمال ابعتلك رسايل من اتصل بنا ولا انتا هنا مش بترد ده اميلي الفيس بوك رجاء مرسلتي https://www.facebook.com/profile.php?id=100007099755996
ردحذفحاضر
حذفرائع يا ابن بلدي
ردحذفمرورك اروع
حذف:LV
ردحذفانا ابحث عن content-wrapper أو عن main-wrapper أو footer-wrapper لا اجدهم في القالب
ردحذفقد يكونو بتسميات مختلفة رابط المدونة
حذفحسنآ :(
حذفممكن متابعت مدونتي من هناا
ردحذفhttp://ar1-pro.blogspot.com/
:-bd
وشكرا
مدونة ولا اروع
ردحذفكثر سلايدرات اخوي شكرا لك
ردحذفاخي هل يمكن جعلها تظهر مواضيع تسمية معينة ؟
ردحذفالسلام عليكم أخي السلايدر يعمل معي لكنه لا يتجاوب مع الهاتف
ردحذفلأنه غير متجاوب اخي
حذفشكرا أخي
ردحذفالعفو اخي
حذفMerciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
ردحذف2 Rien
حذفشكرا لك أخي لكن الكود ليس كالمثال المشار له.
ردحذفhttp://i03.imgup.net/Untitled2a46b.png
بل هو نفسه أخي كما في المعاينة, يجب أن تكون لديك مواضيع كافية ليقرأها
حذفاخي اسم التدوينات في السلايدر عندي لا تضهر جيدا
ردحذفممكن معاينة لو سمحت؟
حذفلا يعمل معي أخي الكريم
ردحذفوهذه رابط مدونتي http://animebigshow.blogspot.com
بيقولي جاري التحميل ينفع حل؟؟؟
ردحذف