طلب كود سلايد شو مثل منتديات انمي تون

احتاج الى كود سلايد شو مثل هذا

https://i.servimg.com/u/f52/19/90/58/71/122110.jpg

طلب كود سلايد شو مثل منتديات انمي تون 122110

الموجود في منتديات انمي تون

http://www.anime-tooon.com/

هلا
تفضلي الكود
وضع الكود التومبلايتات و القوالب - إدارة عامة - index_body
في بدايه صفحة

الكود:: <title>Simple Carousel - Bootsnipp.com</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
   <style type="text/css">
   body{padding-top:20px;}
.carousel {
   margin-bottom: 0;
   padding: 0 40px 30px 40px;
}
/* The controlsy */
.carousel-control {
left: -12px;
   height: 40px;
width: 40px;
   background: none repeat scroll 0 0 #222222;
   border: 4px solid #FFFFFF;
   border-radius: 23px 23px 23px 23px;
   margin-top: 90px;
}
.carousel-control.right {
right: -12px;
}
/* The indicators */
.carousel-indicators {
right: 50%;
top: auto;
bottom: -10px;
margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
} </style>
   <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
   <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
   <script type="text/javascript">
   window.alert = function(){};
   var defaultCSS = document.getElementById('bootstrap-css');
   function changeCSS(css){
   if(css) $('head > link').filter(':first').replaceWith('<link rel="stylesheet" href="'+ css +'" type="text/css" />');
   else $('head > link').filter(':first').replaceWith(defaultCSS);
   }
   $( document ).ready(function() {
   var iframe_height = parseInt($('html').height());
   window.parent.postMessage( iframe_height, 'https://bootsnipp.com');
   });
   </script>
</head>
<body>
   <div class="container">
   <div class="row">
<div class="col-md-12">
   <div id="Carousel" class="carousel slide">

   <ol class="carousel-indicators">
   <li data-target="#Carousel" data-slide-to="0" class=""></li>
   <li data-target="#Carousel" data-slide-to="1" class=""></li>
   <li data-target="#Carousel" data-slide-to="2" class="active"></li>
   </ol>

   
   <div class="carousel-inner">

   <div class="item">
   <div class="row">
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155727004309191.png
" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155727004310822.png
" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155852390719451.png
" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155718903326851.png
" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155830655521791.png
" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155718082417471.png
" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155614576948172.png
" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155761317892321.png
" alt="Image" style="max-width:100%;"></a></div>
   </div>
   </div>

   <div class="item">
   <div class="row">
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155735298907411.png

" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155761317892321.png
" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155830655521791.png
" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155614576948172.png
" alt="Image" style="max-width:100%;"></a></div>
   </div>
   </div>

   <div class="item active">
   <div class="row">
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155812772789511.png
" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at15554104640752.png
" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at15581229558241.png
" alt="Image" style="max-width:100%;"></a></div>
   <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155579070661381.png
" alt="Image" style="max-width:100%;"></a></div>
   </div>
   </div>

   </div>

   </div>

</div>
</div>
</div> <script type="text/javascript">
$(document).ready(function() {
   $('#Carousel').carousel({
   interval: 5000
   })
}); </script>

</body></html>

يمكنك تغير الصور كما يحلو لك

حلو ويشتغل بس في خلل عملو بالمنتدى

خط الاقسام خربطو

طلب كود سلايد شو مثل منتديات انمي تون Captur11

لا علاقة بالكةد بخط الاقسام
تاكدي من وضع الكود كما وضحت لكي

عملت مثل ماقلتلي

https://help.ahlamontada.com/t1092905-topic#4963387

omarpop23 كتب:: https://help.ahlamontada.com/t1092905-topic#4963387

مستعملته للمنتدى واريد ايضا كود سلايد شو مثل انمي تون

⊱Queen⊰ كتب:

omarpop23 كتب:: https://help.ahlamontada.com/t1092905-topic#4963387

مستعملته للمنتدى واريد ايضا كود سلايد شو مثل انمي تون

يمكنك استعماله مره اخرى في اي مكان تريديه ويمكن التعديل علي كل سلايد علي حدي ليصبح مثل انمي تون

omarpop23 كتب:

⊱Queen⊰ كتب:

omarpop23 كتب:: https://help.ahlamontada.com/t1092905-topic#4963387

مستعملته للمنتدى واريد ايضا كود سلايد شو مثل انمي تون

يمكنك استعماله مره اخرى في اي مكان تريديه ويمكن التعديل علي كل سلايد علي حدي ليصبح مثل انمي تون

طب غيرو اخي

مر عدة ايام ولم اجد المساعدة ؟؟؟؟؟؟؟

اسف علي التأخير لكن لدي عذري

احذفي السلايد شو القديم وتابعي الشرح التالي

اولاً: قم بتعديل قالب الـ overall_header

ابحث عن

الكود:: </head>

و الصق اعلاه الكود التالي

الكود:: <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/nolimits4web/swiper/master/dist/css/swiper.min.css" />

صورة توضيحيه:

طلب كود سلايد شو مثل منتديات انمي تون Captur16

ثم ابحث عن

الكود:: <div id="page-body">

ثم الصق اعلاها كود محتوى السلايد التالي

الكود:: 
<div class="swiper-container">
<div class="swiper-wrapper">
<section id="slid_1" class="swiper-slide bgheader">

<div align="center" style="">
<a href="https://www.anime-tooon.com/threads/30746/"> <img alt="تقارير الانمي" src="https://www.anime-tooon.com/up/uploads/at155735298907411.png" /></a> <a href="https://www.anime-tooon.com/threads/31040/"> <img alt="اصدار رمضان" src="https://www.anime-tooon.com/up/uploads/at155986642683813.png" /></a> <br />
</div>

</section>
<section id="slid_2" class="swiper-slide bgheader">

<div align="center" style="">
<a href="https://www.anime-tooon.com/threads/30704/"><img alt="Shingeki no Kyojin S3 Part 2" src="https://www.anime-tooon.com/up/uploads/at155830655521791.png" /></a><a href="https://www.anime-tooon.com/threads/30934/"><img alt="Nobunaga Concerto" src="https://www.anime-tooon.com/up/uploads/at155876353514762.png" /></a><a href="https://www.anime-tooon.com/threads/30703/"><img alt="Bungou Stray Dogs S3" src="https://www.anime-tooon.com/up/uploads/at155812772789511.png" /></a><br />
</div>

</section>
<section id="slid_3" class="swiper-slide bgheader">

<div align="center" style="">
<a href="https://www.anime-tooon.com/threads/30694//"> <img alt="ملون، مبيض مانجا حر ؟" src="https://www.anime-tooon.com/up/uploads/at155873961641561.png" /></a> <a href="https://www.anime-tooon.com/threads/28238//"> <img alt="الانضمام لفريق المانجا" src="https://www.anime-tooon.com/up/uploads/at155873961651072.png" /></a> <a href="https://www.anime-tooon.com/threads/30924/#post-713202"> <img alt="ون شوت -1" src="https://www.anime-tooon.com/up/uploads/at155873961653133.png" /></a> <br />
</div>

</section>
</div>

<div class="swiper-pagination">
</div>
</div>

ثم سجل و انشر القالب

ثانياً: قم بتعديل قالبoverall_footer_end

ابحث عن

الكود:: </body>

والصق اعلاه الكود التالي

الكود:: <script src="https://cdn.rawgit.com/nolimits4web/swiper/master/dist/js/swiper.min.js"> </script>
<script type="text/javascript">
var swiper = new Swiper('.swiper-container', {
spaceBetween: 30,
centeredSlides: true,
autoplay: {
delay: 4300,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>

صورة توضيحية

طلب كود سلايد شو مثل منتديات انمي تون Captur15

مر على الموضوع اسبوع تقريباً , هذه يعني ان الموضوع تم حلة او أهملت من صاحب المشكلة رجاء في حال كانت لديك المشكلة مستمر او اي استفسار اخر قم بفتح موضوع جديد سيتم غلق الموضوع & يرسل الى الأرشيف

يرجى مراجعة : قوانين منتدى الدعم

> من هنا لمراسلة الإدارة لوضع مواضيع الشروحات الجديدة و الأكواد للدراسة <
>> من هنا لمراسلة الإدارة بشكايات بخلاف طلبات كلمة السر او الشروحات <<

> لمراسلة الإدارة لطلب كلمة سر جديدة لمنتداك <

» لجعل منتديات أحلى منتدى ( أفضل منتديات على الإطلاق ) 2
» ابا اكواد ماوس [انمي]
» آحلى انمي
» طلب واجهة انمي
» طلب واجهة انمي