سلايد شو يعرض المواضيع حسب التسمية الشكل الرابع

عبدو تكنولوجي - Abdou Technologie

12 أبريل 2018

سلايد شو يعرض المواضيع حسب التسمية الشكل الرابع

السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي

اضافة اليوم هيا عبارة عن سلايد شو يعرض لك المواضيع حسب التسمية السلايدر

نبدا بشرح تركيب السلايدر

إبحث على </head> وضع هذا الكود فوقه مباشرة

<script 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
.boxx{background:url(https://4.bp.blogspot.com/-JfrzdFTWrZE/Wpi6RTKvDcI/AAAAAAAAFoM/Cf0M_oOGKooEmgygbJTJTKP4w2hSyztTwCLcBGAs/s1600/bg1.jpg) center no-repeat fixed #000;height:450px;margin-bottom:40px;background-origin:initial;background-clip:initial;background-size:cover;z-index:1}.boxx .section-overlay{position:relative;width:100%;padding:0;margin:0;right:0;top:0;float:right;height:100%;z-index:2}.boxx .bg-opacity-7{background-color:rgba(0,0,0,.6)}.boxx .sec-bpadding-3{padding-bottom:70px}.boxx1{margin:0;z-index:1;padding:30px 0}.recent-boxes{background:url(https://2.bp.blogspot.com/-YPqfBBvz604/WpYC4aTF8YI/AAAAAAAAFmk/NZob4aEdZ1oNeXitgqHiV1ZClOL_xhLJwCLcBGAs/s1600/bg.jpg) fixed #f8f8f8;overflow:hidden;position:relative;margin:0;padding:80px 0 50px;-moz-box-shadow:0 10px 40px -18px #000;-ms-box-shadow:0 10px 40px -18px #000;-o-box-shadow:0 10px 40px -18px #000;-webkit-box-shadow:0 10px 40px -18px #000;box-shadow:0 10px 40px -18px #000}#box-sec,.box-sec{margin:10px}.box-sec h2{display:none}.recent-boxes .carousel{position:relative;margin:0;padding:0;overflow:visible;height:auto;display:block;clear:both}.main-carousel{overflow:hidden}.carousel-item{padding:0!important;position:relative;overflow:hidden;background:#fff;margin-bottom:35px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.carousel-thumb{width:100%;height:250px;position:relative;display:block}.carousel-item .box-image{width:100%;height:100%;position:relative;display:block}.carousel-item .box-image:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:171px;background:url(//3.bp.blogspot.com/-LnvazGBvKh8/VskckSkmzxI/AAAAAAAAC4s/erEgI6A_ih4/s1600-r/metabg.png) repeat-x;background-size:100% 100%;opacity:.8}.carousel-content{position:relative;bottom:0;width:100%;z-index:2;box-sizing:border-box;padding:20px;text-align:right}.carousel-item .recent-title{margin:10px 0;font-size:18px;font-weight:500}.carousel-item .recent-title a{color:#404040;display:inline-block;font-weight:500;line-height:1.4em;font-size:14px;text-transform:uppercase;padding-bottom:5px}.carousel-item .recent-date{color:#b71c1c;padding:5px;border:1px solid #c62828}.carousel-tag a{display:inline-block;color:#ff3d00;height:20px;line-height:20px;letter-spacing:2px;padding:0;font-size:14px;font-weight:600;text-transform:uppercase}.recent-date{color:#bdbdbd;font-size:14px;font-weight:400}.recent-date:before{color:#b71c1c;content:'\f073';font-family:fontawesome;margin-left:5px}.section_heading1{text-align:center;margin:0 0 60px}.section_heading1 h1{font-size:42px;margin:0}.section_heading1 p{color:#969696;font-size:21px}.main-carousel .owl-next{left:0}.main-carousel .owl-prev{right:0}.main-carousel .owl-next,.main-carousel .owl-prev{margin-top:0;width:40px;height:40px;font-size:25px;line-height:40px;top:43%;color:#fff;background-color:#851414;font-family:FontAwesome;z-index:1;display:block;cursor:pointer;padding:0;overflow:hidden;position:absolute;text-align:center}.owl-next:hover,.owl-prev:hover{background-color:#c62828;color:#fff}.carousel-tag a{color:#851414}
</style>
<link href='//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.css' rel='stylesheet'/>
<script data-cfasync='false' src='//rawgit.com/abdelalilebbihi/abdou_tech/master/OwlCarousel.js' type='text/javascript'/>
</b:if>

الان في الخطوة الثانية إبحث على </body>

و اخيرا ضع هذا الكود في المكان الذي تريد انت ضهور فيه السلايدر

الان احفظ القالب و مبروك عليك الاضافة لا تنسى الاشتراك في المدونة من هنا لكي تدعمني على تقديم المزيد

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع

Unknown 12 أبريل 2018 في 9:29 م

ايداع فنان واصل يا مبداع

Unknown 12 أبريل 2018 في 9:31 م

هل هذا السلايد ينفع بتركيب على قالب عبدو فور يو النسخة 2
- عبدو تكنولوجي - Abdou Technologie 12 أبريل 2018 في 9:38 م
  
  نعم تستطيع

Unknown 12 أبريل 2018 في 9:44 م

اين يضاع السلايد فى القالب قالب عبدو فور يو 2
- عبدو تكنولوجي - Abdou Technologie 12 أبريل 2018 في 9:51 م
  
  ضعه في المكان الذي تريده انت

Unknown 13 أبريل 2018 في 11:33 ص

لماذا لم توافق علي عرضي في الرسائل gmail

ميريا مصطفى 13 أبريل 2018 في 11:46 م

يوجد مشكلة اخي عندما اقوم بالحقظ يظهر لي هذا الاشعار
http://a.up-00.com/2018/04/152365954518761.png

عبدو تكنولوجي - Abdou Technologie 14 أبريل 2018 في 12:25 ص

غيريه من HTML6 الى HTML255 او اي عدد مختلف لا يوجد في القالب
- ميريا مصطفى 14 أبريل 2018 في 9:49 ص
  
  موجودة في القالب من قبل ويرفض تكريرها

ميريا مصطفى 14 أبريل 2018 في 10:09 ص

أزال أحد مشرفي المدونة هذا التعليق.
- عبدو تكنولوجي - Abdou Technologie 14 أبريل 2018 في 11:57 ص
  
  في المرحلة الثانية من الشرح غيري ذالك الكود بهذا هنا

Unknown 15 أبريل 2018 في 4:21 م

أريد قالب نفهم العليمي بما أنك تلبي طلباتنا بدون مقابل
- عبدو تكنولوجي - Abdou Technologie 15 أبريل 2018 في 4:57 م
  
  نلبي الطلبات الاكثر طلبا

Unknown 15 أبريل 2018 في 4:24 م

https://www.nafham.Com
ملحوظة القالب وردبريس يسهل عليك تحويله

جيك برو | Geek Pro 18 أبريل 2018 في 12:24 م

لو سمحت اخي عبدو ينفع تعمل شرح لتاثير الانزلاق الموجود في الشريط البجانبي مثل مدونتنك :) و مبروك علي 5000 مشترك
- عبدو تكنولوجي - Abdou Technologie 18 أبريل 2018 في 8:01 م
  
  يبارك فيك
  
  سوف ارسلك الكود في الايميل

ترافل فلاش 8 مايو 2018 في 4:36 م

يزجد مشكلة في الاكواد

ترافل فلاش 9 مايو 2018 في 2:03 م

فيه مشكلة في الأكواد
- عبدو تكنولوجي - Abdou Technologie 9 مايو 2018 في 4:51 م
  
  حددلي في اي خطوة

ترافل فلاش 28 مايو 2018 في 10:25 م

أخي يوجد مشكلة في الأكواد تحقق منها