سلايد شو احترافى يعرض اخر المواضيع بشكل تلقائى

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

.

معاينة السلايد

معاينة 

صور للسلايد

شرح التركيب

1. قم بالبحث عن الوسم التى هذا]]>ثم ضع فوقه الكود التالى .

#post-mag > li:nth-child(2) {width: 49%;margin-right: 3.333px;}
#post-mag > li:nth-child(5) {width: 49%;margin-right: 3.333px;}
#post-mag > li:nth-child(3) {float: left;}
#post-mag > li:nth-child(6) {float: left;}
#post-mag > li:nth-child(9), #post-mag > li:nth-child(10), #post-mag > li:nth-child(11) {display: none;}
#post-mag > li:nth-child(7), #post-mag > li:nth-child(8) {display: none;}
img.slider-image {width: 100%;height: 100%;transform: scale(1.4);}
p.slider-title {margin-bottom: 5px;}
.content-info {bottom: 0;position: absolute;z-index: 99999;padding: 20px;display: block;background-image: -webkit-linear-gradient(transparent ,rgba(0, 0, 0, .88));background-image: -moz-linear-gradient(transparent ,rgba(0, 0, 0, .88));background-image: linear-gradient(transparent ,rgba(0, 0, 0, 1));width: 93%;}
.slider-title a {color: #fff;font-size: 17px;font-family: Neo;text-shadow: 0 0 3px rgba(0, 0, 0, 0.88);}
span.postlabel {color: #fff;background: #2980b9;position: absolute;top: -10%;padding: 2px 4px;font-size: 13px;border-radius: 1px;font-family: Neo;}
span.postda:before {content: "\f017";font-family: fontawesome;margin-left: 4px;display: inline-block;float: right;margin-top: 2px;color: #fff;}
span.postda, .postau {color: #dcdcdc;font-family: Neo;font-size: 12px;float: right;}
span.postau {float: right;margin-left: 11px;}
span.postau:before {content: "\f007";font-family: fontawesome;margin-left: 4px;display: inline-block;margin-top: 2px;color: #fff;}
#post-mag li {height: 250px;overflow: hidden;position: relative;width: 25%;float: right;margin: 1px;}
.slideshow {width: 100%;margin: 11px auto;overflow: hidden;}
.content-info {bottom: 0;position: absolute;z-index: 99999;padding:25px 5px 5px 5px;display: block;
background-image: -webkit-linear-gradient(transparent ,rgba(0, 0, 0, .88));background-image: -moz-linear-gradient(transparent ,rgba(0, 0, 0, .88));background-image: linear-gradient(transparent ,rgba(0, 0, 0, 1));width: 100%;}

1. الأن قم بالبحث عن الوسم هذاثم ضع فوقه الكود التالى .

1. الأن مع اخر كود وهو الذى سوف يعمل على ظهور السلايد
2. تقوم بوضعه كما تريد فى مدونتك وبالطريق الذى تريدها
3. ويمكنك وضعه فو هذا الوسمpost-wrapperليكون فوق المواضيع فى مدونتك
4. وفى قوالب اخر سوف تجد الوسم هكذا main-wrapper
5. عليك وضع فوق احد هذه الأوسام او كما تريدها